Select Page

Guide for Magento 2 WhatsApp Order Notification

Ritika Singh
Published: June 6, 2022

Magento 2 WhatsApp Order Notification module allows the admin to offer the functionality to get notified through WhatsApp.

The customer will receive a message for the order confirmation and order status update on their WhatsApp number.

Now the store owners can add the most prominent messaging service to their store with the help of this module.

Note:

  • The store admin must have a developer’s Meta (Facebook) account to use this add-on.
  • There are only a few free messages available per month for WhatsApp order notification i.e 1000 per month and above this, there is an additional cost. You may check the costing on WhatsApp Business Cloud API Page.

Features- Magento 2 WhatsApp Order Notification

  • The customers will receive a notification for their order confirmation.
  • The shoppers will also get notified of the order status updates like; cancel, hold, pending and complete, etc.
  • The admin has to enter the phone number ID and token to configure the module.
  • The token and phone number ID will generate through the Meta developers account.

Install Extension from Webkul Store

#1 Download Module

Firstly, you need to log in to Webkul Store, go to My Account>My Purchased Products section, verify and then download and extract the contents of this zip folder on the system.

#2 Upload Folder

Once the module zip is extracted, follow path src>app and then copy the app folder into the Adobe Commerce Cloud root directory on the server as shown below:

Installation Of Show Price After Login for Magento2

#3 Run Commands

After uploading the module folder, you need to run the following commands in the Magento 2 root directory:

  • php bin/magento setup:upgrade
  • php bin/magento setup:di:compile
  • php bin/magento setup:static-content:deploy
  • php bin/magento indexer:reindex
  • php bin/magento cache:flush

Install Extension from Adobe Commerce Marketplace

If you have purchased this extension from the Adobe Commerce Cloud Marketplace then please follow the below process or visit this link.

#1 Get Access Keys

You need to get access keys, navigate to My Profile in Adobe Commerce Marketplace, then choose Access Keys in the My Products section.

excess key

Go to Adobe Commerce and then you need to copy both the Access Keys – Public Key and Private Key. These access keys will be needed in the next steps for authentication.

excesskey

If access keys are not created earlier, click Create A New Access Key, enter any name and click OK.

new access key

#2 Update composer.json File

To know the component name and version number, go to your Adobe Commerce Cloud Marketplace account section, My Profile>My Purchases, then find this extension to view the details.

Please note – Below is an example image, every extension will have its unique component name and version.

Zip file

After that, navigate to your Adobe Commerce project directory and update your composer.json file in the following format.

composer require <component-name>:<version>

For example, to install version 5.0.0 of this extension you need to run the following command:

composer require webkul/whatsapp​:5.0.0

#3 Enter Access Keys

Now you will need to enter the Access Keys that you obtained as explained in the first step #1 Get Access Keys. Wait for Composer to finish updating your project dependencies and make sure there aren’t any errors.

#4 Run Command

You need to run the following commands:

  • php bin/magento setup:upgrade
  • php bin/magento setup:di:compile
  • php bin/magento setup:static-content:deploy
  • php bin/magento indexer:reindex
  • php bin/magento cache:flush

Generate Credentials -Magento 2 WhatsApp Order Notification

The store admin has to first add the products to the app to generate the credentials.

add-product

After that, the store admin will also have to make WhatsApp settings and configure the Webhook to use the module functionalities.

For Webhook configurations, the admin has to enter the callback URL and verification token as shown below:

webhook-conf

Now, the store admin can view the Webhooks and WhatsApp to My Products section.

webhooks

The access token and phone number ID will display on the Meta developers account dashboard as shown in the screenshot. The admin will use these credentials for the general module setup.

ss-credentials

Note:

Likewise, the admin can generate a permanent token by following the link mentioned in the Permanent Token section in the Webhook configurations.

permanent-token

Admin Configuration- Magento 2 WhatsApp Order Notification

After that, the admin will make the following general module settings:

M2-whatsapp-

WhatsApp General Setting:

Token- The admin will enter the token here.

Phone No ID- Now, the admin will enter the phone number id.

WhatsApp Order Settings:

Status- The WhatsApp order status must be enabled to send the notification alert.

Workflow- Magento 2 WhatsApp Order Notification

Whenever the customer adds a product to the cart and proceeds to checkout the customer will receive a notification after placing the order.

front-end

The order placement success notification will display to the customer with the order id.

blog_2

The order confirmation message alert will display to the customer on their WhatsApp as well.

order-placed-6

When the admin puts the order status on hold from their end for that particular order. The order status changes to On Hold.

order-hold-2

Likewise, the buyer will receive a notification for the order status update for hold.

order-hold-5

If the order has been delivered, the admin will change the order status to complete.

order-complete

The buyer will receive a notification for the order delivery as shown below:

order-delivered-1

That’s all about Magento 2 WhatsApp Order Notification module. However, if you still have any questions regarding the Magento 2 extensions please create a support ticket by clicking Webkul Support System or send an email to [email protected]

Current Product Version – 5.0.0

Source: webkul.com