{"id":1479,"date":"2024-07-12T17:43:05","date_gmt":"2024-07-12T12:13:05","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1479"},"modified":"2024-07-12T17:43:06","modified_gmt":"2024-07-12T12:13:06","slug":"how-to-install-mobile-login-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-install-mobile-login-in-magento-2\/","title":{"rendered":"How to Install Mobile Login in Magento 2"},"content":{"rendered":"\n

Hello Everyone,                  <\/p>\n\n\n\n

In this blog, you will learn how to install a Mobile Login extension in Magento 2.\u00a0<\/p>\n\n\n\n

Magento Marketplace has approved this extension.\u00a0<\/strong><\/a><\/p>\n\n\n\n

The Magento 2 Mobile Login extension for Magento 2 developed by Magecurious allows the store admin to provide register, login, forgot password and other functionalities via their mobile number to their customers by sending an OTP (One Time Password\/PIN).<\/p>\n\n\n\n

Don’t waste your time, let us guide you straight away. Follow the easy steps below to install and configure a mobile login extension.\u00a0<\/p>\n\n\n\n

 Why Magecurious Mobile Login? <\/strong><\/h2>\n\n\n\n
    \n
  • Magento 2 Mobile Login Extension is a tool designed to enhance the login process for mobile users on Magento 2 e-commerce websites.\u00a0<\/li>\n\n\n\n
  • It provides a streamlined and user-friendly login experience tailored specifically for mobile devices, ensuring that customers can easily access their accounts, make purchases, and engage with the website while using smartphones or tablets.\u00a0<\/li>\n\n\n\n
  • Mobile Login for Magento 2 extension is developed to help store owners provide login functionality via their mobile number to their customers by sending an OTP (One Time Password\/PIN).\u00a0<\/li>\n\n\n\n
  • OTP validation can be activated for different customer events set up by the admin like customer registration, login, password retrieval, updating<\/li>\n\n\n\n
  • contact information, and more. This validation adds a layer of security to customers’ accounts, thus reducing the risk of unauthorized transactions or actions by customers.<\/li>\n\n\n\n
  • This extension typically includes features such as simplified login forms, support for social media logins, and compatibility with various mobile browsers to optimize the mobile user experience.<\/li>\n<\/ul>\n\n\n\n

    Steps to Install Mobile Login in Magento 2<\/strong><\/h2>\n\n\n\n

    STEP 1: <\/strong>Extract the downloaded extension package from your Magento root folder using FTP (File Transfer Protocol) Tools. For verification of the root folder, you can see some folders inside the Magento root folder like app, bin, lib, PHP server vendors, etc.<\/p>\n\n\n\n

    STEP 2: <\/strong>Next Need to run some Magento commands to install the extension in your system, so connect with your server via SSH, go to the Magento root folder (e.g: cd \/var\/www\/html\/magentp243), and run the below commands one by one.<\/p>\n\n\n\n

      \n
    • php bin\/magento setup: upgrade\u00a0<\/li>\n\n\n\n
    • php bin\/magento setup:static-content:deploy-f\u00a0\u00a0<\/li>\n\n\n\n
    • php bin\/magento indexer: reindex\u00a0\u00a0<\/li>\n\n\n\n
    • php bin\/magento cache: clean\u00a0\u00a0<\/li>\n\n\n\n
    • php bin\/magento cache: flush\u00a0\u00a0<\/li>\n\n\n\n
    • chmod-R 777 var\/ pub\/ generated\/<\/li>\n<\/ul>\n\n\n\n

      STEP 3: <\/strong>If all your commands run successfully, then log in to your system Admin Panel and go to Store > Configuration, if you see a new Tab on the left sidebar with the MageCurious Logo it means the extension was installed successfully.<\/p>\n\n\n\n

      Steps To Connect Mobile Login With Magento 2.<\/strong><\/p>\n\n\n\n

      STEP 1:- To<\/strong> Configure Extensions, go to Stores > Settings > Configuration > MageCurious Tab > Mobile Login Tab > Configuration.\u00a0<\/p>\n\n\n\n

      STEP 2:- <\/strong>Configuration: <\/p>\n\n\n\n

      \"\"\/<\/figure>\n\n\n\n
        \n
      1. Mobile Login: <\/strong>Enable or disable the Mobile extension.\u00a0<\/li>\n\n\n\n
      2. OTP TYPE: <\/strong>Select OTP Type Number, Alphabet, Alpha-Numberic etc.\u00a0<\/li>\n\n\n\n
      3. OTP Length: <\/strong>Select OTP Length ex. 4, 6, 8 etc.\u00a0<\/li>\n\n\n\n
      4. OTP Valid Minutes:<\/strong> Select OTP Validation Minutes ex. 1 to 5 etc Minutes.\u00a0<\/li>\n\n\n\n
      5. Create Account with Mobile OTP:<\/strong> Enable or Disable Create Account with Mobile OTP.<\/li>\n<\/ol>\n\n\n\n

        STEP 3:- Twilio API Setting: <\/strong><\/h3>\n\n\n\n

        <\/h3>\n\n\n\n
          \n
        1. API Provider:<\/strong> Choose Twilio API providers.\u00a0<\/li>\n\n\n\n
        2. Twilio SID:<\/strong> Enter the Twilio SID.\u00a0<\/li>\n\n\n\n
        3. Twilio Token:<\/strong> Enter the Twilio Token.\u00a0<\/li>\n\n\n\n
        4. Twilio Number:<\/strong> Enter your Twilio Number.<\/li>\n<\/ol>\n\n\n\n

          STEP 4:- API Setting: <\/strong><\/h3>\n\n\n\n
          \"\"\/<\/figure>\n\n\n\n

          Note: For testing <\/strong>of any Mobile No. First Enter Mobile No. Then Config Save and Click the Send Button\u00a0<\/strong><\/p>\n\n\n\n

          Mobile Number:- <\/strong>Enter any number for OTP testing.<\/p>\n\n\n\n

          Step 5 Synchronize the Phone Number Field with the Mobile Number:<\/strong><\/p>\n\n\n\n

          \"\"\/<\/figure>\n\n\n\n

          Sync Now:<\/strong> By clicking this button, you will be able to save all customers’ phone numbers to their default billing address and default shipping address for use in adding a custom attribute for Mobile Numbers.\u00a0<\/p>\n\n\n\n

          Step 6 OTP Custom SMS Settings:<\/strong><\/p>\n\n\n\n

          \"\"\/<\/figure>\n\n\n\n
            \n
          • Testing OTP SMS Text: <\/strong>You can format any type of SMS that shows on mobile, whose mobile no. you entered in this file.\u00a0<\/li>\n\n\n\n
          • Login OTP SMS Text:<\/strong> You can format any type of SMS that shows on the Customer\u2019s Mobile when the Customer Logins with Mobile OTP.\u00a0<\/li>\n\n\n\n
          • Registration OTP SMS Text:<\/strong> You can format any type of SMS that shows on the Customer\u2019s Mobile when Customer Registration.<\/li>\n<\/ul>\n\n\n\n

            Step 7: Form Layout Settings<\/strong><\/p>\n\n\n\n

            \"\"\/<\/figure>\n\n\n\n
              \n
            • Upload Image: <\/strong>You can choose any Image for your Mobile Login Background, Please Note: Size Max: 2 MB and jpg, and png allowed.\u00a0<\/li>\n\n\n\n
            • Button Text Color:<\/strong> Select any Color for Button Text for Mobile Login.\u00a0<\/li>\n\n\n\n
            • Button Background Color:<\/strong> Select any colour for the Button Color.\u00a0<\/li>\n\n\n\n
            • Button Border Color 1: <\/strong>Select any color for the Button Border Color.\u00a0<\/li>\n\n\n\n
            • Button Border Color 2: <\/strong>Select any color for the Button Border Color.<\/li>\n<\/ul>\n\n\n\n

              What Are The Features Of Mobile Login? <\/strong><\/h2>\n\n\n\n

              Using the Magecurious Mobile Login Extension, the extension feature sends OTP to the customer\u2019s Mobile when the Customer Logins with Mobile OTP or Creates an Account with Mobile OTP, also Admin chooses to Create an Account with or without Mobile OTP, Admin chooses to Create an Account with Mobile OTP Customer First Enter Mobile No and then can Create an Account etc.<\/p>\n\n\n\n

                \n
              • Frontend Mobile Login Extension\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n

                Go to your front-end website and create a new user.\u00a0<\/p>\n\n\n\n

                Note: <\/strong>Customers are required to enter their mobile number when creating an account to receive OTP notifications via Twilio API if the Admin chooses to Create an Account with Mobile OTP otherwise Customer directly creates an Account.<\/p>\n\n\n\n

                \"\"\/<\/figure>\n\n\n\n
                  \n
                • If OTP is validated then Open Create Account Form Screenshot.\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n
                  \"\"\/<\/figure>\n\n\n\n
                    \n
                  • Login with a Mobile OTP Screenshot.\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n
                    \"\"\/<\/figure>\n\n\n\n
                      \n
                    • Login with an Email ID Screenshot.\u00a0<\/strong><\/li>\n<\/ul>\n\n\n\n
                      \"\"\/<\/figure>\n\n\n\n
                        \n
                      • Update Mobile Number: Step 1<\/strong><\/li>\n<\/ul>\n\n\n\n
                        \"\"\/<\/figure>\n\n\n\n
                          \n
                        • Update Mobile Number: Step 2<\/strong><\/li>\n<\/ul>\n\n\n\n
                          \"\"\/<\/figure>\n\n\n\n

                          Final Thoughts:<\/strong>   <\/h2>\n\n\n\n

                          So this was the easiest way which we have told you in this blog. This is how you can install a Mobile Login in Magento 2. Hope you liked the blog.  <\/p>\n\n\n\n

                          So quickly go to the comment box and tell me how you like this blog.<\/p>\n\n\n\n

                          Stay tuned with us on our site to get new updates on Magento.<\/strong><\/p>\n\n\n\n

                          Thanks for reading and visiting our site.<\/p>\n\n\n

                          How useful was this post? <\/p>

                          Click on a star to rate it! <\/p>

                          • <\/i> <\/li>
                          • <\/i> <\/li>
                          • <\/i> <\/li>
                          • <\/i> <\/li>
                          • <\/i> <\/li> <\/ul> <\/div>

                            <\/p>