How to Send Automated WhatsApp Message on WP form Submission

In today’s digital world, communication is key to building strong relationships with customers. Automating responses not only saves time but also ensures that your customers feel valued and attended to promptly. If your website uses WP Forms for inquiries, feedback, or registrations, you have a golden opportunity to streamline communication by integrating automated WhatsApp messaging.

This blog will guide you through the process of setting up automated WhatsApp messages triggered by WP Form submissions. Whether you want to send a thank-you note, a confirmation message, or follow-up information, this integration can enhance your user experience and boost customer engagement effortlessly. Let’s dive in to learn how to set this up in just a few simple steps. Once set up, it will start working automatically.

Step 1: (Install WP form Webhook Add-on)

Along with the WP form plugin (You must have the pro version of the WP form), we will need a plugin called Webhooks Addon.

1. From the WordPress dashboard, select WPForms and then select addon. A plugin page with all the Addons of the WPForm will be available.
2. Install the Webhooks Addon and activate it.

Step 2: (Create a Message Template)

Meta allows only an Approved Message Template to initiate business message to WhatsApp. So, we must create a Message Template and it must be approved by Meta.

1. From the BotSailor dashboard, go to WhatsApp Bot Manager and select Message Template.
2. Click on the Create button, and select General Template.
3. Provide a name for the template, select the locale and the category and then header type.
4. Then write the message body.
5. We can also add buttons like Call to Action and Quick Reply.
6. Save it and close the window.
7. Click on the Sync Template button to synchronize it. When it’s approved by Meta, it will be available to use.

Step 3: (Create Webhook Workflow campaign)

Then, we need to create a webhook workflow.

1. Go to Webhook Workflow from the BotSailor’s dashboard and click on the Create
2. Give a name to the workflow, select the WhatsApp account and the Message template to use for this campaign.
3. Click on the Create Workflow It will provide a Webhook Callback URL, copy the URL. We would need this URL in the WPform.

Don’t close the window yet. The campaign is not created yet.

Step 4: (Create a WP form and add the Callback URL)

In this step we are going to create a new WP form with a phone number field and add the copied URL in the webhook settings from the previous step.

1. From the WordPress dashboard, go to WP Form and then select Add New. Name the form and select a template for the form and add a phone number field in the form.
2. Now, go to WP form settings, select the webhook, and enable the Webhooks.
3. In the Requested URL field, paste the copied callback URL.
4. On Request Method, select POST.
5. From the Request Body, select the name field and enter a parameter key (for reference). We will add more request body by clicking on the “+” button.
6. We will add 3 more request bodies for email, phone number, and the message body.
7. Finally, save the form.

Step 5: (Send sample data and map the workflow)

Now, we have to fill the form once to send sample data to BotSailor’s webhook and map the campaign accordingly.

1. Go to the WP form and fill out the form.
2. Then, go back to BotSailor’s webhook where we left and click on the Capture Webhook Response Upon clicking, the webhook will capture the sample data that we just entered on the form.
3. Now, from the Webhook response mapping; click on the phone number field and select the phone number from the raw data.
4. Likewise, there will be more field to map if we have variables in the Message Template. Every variable should be mapped with the sample data.
5. Then save the campaign.

That’s all. Integrating automated WhatsApp messaging with WP Forms is a powerful way to enhance customer communication and streamline your workflow. By following the steps outlined in this guide, you can set up a seamless system that sends personalized messages to your users the moment they submit a form.

This automation not only saves time but also improves user experience, showing your customers that you value their time and inquiries. Start leveraging this integration today to strengthen customer relationships and boost engagement with minimal effort.

Video Tutorial:

Related Articles:

Send WooCommerce Abandoned Cart Recovery Message to WhatsApp by BotSailor</span

Send Automated WhatsApp message from Google Sheets by Using BotSailor

How to Integrate Shopify for WhatsApp Automation in BotSailor

How to Send Shopify Order Notification to WhatsApp with BotSailor

How to Verify a Shopify Cash on Delivery Order by WhatsApp with BotSailor

How to Recover Shopify Abandoned Cart by WhatsApp with BotSailor

Verify Shopify cash on delivery orders by WhatsApp with BotSailor Webhook Workflow.

How to Send Shopify Order Notifications to WhatsApp by BotSailor Webhook Workflow