How Do I Add Zapier to Webflow?

Zapier is a powerful automation tool that connects various apps and services together, making it possible to automate tasks and streamline workflows. If you’re using Webflow as your website builder, integrating Zapier can help you automate processes and make your work more efficient. In this tutorial, we’ll guide you through the steps of adding Zapier to Webflow.

Step 1: Sign up for Zapier
Before we can start integrating Zapier with Webflow, you’ll need to sign up for a Zapier account. Head over to the Zapier website and click on the “Sign Up” button. Fill in the required details and follow the instructions to create your account.

Step 2: Create a New Zap
Once you’ve signed up and logged into your Zapier account, click on the “Make a Zap!” button to begin creating a new zap. A zap is an automated workflow that connects two or more apps together.

Step 2.1: Choose a Trigger App
The trigger app is the app that will initiate the automation process in your zap. In this case, we want Webflow to be our trigger app. Search for “Webflow” in the search box and select it from the results.2: Select a Trigger Event
After choosing Webflow as the trigger app, you’ll need to select a trigger event that will kickstart your automation workflow. For example, if you want an action to be triggered whenever a new form submission is received on your Webflow site, choose the “New Form Submission” event.

Step 3: Connect Your Webflow Account
To connect your Webflow account with Zapier, you’ll need to authorize access. Click on the “Connect an Account” button and follow the instructions provided by Zapier. This will allow Zapier to access your Webflow data and perform actions on your behalf.

Step 4: Set Up the Action App
The action app is the app that will be triggered by the zap and perform a specific action. For example, if you want to receive an email notification whenever a new form submission is received, you can choose an email service like Gmail as your action app.

Step 4.1: Choose an Action Event
After selecting the action app, you’ll need to choose an event that will be performed when the zap is triggered. In our example, we can choose the “Send Email” event to receive an email notification whenever a new form submission is received.2: Configure the Action
Configure the specific details of the action event. For example, enter your email address as the recipient for the email notification.

Step 5: Test and Enable Your Zap
Before enabling your zap, it’s essential to test it to ensure everything is working correctly. Zapier provides a testing feature that allows you to simulate triggering events and actions without waiting for real-time data. Once you’re satisfied with the test results, enable your zap to start automating your Webflow tasks.

Congratulations! You’ve successfully added Zapier to Webflow and created a zap that automates tasks in your workflow. With Zapier’s extensive app library, there are countless possibilities for integrating Webflow with other apps and services.

  • Automatically create new CMS items in Webflow whenever a new entry is added in Google Sheets.
  • Create Trello cards from new form submissions in Webflow.
  • Add new WooCommerce customers as subscribers in Mailchimp.
  • And much more!

Remember that Zapier offers both free and paid plans with different features and limitations. Explore their pricing page to find the best plan that suits your needs.


In this tutorial, we’ve walked you through the process of adding Zapier to Webflow. By connecting Webflow with other apps and services, you can automate various tasks and improve your productivity. Whether it’s capturing form submissions, updating CMS items, or performing advanced integrations, Zapier empowers you to streamline your workflow and focus on what matters most.

Additional Resources

Now it’s time to unleash the power of automation with Zapier and Webflow!