PrestaShop Mobile Login {User-Guide}

PrestaShop Mobile Login : Allow your customers to register and login on the store using the mobile number.

Another key point is that the customers can request for an OTP to their mobile number and login easily to the store.

Note: PrestaShop Mobile Login module is compatible with PrestaShop multi-store feature.

• Allow customers to login via mobile number and password.
• Enable customers to login to their accounts by OTP.
• Customers can send OTP for login on their mobile number, email id, or WhatsApp number.
• Allow customers to register to register on the store using OTP.
• Customers can reset their passwords via OTP.
• Make mobile number verification mandatory for registration on the store.
• View, edit, or delete customers’ mobile details from a single grid.
• Add mobile details on the customer’s behalf from the back office.
• Configure the message to send to customers when they request an OTP.
• Set the duration for which ‘Resend OTP’ button is disabled once the customer has sent OTP.
• Set the validity of an OTP.
• Configure the number of times for which customers can request for OTP in a row.
• Set the duration for which customers cannot request for OTP once the OTP request limit has been reached.
• Set the duration for which the customer’s number gets blocked once he has reached the wrong OTP limit.
• Choose to delete customers’ mobile details upon uninstallation or resetting of the module.
• Set the minimum and maximum length of the mobile number.
• Send SMS to customers on successful registration.
• By default, the module supports three SMS gateway providers viz Twilio, SendinBlue, and onehop (SMS-Magic).
• Log the information of failed SMS.

• Firstly, go to the module manager in the back office and click on ‘upload a module’.
• After that, drag and drop the module file or select the file from the system.
• In this way, the module installation will be successful.

Note

For proper functioning of “Prestashop Mobile Login”, some modifications need to be done in the Prestashop core files.

Please create a ticket on https://webkul.uvdesk.com/ and we will add it for you.

After the successful installation of the module, the admin needs to configure it.

SMS Gateway Providers

By default, Prestashop Mobile Login supports three SMS gateway providers:

1. Twilio
2. SendinBlue
3. Onehop (SMS-Magic)

We are taking Twilio as an example-

Go to https://www.twilio.com. You will see the Twilio homepage with the option to Log In.

If you already have an account, enter your login credentials (email and password). New users can create a account by signing up.

Once logged in, you will be taken to the account dashboard. Here, you can view your Account SID, Auth Token, and other important details.

Registration Page Settings

Under Registration Page Settings, admin has to select whether to display the mobile number field on the registration page or not.

Further, admin can make it mandatory for the customers to verify the mobile number during registration.

Also, for making compatible with Prestashop default functionality, admin has to set a temporary email format for the customers who register on the website without email id.

Display mobile field on registration page

If disabled, then mobile field will not display on the registration page.

If enabled,

Registration without email id and “mobile number

If registration without email id and “mobile number required during registration” has been disabled by admin.

Front End View

If registration without email id is enabled, then a customer can register on the website without entering email id and mobile number will become a mandatory field to register on the website.

If admin has allowed the customers to register via their mobile number, then the customers need to verify their mobile number through OTP in order to register themselves on the website.

Front End View

Mobile number verification:

After clicking on “SEND OTP” button, an OTP is sent to the mobile number mentioned on registration form and a customer has to enter the OTP in ‘Enter OTP’ field.

After entering OTP, a customer has to click on ‘VERIFY’ button to verify his mobile number.

Once the mobile verification gets completed, admin can view the customer’s mobile details by navigating through Customers->Mobile Details.

Also, the admin can add mobile details on customer’s behalf by clicking on the “Add mobile details” button. On clicking the button, a form opens on the page where the admin needs to:

• Select the customer for whom he wants to add the mobile number.
• Select the customer’s country.
• Specify the customer’s mobile number.

If admin has disabled the display of ’email’ field, then email field will not display on the registration page.

Front End View

OTP Settings

Under OTP settings, the admin can set:

• Message to send with OTP.
• Validity of an OTP.
• Number of times a customer can request for an OTP in a row.

Message to send with OTP

In this field, admin has to enter a message which will be sent to a customer whenever he requests for OTP.

Additionally, admin has to include {otp} in the message that will replace by OTP while sending an SMS. The maximum character limit for the message is 140.

Disable ‘Resend OTP’ button for

Once a customer has clicked on ‘SEND OTP’ button, then ‘RESEND OTP’ button will disable for the time duration set by admin here.

RESEND OTP’ button will not disable if the admin has set 0 in this field.

OTP expiration time

In this field, admin has to specify the time duration for which an OTP will be valid. If the admin has set 0 in this field, then OTP sent to a customer will never get expired.

Number of OTP request

Admin can set the number of times a customer can request for OTP.

Login Page Settings

Under Login Page Settings, the admin can select whether a customer can login to the website by mobile number or not. Mobile number verification can be made mandatory for customers to login.

Login by OTP

The admin can enable login via OTP. This will be helpful for customers who do not remember their email id and password.

The admin can allow the customers to get OTP on their mobile number, email id, or WhatsApp number.

Please note that if you have selected the WhatApp option, then you need to specify the credentials in WHATSAPP CONFIG tab.

For obtaining the required credentials and adding new apps to the account, you need to create a developer account on Facebook. After logging in to the account, got to “My Apps” section.

Click on “Create App” button to create new app.

Select “Business” in app type.

Enter App name, App contact email and select Business Account to connect the created app.
Now click on “Create app” button.

On clicking the “Create app” you will be redirected to the Dashboard of your app and from here you need to set up WhatsApp. Click on “Set up” button to proceed.

Now, click on Quickstart under WhatsApp. Under WhatsApp business, click on Message templates.

Click on ‘Create Template’ button under Message templates.

Under New message template, enter message template name.

After entering the message template name and selecting language, click on the continue button.

How to generate permanent token

Firstly, go to Business Settings. Select the business account with which your app is associated.

Click on sytem users under Users and then click on Add button.

Now, enter the System username and select Admin as the user role.

After entering system username and role, click on ‘Create System User’ button.

On clicking the ‘Generate New Token’ button, a popup appears on the page where you need to select the app.

After selecting the app, select ‘Never’ for token expiration.

Now, select whatsapp_business_messaging and whatsapp_business_management permission under the “Available permissions” list.

After selecting the permissions, click on ‘Generate Token’ button.

Login by mobile number and password

If enabled, then a customer can log in by entering mobile number or password.

Mobile number must be verified for login

If enabled, then the customers whose mobile number have been verified can login just by entering mobile number and password.

Additionally, the customers whose mobile number have not been verified have to first verify their mobile number by clicking on ‘Verify your mobile number’ link.

If disabled by admin, then the customer whether his mobile number has been verified or not can login.

Login by OTP

The options selected by the admin under Login Page tab will show on the login page in the front end.

Click on SEND OTP button to send OTP on phone number, WhatsApp number, or email id.

Reset Password by OTP

A customer can also reset the password by getting OTP on his registered mobile number.

On the login page, when a customer clicks on “Forgot your password” link he gets redirected to a page from where heit can reset the password by getting OTP on the registered mobile number.

General Settings

Under General Settings, the admin can:

• Choose to delete the mobile details upon uninstallation or resetting of the module.
• Set the minimum and maximum length of mobile number.
• Choose to send SMS on registration.
• Log the information of failed SMS.

Send SMS on registration

Admin can configure the message that will be sent to the customers when they register on the website.

For any kind of technical assistance or query, please raise a ticket or send us a mail at support@webkul.com

Also, please explore our Prestashop development services and vast range of quality Prestashop addons.