What do you want to automate with Webflow?
Prompt, edit and deploy AI agents that connect to Webflow and 2,500+ other apps in seconds.
1-24of2,500+apps by most popular
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Overview#
The Webflow API empowers developers to programmatically interact with their Webflow site, enabling automation, data synchronization, and complex integrations with other apps and services. With Pipedream's serverless platform, you can harness this API to craft custom workflows that react to events, manage content dynamically, or extend the capabilities of your Webflow projects by linking them with a vast array of other applications.
You can connect your Webflow account in a few different ways:
- Directly within the workflow builder, from a trigger or an action step. Search for the Webflow app, and connect your account.
- From the Pipedream Accounts page: Go to Accounts > Connect an app > Search for "Webflow".
- Run the example Node JS code below by clicking "Connect Webflow and run", and choose a project and create an example workflow to interact with the Webflow API.
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
webflow: {
type: "app",
app: "webflow",
}
},
async run({steps, $}) {
return await axios($, {
url: `https://api.webflow.com/v2/token/authorized_by`,
headers: {
Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
"accept-version": `1.0.0`,
},
})
},
})
Example Use Cases#
Content Sync from CMS to Webflow: Automatically update your Webflow site when a new post is added to a headless CMS like Contentful. Once the CMS triggers an event, Pipedream can capture it and push the content to Webflow, ensuring your site remains up-to-date without manual intervention.
E-commerce Order Processing: When a new order is placed on your Webflow e-commerce site, use Pipedream to capture the order details and integrate with an app like QuickBooks to handle invoicing and accounting. This streamlines the order-to-cash process, keeping financials in sync.
Customer Support Ticket Creation: Connect Webflow form submissions to a customer support platform like Zendesk. Whenever a form is submitted on your Webflow site, Pipedream can automatically create a support ticket, helping your support team stay efficient and responsive.
Popular Webflow Integrations#
Popular Webflow Triggers#
Emit new event when a form is submitted. See the documentation
Emit new event when a collection item is created. See the documentation
Emit new event when a collection item is deleted. See the documentation
Emit new event when a collection item is changed. See the documentation
Emit new event when an e-commerce inventory level changes. See the documentation
Authentication#
Name Slug: webflowWebflow uses OAuth authentication. When you connect your Webflow account, Pipedream will open a popup window where you can sign into Webflow and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Webflow API.
Pipedream requests the following authorization scopes when you connect your account:
authorized_user:readsites:readsites:writeforms:readforms:writeecommerce:readecommerce:writeassets:readassets:writecms:readcms:writepages:readpages:write- authorization
GEThttps://webflow.com/oauth/authorize?client_id={{oauth.client_id}}&redirect_uri={{oauth.redirect_uri}}&state={{oauth.state}}&response_type=code&scope={{oauth.space_separated_scopes}} - accessToken
POSThttps://api.webflow.com/oauth/access_tokencontent-type:application/x-www-form-urlencodedaccept:application/jsonclient_id={{oauth.client_id}}&client_secret={{oauth.client_secret}}&redirect_uri={{oauth.redirect_uri}}&grant_type=authorization_code&code={{oauth.code}}
Trusted by 1,000,000+ developers from startups to Fortune 500 companies