Reading list Switch to dark mode

    Guide for OpenCart WhatsApp Login

    Updated 1 December 2023

    OpenCart WhatsApp Login extension allows store owners to integrate the WhatsApp login feature into their OpenCart store. With the help of this extension, the admin can enable the feature that allows customers to log in to your website using their WhatsApp phone number.

    The guest users and registered customers can scan a QR code displayed on the screen with their phone scanner and receive a token on WhatsApp, and upon successful verification of the WhatsApp number through a token sent to the customer WhatsApp, their account is created with a default email and password.

    Note- Meta offers a test access token that is valid for 24 hours only. To understand the demo’s functionality, we suggest using your own credentials.

    Check the video mentioned below for an overview of the extension:

    iykvjtiZrsU

    Features

    • The admin can enable/disable the module from the admin panel.
    • Customers can quickly log in using their WhatsApp phone number.
    • Integration of QR code allows users to easily scan and register/login to the website.
    • Customers can change their Email ID and password after registering with a WhatsApp number.
    • Admin can enable or disable link-based login and registration based on preferences.
    • The Guest user can also log in with WhatsApp during the checkout process

    Installation

    Upload Files

    Firstly, you will need to extract the downloaded zip file. After that, open the correct Opencart Version Folder.

    Searching for an experienced
    Opencart Company ?
    Find out More

    According to Opencart Version installed in your system upload the admin and catalog to the Opencart root directory.

    image-169

    Once the admin has uploaded the file, the admin will have to log in to the admin panel and then go to Extensions> Extension installer and upload the ZIP file.

    The ZIP file can be found on the ocmod folder under the module directory. Under the ocmod folder, you will find the webkul_whatsapp_login.ocmod.zip file.

    image-170

    Refresh Modifications

    The admin can then navigate to Extensions > Modifications and click the Refresh button as visible in the below screenshot.

    image-172

    Edit User Groups

    After that, go to System > Users > Usergroups and then edit ‘Administrator’. Click Select All for both Access Permission and Modify Permission and Save it.

    image-173

    Installation:

    Now navigate to Extensions > Extensions > Modules. Find the OpenCart WhatsApp Login Module from the list. Click the Install button as visible in the screenshot below.

    image-174

    How to Get API Credentials – Opencart WhatsApp Login

    The user creates a Facebook Meta account first then login to the Meta dashboard and clicks to Create App as shown in the screenshot.

    image-175

    Now, the admin selects the Other option and clicks on the Next button.

    developers.facebook.com_apps_creation_

    Then click on the Business option to proceed further and click on the Next button.

    developers.facebook.com_apps_create_

    Here the admin enters the app name and clicks on Create app button.

    image-177

    The admin needs to click on the Set up button for WhatsApp.

    developers.facebook.com_apps_611378094080357_add_

    After copying the Access Token and Phone Number ID, that you need to verify their phone number through WhatsApp as shown screenshot.

    image-189

    Setting up Webhooks:

    • Go to “Webhooks” in the product sections.
    • Select “WhatsApp Business Account” from the dropdown menu.
    • Click on “Subscribe to this object” to proceed.
    image-193

    WhatsApp Business Account Subscription:

    • A new page will open where you can edit the “WhatsApp Business account subscription details”.
    • The admin needs to provide the following information:
      • Callback URL: The Callback URL is a web address where WhatsApp sends data and notifications for integrating with your website.
      • Verify Token: In the “Verify Token” field, you can write any secret code or password that you want to use.

    Note- Redirect URL should be like baseurl/index.php?route=account/wkWhatsapp/webhook

    image-194

    After entering the required information, click on “Verify and Save” to confirm the changes.

    Subscribe to Message Feature:

    • Now, the admin needs to select the category “Message.”
    • Click on “Subscribe” to subscribe to the message feature.
    • A confirmation message will be received, indicating that the subscription has been successfully updated.
    image-196

    Admin Configuration

    After the module installation is completed, the admin needs to navigate to Extensions > Module > Opencart WhatsApp Login to configure the WhatsApp login by clicking on the Edit option.

    image-185

    Here admin will configure the General setting of the module

    • Status: Enable or disable the WhatsApp Login feature.
    • WhatsApp Phone ID: Enter the WhatsApp Phone ID received from Facebook Meta account.
    • WhatsApp Access Token: Provide the WhatsApp Access Token from Facebook Meta account.
    • WhatsApp Sender Phone Number: Enter the test number received from the Facebook Meta account.
    • Login Link: Enable or disable the login link feature on the login page.

    Finally, after making the desired changes, the admin will save the configuration by clicking the “Save Config” button located at the top right-hand corner of the page.

    Frontend customer view

    A customer visits the online store on the login page, the customer selects the WhatsApp option for Login. and click on the “Log in With WhatsApp” option.

    CI-2-1

    When users click on the “Log in With WhatsApp” option” a pop-up appears with a QR code. They use their phone’s scanner to scan the QR code user taps on the lens option, and the QR code is scanned.

    webkul_Opencart-whatsapp-account_Login-using-the-QR-Code-DI2

    Once the QR code is scanned, customers are redirected to WhatsApp, where they receive a message to send the registration request.

    image

    To register, the customer clicks on the “Send” button in the WhatsApp message. This sends a request to the online store.

    The store processes the request and sends an token number to verify the WhatsApp number.

    Upon successful registration, Account is created with the

    default email and password after verifying the WhatsApp number.

    image-183

    Customers can also update their email and password in their account settings.

    Once the customer is logged in, and they can proceed with completing their purchase.

    webkul_Opencart-whatsapp-account_login_S5

    For returning customers and Guest Users, the option to “log with WhatsApp” is available on the checkout page, to ensure a seamless login experience during the purchase process.

    webkul_Opencart-whatsapp-account_login-Checkout_S6

    That’s all for the OpenCart WhatsApp Login. If you still face any issues, feel free to add a ticket and let us know your views to make the module better http://webkul.com/ticket/index.php

    Current Product Version - 1.0.0.0

    Supported Framework Version - 3.x.x.x, 2.3.x.x

    . . .

    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