Use Zapier to share data between Webflow and third-party apps.
Pro tip
You can also create automations and connect third-party apps to Webflow using Logic.
Zapier lets you connect over 1000 apps with the Webflow API and, once you connect your Webflow account to Zapier, you can automate various CMS and Ecommerce actions in Webflow. 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.
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.
You can send Webflow form data to Zapier to automatically route form submissions to hundreds of apps, including Mailchimp, Salesforce, Google Drive, and more.
NoteNote: You must have received at least 1 form submission through your Webflow form in order to successfully connect the form to your Zap.
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
Using Zapier, you can collect form file uploads from your site’s forms and store them directly in your online storage system.
ImportantFor this Zapier workflow to work, you’ll need to disable login security for uploaded files. Go to Site settings > Forms tab > Restrict uploaded file access and toggle the setting “Off” to “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.
NoteMake 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
NoteThis 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. Our team is aware of this limitation and planning to improve this experience in the future.
How to troubleshoot Zapier issues
Because use cases for Zapier vary so widely, it can 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.
ImportantOur 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.