Guide for 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:

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

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.

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

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

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

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

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:

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

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.

Note:

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

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

WhatsApp General Setting:

Token- The admin will enter the token here.

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

Also, if you want to provide OTP authentication before a customer logs in or signs up in your store then check the Magento 2 Firebase OTP Login extension for the Magento 2 store.

In the Meta developers account, the store admin will follow the below steps for notification template settings:

Firstly, the admin will have to navigate as shown the below screenshot-

For the Order placement, the admin will have to enter the greetings or Hi. The main message will be in the body section. Now enter the small message in the footer section.

Similar steps will be followed by the store admin for order status updates-

The admin will configure the template settings as per the developers account format:

WhatsApp Order Settings:

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

Order Place Template– Enter the template name for order placement.

Order Status Template- Now, enter the template name for the order status update.

Note: The admin will have to fill in the same details as shown in the images.

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

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

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

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

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

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

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

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 support@webkul.com