Zapier lets you connect over 1000 apps with Webflow’s APIs and, once you connect your Webflow account to Zapier, automate various Webflow CMS and Ecommerce actions. You can also create Zapier actions that will take place after a form submission is received, a new order is received, or an order is updated on your site.
Before you get started
If you haven’t already, create a Zapier account. If you’re a Webflow
customer affected by the
deprecation of Logic
and you’re signing up for a
new Zapier account, you may be eligible for a special discount from Zapier.
How Zapier works
A connection in Zapier is called a “Zap.” Every Zap begins with a Trigger, or an event that happens in an app, which is followed by an Action — an automation Zapier performs in another app.
For example, if you want to import CMS items from a spreadsheet, the Zap Trigger is “Each time a new spreadsheet row is added…” and the Action is “Zapier creates a new CMS item in Webflow.”
Learn more about how Zapier works.
How to connect your Webflow account to Zapier
To connect your Webflow account to Zapier, follow the steps in Zapier’s documentation for connecting app accounts. You can limit Zapier access to specific sites and/or Workspaces.
Zapier uses OAuth to interface with your Webflow account. If you’re already logged into your Webflow account when you integrate with Zapier, Webflow won’t require you to re-enter your password and will present you with an authorization screen immediately.
Zapier does not have access to any of your account information, including your password.
How to send Webflow form submissions to another app
You can send Webflow form data to Zapier to automatically route form submissions to hundreds of apps, including Mailchimp, Salesforce, Google Drive, and more.
Note
You must have received at least one form submission through your Webflow form in order to successfully connect the form to your Zap. If your form hasn’t received any submissions, you can submit a test submission.
To send form submissions to another app through Zapier:
- Go to your Zaps
- Click Create
- Choose New Zap
- Choose Webflow as your Trigger
- Choose Form submission from the Event dropdown
- Click Continue
- Choose your Webflow account
- Click Continue
- Choose your site from the Site Name dropdown
- Choose your form from the Form Name dropdown
- Click Continue
- Click Test trigger
- Click Continue with selected record
- Choose an action app (e.g., Mailchimp, Gmail, Slack, etc.)
- Follow Zapier’s documentation to set up your Zap’s Action
- Click the “pencil” icon to give your Zap a name
- Click Publish
How to back up form file upload submissions with Zapier
Using Zapier, you can collect form file uploads from your site’s forms and store them directly in your online storage system.
Important
For this Zapier workflow to work, you’ll need to disable login security for uploaded files. Go to Site settings > Forms > Restrict uploaded file access and toggle the setting to off (i.e., Login is not required).
For this example, we’ll cover sending form file uploads to Google Drive:
- Go to your Zaps
- Click Create
- Choose New Zap
- Choose Webflow as your Trigger
- Choose Form submission from the Event dropdown
- Click Continue
- Choose your Webflow account
- Click Continue
- Choose your site from the Site Name dropdown
- Choose your form from the Form Name dropdown
- Click Continue
- Click Test trigger
- Click Continue with selected record
- Choose Google Drive for your Action app
- Add an Upload file event in the Event dropdown
- Click Continue
-
Connect your Google account to Zapier (if you haven’t already)
- (Optional) Choose a folder for Zapier to upload files to
- Choose your Webflow form file upload field in the File field
- (Optional) Choose whether you want to convert form file uploads to documents
- (Optional) Enter a name for your form file uploads in the File Name field. You can choose a form field to create a dynamic name (i.e., a name that changes based on the data in the form field)
- (Optional) Enter a file extension in the File Extension field
- Click Continue
- Click Test action
- Click the “pencil” icon to give your Zap a name
- Click Publish
Pro tip
We recommend you specify a file name in your Zap template using dynamic data from your form to easily identify your files.
How to import Collection content with Zapier
You can add content to the Webflow CMS from external sources by setting up a connection in Zapier. In this example, we’ll show how you can add a new blog post to your Collection each time a new row is added to a Google Sheet.
Note
Make sure you’ve created a CMS Collection (e.g., “Blog Posts”) to connect to Zapier. The CMS even includes a Blog Posts template to help you set up your Collection. You’ll also need to create a Google Sheet with a structure that mirrors your Collection’s structure (i.e., your spreadsheet should have a corresponding column for each Collection field). For some fields, you may need to check our CMS API documentation for formatting guidance. For example, dates should be formatted like: 2023-07-28T19:41:52.325Z
. The first part represents the calendar date, and the second part represents the time of day.
To create a Zap that adds new items to your Blog Posts Collection each time a new row is added to your spreadsheet:
- Go to your Zaps
- Click Create
- Choose New Zap
- Choose Google Sheets as your Trigger
- Choose New or updated spreadsheet row from the Event dropdown
- Click Continue
-
Connect your Google account to Zapier (if you haven’t already)
- Click Continue
- Choose your Blog Posts spreadsheet from the Spreadsheet dropdown
- Choose your worksheet (i.e., the worksheet tab in Google Sheets) from the Worksheet dropdown
- Click Continue
- Click Test trigger
- (Optional) Choose a record from your spreadsheet. Zapier will automatically select a record if you don’t choose one
- Click Continue with selected record
- Choose Webflow as your Action
- Choose Create Item from the Event dropdown
- Click Continue
- Choose your Webflow account
- Click Continue
- Choose your site from the Site dropdown
- Choose your Blog Posts Collection from the Collection dropdown
- Connect your Collection fields in Zapier to the columns in your Blog Posts spreadsheet
- Choose whether your post is archived (e.g., False or True) in the Archived dropdown
- Choose whether your post is set to draft (e.g., False or True) in the Draft dropdown
- Click Continue
- Click Test action
- Click Publish
Note
This Zap doesn’t publish the blog posts it creates in the CMS — it only adds the content to your CMS Collection so you can review and publish later. To publish content, you can create a Zap using the Create Live item action.
Need to know
At the moment, you cannot map CMS reference and multi-reference fields to Zapier fields. Additionally, any video link sent to the CMS via the API (including Zapier) will not render immediately. You’ll need to open the new Collection item, click into the video field, and click out. Then, the video preview will load as expected.
How to troubleshoot Zapier issues
Because use cases for Zapier vary so widely, it may take some trial and error to get your Zap to work correctly.
If you're having trouble with your Webflow to Zapier integration, you can troubleshoot your connection settings from your Zapier Connections page. There, you can test, rename, reconnect, or disconnect your existing Webflow account(s). If needed, you can also connect a new Webflow account. Learn more about connecting and removing accounts from Zapier.
If you’re having other trouble with Zapier or your Zaps, check out Zapier’s troubleshooting guide. To find solutions to common problems with apps, go to Zapier’s App directory, find the app you’re having trouble with, and go to the Help tab to browse solutions.
Need to know
Our support team is unable to provide direct support for issues with Zapier or other third-party integrations, as these topics fall outside the scope of our customer support policy. If you’ve run into issues with your Zapier integration, please let us know on the Webflow Forum, where the entire Webflow community (staff included) can provide additional help and resources.