Connect Webflow to third-party apps with Zapier

Use Zapier to share data between Webflow and third-party apps.

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
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

In this lesson, you’ll learn: 

  1. How Zapier works
  2. How to connect your Webflow account to Zapier
  3. How to send Webflow form submissions to another app
  4. How to back up form file upload submissions with Zapier
  5. How to import Collection content with Zapier
  6. How to troubleshoot Zapier issues 

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 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: 

  1. Go to your Zaps
  2. Click Create 
  3. Choose New Zap
  4. Choose Webflow as your Trigger
  5. Choose Form submission from the Event dropdown
  6. Click Continue 
  7. Choose your Webflow account
  8. Click Continue 
  9. Choose your site from the Site Name dropdown
  10. Choose your form from the Form Name dropdown
  11. Click Continue
  12. Click Test trigger
  13. Click Continue with selected record
  14. Choose an action app (e.g., Mailchimp, Gmail, Slack, etc.) 
  15. Follow Zapier’s documentation to set up your Zap’s Action 
  16. Click the “pencil” icon to give your Zap a name 
  17. 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 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: 

  1. Go to your Zaps
  2. Click Create 
  3. Choose New Zap
  4. Choose Webflow as your Trigger
  5. Choose Form submission from the Event dropdown
  6. Click Continue 
  7. Choose your Webflow account 
  8. Click Continue
  9. Choose your site from the Site Name dropdown
  10. Choose your form from the Form Name dropdown
  11. Click Continue
  12. Click Test trigger
  13. Click Continue with selected record
  14. Choose Google Drive for your Action app 
  15. Add an Upload file event in the Event dropdown 
  16. Click Continue 
  17. Connect your Google account to Zapier (if you haven’t already) 
  18. (Optional) Choose a folder for Zapier to upload files to
  19. Choose your Webflow form file upload field in the File field
  20. (Optional) Choose whether you want to convert form file uploads to documents 
  21. (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)
  22. (Optional) Enter a file extension in the File Extension field
  23. Click Continue 
  24. Click Test action 
  25. Click the “pencil” icon to give your Zap a name 
  26. 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: 

  1. Go to your Zaps
  2. Click Create 
  3. Choose New Zap
  4. Choose Google Sheets as your Trigger
  5. Choose New or updated spreadsheet row from the Event dropdown
  6. Click Continue 
  7. Connect your Google account to Zapier (if you haven’t already) 
  8. Click Continue
  9. Choose your Blog Posts spreadsheet from the Spreadsheet dropdown
  10. Choose your worksheet (i.e., the worksheet tab in Google Sheets) from the Worksheet dropdown 
  11. Click Continue
  12. Click Test trigger
  13. (Optional) Choose a record from your spreadsheet. Zapier will automatically select a record if you don’t choose one 
  14. Click Continue with selected record 
  15. Choose Webflow as your Action 
  16. Choose Create Item from the Event dropdown 
  17. Click Continue
  18. Choose your Webflow account
  19. Click Continue
  20. Choose your site from the Site dropdown
  21. Choose your Blog Posts Collection from the Collection dropdown
  22. Connect your Collection fields in Zapier to the columns in your Blog Posts spreadsheet
  23. Choose whether your post is archived (e.g., False or True) in the Archived dropdown
  24. Choose whether your post is set to draft (e.g., False or True) in the Draft dropdown
  25. Click Continue
  26. Click Test action 
  27. 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. 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. 

Important: 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. 

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top