1. Documentation
  2. Plugins
  3. WooCommerce
  4. Extensions

WhatsApp Purchase Assistant

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.

add plugin

Thereafter, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

upload plugin

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.

choose file

Thereafter browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

Installation_Install_Now

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.

activate 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.

Log In

Moreover, if you already have a Twilio account, to log in enter your email ID and further click over the Next button.

Twilio-Login-A-2
Sign Up

To initiate your Twilio account.

Now, enter your Name, Email and then set your password next click on the start your free trial button.

Twilio-Try-Twilio-Free-B

Therefore, as a result, a verification email sent to your registered email id as shown below.

C

Now, verify your email by clicking on the Confirm your Email link enclosed within the mail.

Verify-your-email-D

Further, you need to enter your Phone number and click on the verify button.

Twilio-Cloud-Communications-Web-Service-API-for-building-Voice-and-SMS-Applications-E

Afterwards enter the verification code, that you have received on the number provided by you and then click on the submit button.

Twilio-Cloud-Communications-F-1

Thereafter, a pop-up will appear on your screen click on Confirm button to activate your sandbox account as shown below.

Twilio-Console-WhatsApp-G

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.
Twilio-Console-WhatsApp-4-1

You will receive a confirmation text on your device as shown below.

WhatsApp-A-1-1
  •  Send a One-Way  Message.
Twilio-Console-WhatsApp-B-2-1
  • Two-Way Messaging.
WhatsApp-c-01-1

Now after replying to the notification as shown above the user will have a 24-hour conversation window.

Twilio-Console-WhatsApp-c-02-1
  • 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.

Twilio-Console-WhatsApp-D-1

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.

Twilio-Console-WhatsApp-H-1

On the Dashboard section under your Project Name, you can view your ACCOUNT SID and AUTH TOKEN credentials.

Twilio-Cloud-Communications-Web-Service-API-J

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.

dashboard

Admin will get three tabs there:

  • General
  • Product
  • Notification

General

general_config

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_config-2

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_view_page-2
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.
product_list
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.
cart_page-3
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_config-2
  • 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.
email_notification-1

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

product_list-1

Buy Button of WhatsApp On Product View Page

product_view_page-3

WhatsApp Button On Cart Page

cart_page-4

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:

guest_user-1

Order Placed Via WhatsApp

order_placed

Customer Purchased Product

purchased

Order Cancelled

For any order cancellation (made by the admin end) the customer will receive a notification as shown below:

cancel

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:

invalid_order

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 support@webkul.com or raise a ticket at Webkul HelpDesk system.

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment