Learn how to set up SMS notifications for Webflow form submissions using Pabbly Connect and Twilio in this detailed step-by-step tutorial. Discover hidden automation capabilities within your existing tools. This guide shows you how to connect your essential applications and permanently eliminate redundant manual processes.
Watch Step By Step Video Tutorial Below
1. Setting Up Pabbly Connect for Webflow Form Submission
To get SMS notifications for Webflow form submissions, you first need to access Pabbly Connect. Start by signing up for a free account at Pabbly Connect, which allows you to create automated workflows.
Once logged in, navigate to the dashboard and click on the ‘Create Workflow’ button. Name your workflow, for example, ‘Webflow to Twilio’, and click on the ‘Create’ button to proceed. This will open a new workflow where you can set up triggers and actions.
2. Configuring the Webflow Trigger in Pabbly Connect
In this step, you will set up the trigger for your workflow. In the trigger window of Pabbly Connect, search for ‘Webflow’ and select it. Choose the trigger event as ‘New Form Submission’ from the dropdown menu.
- Select Webflow as the app.
- Choose ‘New Form Submission’ as the trigger event.
- Copy the webhook URL provided by Pabbly Connect.
Next, go to your Webflow account and navigate to the site settings of the project where your form is located. Under the Integrations tab, scroll down to the Webhooks section and click on ‘Add Webhook’. Choose ‘Form Submission’ as the trigger type and paste the copied webhook URL here. Finally, click on ‘Add Webhook’ to save your settings.
3. Testing the Webflow Trigger with a Form Submission
After setting up the webhook, Pabbly Connect will wait for a form submission to be received. You can test this by submitting a dummy form on your Webflow site. Navigate to the published site and fill in the form with example data.
After submitting the form, return to Pabbly Connect where you will see that the trigger has successfully captured the form submission data. This includes the name, email, and any other fields you have set up in your form.
4. Setting Up Twilio Action in Pabbly Connect
Now that you have the form submission data in Pabbly Connect, it’s time to send this data as an SMS notification through Twilio. In the action window, search for ‘Twilio’ and select it as the app. Choose the action event ‘Send SMS Message’ from the dropdown menu.
- Connect your Twilio account by entering your Account SID and Auth Token.
- Set the SMS body to include the form submission details.
- Map the fields from the Webflow submission to the SMS body.
After configuring the SMS details, enter the sender number from your Twilio account and the recipient number where you want to receive the SMS. Click on ‘Save and Send Test Request’ to test the SMS functionality.
5. Verifying the SMS Notification
After sending the test SMS, check the recipient number’s SMS inbox to verify that you received the notification. You should see the SMS containing the form submission details, confirming that the integration is working correctly.
If everything is set up correctly, every time a new form submission occurs on your Webflow site, Pabbly Connect will automatically trigger an SMS notification via Twilio, ensuring you never miss any submissions.
Conclusion
In this tutorial, we demonstrated how to set up SMS notifications for Webflow form submissions using Pabbly Connect and Twilio. By following these steps, you can automate your workflow and receive real-time updates on form submissions, enhancing your efficiency.
Ensure you check out Pabbly Connect to create business automation workflows and reduce manual tasks. Pabbly Connect currently offer integration with 2,000+ applications.
- Check out Pabbly Connect – Automate your business workflows effortlessly!
- Sign Up Free – Start your journey with ease!
- 10,000+ Video Tutorials – Learn step by step!
- Join Pabbly Facebook Group – Connect with 21,000+ like minded people!