Insights and Inspiration – The Hostnicker Blog

Connecting Webflow with Slack for Notifications

August 11, 2024

Step 1: Create a Zapier account
Visit the Zapier website and sign up for a free account if you do not already have one. Log in to access the Zapier dashboard.

Step 2: Create a new Zap
Click on the "Make a Zap" button in the top right corner of the dashboard to start creating a new automated workflow.

Step 3: Set Webflow as the trigger app
In the Choose App & Event section, search for and select "Webflow." Choose a trigger event like "New Form Submission" that will activate the notification. Click "Continue."

Step 4: Connect your Webflow account
Zapier will prompt you to sign in to Webflow. Click on the "Sign in to Webflow" button and provide your Webflow API key from your account settings under the Integrations tab. After entering the API key, click "Yes, Continue."

Step 5: Set up your Webflow trigger
Select the specific site from your Webflow account and choose the form you want to monitor for submissions. Click "Continue" after making your selections.

Step 6: Test your Webflow trigger
Zapier will ask you to test the trigger by pulling in sample data from your Webflow account. If successful, you will see a confirmation message. Click "Continue."

Step 7: Set Slack as the action app
Search for "Slack" in the Choose App & Event section and select it. Choose an action event such as "Send Channel Message" for notifications. Click "Continue."

Step 8: Connect your Slack account
Click the "Sign in to Slack" button and authorize Zapier to access your Slack workspace. Once connected, click "Yes, Continue."

Step 9: Set up your Slack message
Specify the Slack channel where notifications will be sent. Format the message to include relevant information from the Webflow trigger, such as form submission details. Customize the message as needed, then click "Continue."

Step 10: Test your Slack action
Zapier will prompt you to test the Slack action. Click "Test & Continue," and check Slack to verify the message has been received in the selected channel.

Step 11: Name and activate your Zap
Name your Zap, for example, "Webflow to Slack Notifications." Click the "Turn on Zap" button to activate the integration.

With these steps, you have successfully connected Webflow with Slack to receive real-time notifications, helping your team stay informed and improving communication on important events. You can return to the Zapier dashboard to edit or create additional Zaps as needed. Enjoy the enhanced workflow efficiency!