Note – Customer needs to add the WhatsApp number in the Phone Number Field for placing the order through WhatsApp.
Check a quick view of the plugin in action:
Installation ↑ Back to top
The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel. For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then select the “Add New” option.
Thereafter, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.
Afterwards clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.
Thereafter browsing the file, click the “Install Now” button to install the plugin as per the snapshot.
Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.
Now, run the below-mentioned command in the respective directory (Likewise: domain/wp-content/plugins/wk-purchase-assistant) via terminal.
Make sure that you have installed composer on your server else follow this instruction to install composer – Composer Installation
Module Translation ↑ Back to top
To know how to translate the module, you can click here.
How to Setup the Twilio Account? ↑ Back to top
The store owner needs to register on Twilio to set up their account by undergoing the following steps.
Moreover, if you already have a Twilio account, to log in enter your email ID and further click over the Next button.
To initiate your Twilio account.
Now, enter your Name, Email and then set your password next click on the start your free trial button.
Therefore, as a result, a verification email sent to your registered email id as shown below.
Now, verify your email by clicking on the Confirm your Email link enclosed within the mail.
Further, you need to enter your Phone number and click on the verify button.
Afterwards enter the verification code, that you have received on the number provided by you and then click on the submit button.
Thereafter, a pop-up will appear on your screen click on Confirm button to activate your sandbox account as shown below.
WhatsApp Sandbox Configuration ↑ Back to top
Furthermore, to initiate working (i.e build your WhatsApp bot) in the test environment the user needs to configure his/her sandbox inbound URL.
To be able to send and receive messages from the Sandbox to the Application. The store admin needs to go to the following web page.
- Send a message to the Twilio number with the verification code to join.
You will receive a confirmation text on your device as shown below.
- Send a One-Way Message.
- Two-Way Messaging.
Now after replying to the notification as shown above the user will have a 24-hour conversation window.
- Configure your sandbox.
Let’s say the admin site URL is https://storefrontend.com/
Then In the below field WHEN A MESSAGE COMES IN the admin needs to paste the link https://storefront.com/wp-json/notification/whatsapp-bot and click on Save. Now webhooks to this URL when a message comes in.
Note: In order to move into production using the Twilio API for WhatsApp, you need a WhatsApp Business Profile in conclusion, WhatsApp has to formally approve your account.
Generate Credentials ↑ Back to top
Just go to your Twilio project under the TRIAL dropdown menu as shown below.
On the Dashboard section under your Project Name, you can view your ACCOUNT SID and AUTH TOKEN credentials.
Configuration ↑ Back to top
Now admin can configure WhatsApp Purchase Assistant with the WooCommerce store. Admin needs to go to WhatsApp Purchase Assistant for configuration.
Admin will get three tabs there:
In this section admin needs to provide the details drafted below:
- Twilio WhatsApp Number – Enter Twilio WhatsApp Number.
- Account SID Twilio – Now enter the received Twilio Account SID.
- Twilio Auth Token – Fill the Twilio Auth Token here.
Product ↑ Back to top
Afterwards, the general configuration admin needs to move to the next for the product panel. In this panel admin needs to do the below-mentioned settings:
Product View Page Settings:
- Enable – Now enable WhatsApp Widget on the product view page.
- Button Text/Label – Give an appropriate button name to appear on the product view page.
Product List Page Settings:
- Enable – From here admin can enable order on the WhatsApp feature for the product list page.
- Button Text/Label – Give a custom name to the WhatsApp Buy button.
Cart Page Settings:
- Enable – Show the WhatsApp Widget on Cart Page.
- Button Text/Label – Give the right name to the WhatsApp Widget displaying on the cart page.
Hide Proceed To Checkout Button:
From here admin can hide/show proceed to checkout button available on the store by default.
Notification ↑ Back to top
- Notification Text Product Page – Put the notification message to show the customer before placing the order through WhatsApp.
- Enable Order Placed Notification – Now enable the order place notification to appear on the store.
- Allow Order Placed Notification Message – Draft the custom message to send to the shoppers after placing the order.
- Enable Order Cancellation Notification – Here allow the order cancellation notification to send to the shoppers.
- Enable Order Cancel Notification Message – Draft out the custom message for order cancellation to send to the shoppers.
Order On WhatsApp – Store ↑ Back to top
This plugin enables shoppers to order products directly on WhatsApp. Moreover, it also offers a unique way to make a purchase with a better shopping experience using the most convenient and trusted messaging service WhatsApp.
Further, the WhatsApp Buy Button widget will be visible on the product list page, product view page, and cart page to easier the shopping and checkout process. Also, shoppers receive notifications based on their performed activities like placed orders and order cancellations.
WhatsApp Widget On Product List Page
Buy Button of WhatsApp On Product View Page
WhatsApp Button On Cart Page
Process for Guest User
When a guest user places an order a form popup appears. Now the guest user needs to provide a WhatsApp number along with other required details to complete the purchase process via WhatsApp.
Check the below-given image for more details:
Order Placed Via WhatsApp
Customer Purchased Product
For any order cancellation (made by the admin end) the customer will receive a notification as shown below:
Invalid Order Placed By Customer
If under any circumstances the customer makes an invalid request over Whatsapp he will be sent a default message as shown below:
Support ↑ Back to top
Thus, that was much about the WhatsApp Purchase Assistant Plugin. For any kind of doubts or suggestions regarding the plugin kindly reach back to us at firstname.lastname@example.org or raise a ticket at Webkul HelpDesk system.