Using Zapier with Webflow forms

You can send Webflow form data to Zapier to automatically route form submissions to hundreds of apps including Gmail, MailChimp, Salesforce, Google Drive and more. Upgrade now.

  1. Login to you Zapier account
  2. Click on Make a Zap
  1. ‍Choose Webflow as your trigger app
  1. Select From Submission as Webflow trigger
  1. Connect your Webflow Account.
  1. Grant Zapier permission to access your Webflow account by clicking Authorize Application.
Zapier uses oAuth to interface with your Webflow account (the same way Facebook and Google connect with their accounts). If you are already logged in to your Webflow account when you integrate with Zapier, Webflow will not require you to reenter 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.
  1. Refresh the page
  2. Rename the Connection (optional) then Save + Continue
  1. Set up Webflow Form Submission by selecting the site you want to receive notifications from and the Form Name. Continue.
  1. Click Fetch & Continue to Test the Webflow connection. Continue.
Make sure you have at least one recent form submission created or submit a new form submission on your website before testing the connection. If there's an issue with the connection troubleshoot your Webflow connection with Zapier
  1. Choose an action app and continue to setup your Zap Action following the Zapier guidelines. Learn more.
  2. ‍Once your Zap has been created, give it a name and switch it on.

Troubleshooting

Although Zapier integration help is outside the scope of Webflow support, if you are having any trouble with your Zaps, please contact us and we’ll help as much as we can.

Backing up form file submissions

You can collect files submitted through forms and store then directly in your online storage system using this Zapier integration. For example, if you wish to send form file uploads to Google Drive:

  1. Integrate Webflow and Google Drive via Zapier. Choose Webflow Form Submission as trigger. Choose Upload File to google Drive as action.
  1. Follow the guide above to connect Webflow to Zapier if you haven't done so already and choose the project and form you wish to gather data from
  2. Connect your Google Drive account to Zapier
  3. Set up the template by mapping the file URL field to the file field
  1. Save the Zap and test by sending a new form submission that includes a file.
Pro tips
We recommend that you specify a file name in your Zapier template using other data from your form to easily identify your files. For example, Set the file name of uploaded CVs to be {name}'s CV. This way all résumés will be saved with the name of the submitter: John Doe's CV, Jannette Dawson's CV, and so on.
To keep your Google Drive folder organized, you can also specify a Google Drive folder where you want the files to be saved.
Need to know
For this Zapier integration to work, disable the login security of uploaded files in project settings → forms → require login to access files. If you receive an error, make sure to toggle the login off, publish the site again, and send a new form submission to test with.