Reading list Switch to dark mode

    Guide for Magento 2 WhatsApp Order Notification

    Updated 30 October 2023

    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.

    Check a brief overview of the plugin functionality, here we have shown how the customer receives a message for the order confirmation and order status update on their WhatsApp number.

    Start your headless eCommerce
    now.
    Find out More
    ExtHp8Q73Ys

    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:

    M2-installation

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

    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.

    Template Settings- Magento 2 WhatsApp Order Notification

    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-

    temp-set-1

    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.

    Temp-set-2

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

    temp-set-3

    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.

    Whatsapp-template-setting-

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

    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.

    blog-order-placed

    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.

    blog-order-hold

    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:

    blog-order-delivered

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

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content