Reading list Switch to dark mode

    Mobile App QR Code Login for Magento 2

    Updated 1 December 2020

    Magento 2 Mobile App QR Code Login Extension allows the customers to log in to the web store by scanning the QR Code.

    For login, the customer can easily use their existing Magento 2 Mobile App to scan the QR code available on the customer login page of the web store.

    The module is coming up with so many benefits for the customers. Meanwhile, the customers can log in with QR code to the web store without typing any email ID or passwords, they will simply scan it and get logged in to their web store.

    Further, there is no need for customer authentication and verification, which reduces the login steps for the customers by the QR code login system.

    Watch the below video tutorial to understand the extension workflow:

    Start your headless eCommerce
    now.
    Find out More

    Features

    • Use the built-in QR code scanner in Mobikul App
    • Quick login to web store without entering credentials.
    • QR code gets expired in 30 seconds for security.
    • Click to reload option to create a new QR code for login.

    Module Installation

    First, the customers will get a zip folder and they have to extract the contents of this zip folder on their system.

    After that, the extracted folder has an src folder, inside the src folder you have the app folder. 

    The user needs to transfer this app folder into the Magento2 root directory on the server as shown below.

    screenshot_1

    After the successful installation, you have to run these commands in the Magento2 root directory: 

    First command –

    php bin/magento setup:upgrade

    Second Command –

    php bin/magento setup:di:compile

    Third Command –

    php bin/magento setup:static-content:deploy
    

    After running the commands, the user have to flush the cache from the Magento admin panel by navigating through System > Cache management as shown below.

    Installation Of Magento2 Marketplace DHL Shipping

    Multi-Lingual Support

    For the multilingual support, the admin will navigate through Store > Configuration > General > Locale Options and select the locale as German (the language into which admin wants to translate the store content).

    lang1

    Translation

    For translating the module language, navigate through app > code > Webkul > MobileAppQRCodeLogin> i18n and edit the en_US.csv file.

    Further, translate the words on the right and upload the modified file to the same location. The filename of the translated file should be according to the language and region code like de_DE.csv.

    The user can edit the CSV like the image below.

    service-fee-translation1

    Enable The Module

    After the successful installation of the module, the admin will Enable the feature from the backend panel. Further, the admin will navigate to Stores > Configurations > QR Code Login as shown in the image below:

    webkul-magento2-mobile-app-qr-code-login-admin-configuration

    Enable QR Code Login : The admin will set Yes to Enable and to No to disable Magento 2 Mobile App login via QR code feature.

    Login Using QR Code From Frontend

    Once the module is enabled by the admin, the feature will be visible in the frontend. The customer will click on the Login By QR Code button available just below the Login button.

    webkul-magento2-mobile-app-qr-code-login-PAGE-1

    Just after clicking the button,. a popup will appear showing the QR Code as shown in the image below:

    webkul-magento2-mobile-app-qr-code-login-code

    Further, the customer will scan this code using the Magento 2 Mobile app. The customer must be logged in to the mobile application.

    For this, the customer will click on the Web login tab in the left navigation drawer. The scanner/ QR Code Reader will be available in order to scan the available QR Code, as shown in the image below:

    WhatsApp_Image_2020_05_19_at_19_22_23_1_

    WhatsApp-Image-2020-05-19-at-19.22.23

    After scanning the customer will get logged in to the web store with the same email ID as in the mobile app.

    webkul-magento2-mobile-app-qr-code-after-login

    Also, the customers do not scan within 30 seconds after opening the code, then they need to reload the QR Code by clicking on the reload icon present in the image below:

    webkul-magento2-mobile-app-qr-code-login-expired

    Support – Issues/Suggestions

    That was much about the Mobile App QR Code Login for Magento 2 plugin. For more information or customization request send an email to [email protected] or raise a ticket at our HelpDesk system.

    Current Product Version - 3.0.9

    Supported Framework Version - Magento, 2.0.x , 2.1.x, 2.2.x, 2.3.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