BotSailor recently introduced a new feature – Webhook Workflow. With the feature, you can send WhatsApp messages to your Facebook Page subscribers, WooCommerce Order Notifications, and WooCommerce order status changes notifications.
In this article, I will show you how to send WooCommerce order status update notifications via WhatsApp.
We have also created a video tutorial on the matter. You can watch the video tutorial.
To make WhatsApp send WooCommerce order status update notifications, you have to complete the following steps.
First, you need to create a message template in BotSailor. And the message template will be sent to the WooCommerce customers as a WooCommerce order status update notification.
Second, you have to create a new Webhook workflow and add the Webhook to the WooCommerce store. Then, you have to map data.
After you have completed these processes, BotSailor can send WhatsApp messages to Woocommerce customers just as the WooCommerce Order status changes.
Read the blog below to know how to create a message template in BotSailor:
How to create a Message Template for WhatsApp by BotSailor
In the message template, you have to use a variable called message.
Now you have to create a Webhook Workflow. To create a Webhook Workflow, you have to follow the instructions below:
- Click on theWebhook Workflowmenu in the left sidebar of the dashboard.
- Now click on thecreate buttonto create a Webhook workflow
- Provide anamein theWorkflownamefield.
- In theWhasApp Accountfield, select theWhatsApp accountfrom where you want to send the message.
- In themessage template field, select themessage templateyou have created to send it as a WooCommerce order Notification.
- Now click on thecreate workflowbutton.
Instantly, a webhook callback URL will appear. Now copy theWebhook URL. You have to use the Webhook callback URL in your WooCommerce plugin.
- Now, go to your WordPress dashboard – admin dashboard.
- Then go to theWooCommerceplugin -> click onsettings-> click on theAdvancetab.
- Then click on theWebhookoption
Instantly, a page will appear with anadd webhookbutton. By clicking on the add webhook button, you can add a webhook.
- Now click on theadd webhookbutton.
- In thenamefield, provide aname
- In thestatus field, selectactiveas status
- SelectOrder Updatedin theTopicfield.
- In theDelivery URL field, paste theWebhook Callback URLthat you have copied from the BotSailor.
- Now Click on the Save Webhook button.
Now the Webhook will be updated successfully.
- Now, click on theCapture Webhook Response buttonin the BotSailor.
- TheWebhook Response Mappingpage will appear with raw data.
It is sample data. When a Webhook is added, the sample data will be provided automatically. Well, ignore this data.
- Now go to theorder pageof theWooCommerce plugin--You will see the list of the orders with status on the page.
- Clik on a order.
Instantly, the Edit order page will appear. Now you have to change the status of the order.
- In thestatus field, select thecompletedoption.
- Now click on theupdate button.
- Now go to theBotSailor-> click onconnection detailsbutton.
Now you will get the real data.
Now fill out the Webhook Response Mapping form.
- In the PHONE NUMBERfield, selectbilling->phone.
- In theVARIABLE: ORDERIDfield, select theidoption.
- In theVAEIABLE: WOOCOMMERCEORDERSTATUSfield, select thestatus: Completedoption.
- Now click on theSave Workflowbutton.
Now check the workflow report.No data is available in the workflow.
Now go to theWooCommerce Orderpage
- Click onan order.
- Then change the status of the order from processing tocompleted.
- Then click on theupdate button.
