Insights and Inspiration – The Hostnicker Blog

Using Webflow Zapier Integration for Automations

September 1, 2024

To integrate Webflow with Zapier for automations, follow these steps:

1. **Create Accounts**: Sign up for accounts on webflow.com and zapier.com if you haven't already. Both platforms have free plans available.

2. **Set Up Your Webflow Project**: Log into Webflow and either start a new project or select an existing one. Make sure to include forms or elements you want to automate.

3. **Create a Zap in Zapier**: Log into your Zapier account and click "Make a Zap". Choose Webflow as the trigger app by searching for it. Select an event, like "Form Submission", to act as the trigger and click "Continue".

4. **Connect Your Webflow Account**: Zapier will prompt you to connect your Webflow account. When prompted, input your Webflow API key. Find your API key by going to your Webflow dashboard, navigating to "Project Settings", then to the "Integrations" tab, and copying it from "API Access". Paste the key into the Zapier pop-up.

5. **Set Up Trigger Options**: Choose the specific Webflow site and form that will trigger the automation from the dropdown menus. Test the trigger to ensure everything is set up correctly. If successful, proceed to the next step.

6. **Choose an Action App**: After the trigger is set, choose an action app. For example, select "Slack" to send a message when a form is submitted.

7. **Select the Action Event**: Choose an action event like "Send Channel Message". Connect your Slack account and continue.

8. **Customize Slack Message**: Customize the Slack message by selecting a channel and formatting the message. Use data from the form submission to personalize fields like "Message Text". Continue once finished.

9. **Test Your Zap**: Test the setup by clicking "Test & Continue". Zapier will simulate the form submission and send a message to Slack. Check your Slack channel to confirm the message was sent.

10. **Turn on Your Zap**: Once the test is successful, activate the zap by clicking "Turn on Zap". This will confirm your Zap is running.

By completing these steps, you have successfully set up an automation between Webflow and another app using Zapier. This integration can be customized further depending on the applications and triggers you choose to employ.