How to Send WhatsApp Messages on Webflow Form Submission Using Pabbly Connect

Learn how to automate WhatsApp messages on Webflow form submissions using Pabbly Connect and AiSensy. Step-by-step tutorial for seamless integration. This comprehensive guide reveals exactly how to connect your applications and automate repetitive tasks — accessible for professionals of all technical backgrounds.

Watch Step By Step Video Tutorial Below

1. Setting Up Pabbly Connect for Webflow and WhatsApp Integration

To send WhatsApp messages on Webflow form submission, we will use Pabbly Connect. Begin by accessing Pabbly Connect through your browser. If you do not have an account, you can sign up for free, which grants you 100 tasks monthly.

Once logged in, navigate to the Pabbly Connect dashboard. Here, you can create a new workflow by clicking on the ‘Create Workflow’ button. Name your workflow something descriptive, such as ‘Send WhatsApp Message on Webflow Form Submission’.

2. Creating the Workflow in Pabbly Connect

After naming your workflow, you will encounter two sections: Trigger and Action. The Trigger is the event that starts the workflow, and the Action is what happens as a result. For this integration, select Webflow as the Trigger application and choose ‘Form Submitted’ as the Trigger event. using Pabbly Connect

• Select Webflow as your Trigger application.
• Choose ‘Form Submitted’ as the Trigger event.
• Click on ‘Connect’ to link your Webflow account.

Once connected, you will need to enter your Webflow API token. This token can be generated from your Webflow account settings under the API Access section. After entering the token, click on ‘Save and Send Test Request’ to ensure the connection is successful.

3. Testing the Trigger with a Form Submission

To test your setup, go to your Webflow form and submit a test entry. Fill in the required fields such as first name, last name, phone number, email, and city, then click ‘Submit’. This action will trigger Pabbly Connect to capture the form submission. using Pabbly Connect

Return to your Pabbly Connect workflow. After submitting the form, you should see the captured data in the workflow. This indicates that your trigger is functioning properly, and Pabbly Connect has successfully received the form submission details.

4. Setting Up AiSensy to Send WhatsApp Messages

Now that the trigger is working, it’s time to set up the action. For the Action application, select AiSensy and choose ‘Send Template Message’ as the Action event. Click on ‘Connect’ to link your AiSensy account. using Pabbly Connect

• Select AiSensy as your Action application.
• Choose ‘Send Template Message’ as the Action event.
• Enter your AiSensy API key for connection.

Once connected, you will need to provide details such as the campaign name and the template parameters. Use the same template you created in AiSensy for sending WhatsApp messages. Make sure to map the mobile number and username from the Webflow submission data.

5. Finalizing the Integration and Sending Messages

After setting up the action, double-check all the details you entered. Ensure that the mobile number and username fields are correctly mapped to the data received from Webflow. Once everything is set, click on ‘Save and Send Test Request’ to send a test WhatsApp message.

If everything is configured correctly, you should receive a WhatsApp message confirming the submission. This message will include the lead’s name and a thank you note. This confirms that your integration between Webflow and WhatsApp via Pabbly Connect is successful.

Conclusion

This guide summarizes the key points and helps you understand the essential features and benefits of using this tool.

In conclusion, using Pabbly Connect to automate WhatsApp messages upon Webflow form submissions is a straightforward process. By following the steps outlined above, you can enhance your communication with leads and streamline your workflow effectively.