Integrate WhatsApp with Contact Form 7 Using Pabbly Connect: A Step-by-Step Guide

Learn how to integrate WhatsApp with Contact Form 7 using Pabbly Connect. This tutorial covers the exact steps to automate email and WhatsApp messages for form submissions.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start the integration process, first access Pabbly Connect by searching for it in your browser. This platform allows you to connect various applications seamlessly.

Once on the Pabbly Connect landing page, you will see options to sign in or sign up. If you’re a new user, click on ‘Sign up for free’ to get started. Existing users can simply click on ‘Sign in’ to access their accounts.

2. Creating a Workflow in Pabbly Connect

After signing in, navigate to your dashboard and click on the ‘Create Workflow’ button. Here, you will name your workflow, for instance, ‘Send Email and WhatsApp Message on Contact Form 7 Submission’.

Next, you will select the trigger application. Since we are using Contact Form 7, search for it and select it. For the trigger event, choose ‘New Form Submission’. This action will initiate the workflow whenever a new form submission occurs.

• Click on ‘Create’ to proceed.
• Copy the provided Webhook URL for integration.
• Install and activate the Contact Form 7 plugin in WordPress.

After completing these steps, your workflow setup in Pabbly Connect is ready for testing.

3. Configuring Contact Form 7 with Pabbly Connect

To connect Contact Form 7 with Pabbly Connect, open your WordPress dashboard and navigate to the Contact Forms section. Select the form you wish to configure.

Click on the ‘Edit’ button for your chosen form and navigate to the Webhook option. Here, enable the ‘Send to Webhook’ option and paste the Webhook URL you copied earlier. Finally, click on the ‘Save’ button to apply the changes.

• Ensure the Contact Form 7 plugin is installed and activated.
• Test the form submission to verify the connection.

Once saved, Pabbly Connect will wait for a webhook response, allowing you to capture the data from the form submission.

4. Sending WhatsApp Messages with Pabbly Connect

Now that the webhook is set up, it’s time to send an automated WhatsApp message. In Pabbly Connect, add a new action step and select the application to send WhatsApp messages, such as AI Sensei or WhatsApp Cloud API.

Choose the action event as ‘Send Template Message’ and connect your WhatsApp account. You will need to provide the API key from your WhatsApp service to establish the connection. After connecting, select the campaign name associated with your WhatsApp template.

Map the mobile number and user name from the previous step. Enter any additional parameters required for the message template.

After configuring these settings, click on ‘Save and Send Test Request’ to check if the message is sent successfully. You should receive a confirmation of the successful message delivery.

5. Sending Email Notifications via Gmail

The final step in this automation is to send an email notification. Add another action step in your Pabbly Connect workflow and select Gmail as the application.

Choose the action event as ‘Send Email V2’ and connect your Gmail account. You will be prompted to allow permissions for Pabbly Connect to access your Gmail account. Once connected, fill in the recipient’s email address and customize the email content.

Map the recipient’s email and include dynamic fields like name and inquiry details. Set the email subject and body content accordingly.

After completing the email setup, click on ‘Save and Send Test Request’. Check your Gmail to confirm that the email is received successfully, completing the automation process.

Conclusion

This tutorial demonstrated how to integrate WhatsApp with Contact Form 7 using Pabbly Connect. By following these steps, you can automate the process of sending WhatsApp messages and email notifications to enhance client engagement and improve response times.