Back to Top

CS-Cart OTP Verification

Updated 27 September 2024

CS-Cart OTP Verification is an impressive add-on that provides the feature to log in to the store via Contact Number and Email.

The OTP verifications will also be done during the new customer’s registration and checkout process by sending the code to the customer’s contact number.

This also provides an option to log in via OTP & reset the password via OTP.

This confirms that the returning customer is genuine and the order comes from a genuine customer without doing any manual review on the store.

CS-Cart OTP Verification Features

  • Supports SMS verification types using Twilio APIs.
  • It provides the functionality to log into the store via phone number and email.
  • Easy auto-phone masking for users.
  • It supports implementing payment option validation for non-verified users.
  • Functionality to enable OTP during registration.
  • Option to login via OTP, You can get OTP on the mobile number and email entered.
  • Functionality to reset the password via OTP.
  • Functionality to enable checkout for non-verified users.
  • Provided with a field, requesting the customer’s contact number to verify.
  • Add-on works with the live site as well as in the test mode.

Note: “Phone” field will be the required field in the customer contact information to process OTP verification.

Find the Best CS-Cart
Development Company
Find out More

Video Tutorial:

How to Upload and Install:

After downloading the CS-Cart OTP Verification add-on, you’ll get one zip file, one install.txt file, and a relevant User Guide manual doc.

Read it carefully for proper configuration. Go to Manage Add-ons, and click on “setting” then click on manual installtion as shown below in the snapshot.

installation

Click on “Local” to browse the zip file and then click on “Upload & Install” as shown below in the snapshot.

local

Twilio Auth

Twilio” is a communications platform for sending and receiving text messages using it’s web service APIs.

The admin can signup for the Twilio services and register to the Twilio. To register, the admin can visit Twiliothen click on the signup button. 

login-twillio

 Here, the admin can fill the required field, as shown in the image below:

add-deatils

Once the user successfully registered on Twillio, then Twillio will ask for few fields to set up an account.

After the account has been created in the Twillio dashboard, the credentials can be accessed, as shown in the Belwo screen shot.

twilio-console

Following that, you’ll be able to generate the API key and then copy the details.

api-key

CS-Cart OTP Verification Configuration

After the installation of the addon, you have to open the settings of the module.

Here, you need to set up all the details according to what you need.

Twillio Settings:

  • Uncheck the box for Live Mode.
  • Fill in the credentials (Twilio Phone Number, Account Sid, Auth Token) provided by “Twilio” as shown in the snapshot below.

setting-otp

Send OTP Verification:

  • Check the box to enable Login via phone number and email. (If you enable login via OTP then make sure that the Contact Number field in the profile fields is Mandatory.)
  • Check the box to enable OTP during Registration & Sign In.

Note: If we make the Contact number field mandatory then this will become the Unique field. So, if there are already some registered users with the same number but different mail IDs, then only the account which gets verified first will only be available for the user.

For the other account with the same number, it will throw a warning to the already registered user.

  • Click to enable reset the password option via OTP.
  • Click to enable checkout for non-verified users.
  • Select the payment options for which the admin wants OTP verification for non-verified customers.

addotpdeatisl
Further, there are some settings to set the OTP.

OTP Settings:

Fill in the details, which include the maximum number of retry options for OTP, the time span to expire OTP, an option of phone masking, length of OTP and OTP character types, and Save.

  • Save OTP Verification phone number: Make sure to store the phone number on the Order Detail page.
  • Maximum number of Retry: Choose how many times a user can resend OTP verification for a single phone number before they need to enter a different number. Select 0 for unlimited retries.
  • Minutes to expire OTP: Choose how many minutes an OTP verification code remains valid after it’s generated, until the user requests a new OTP code.
  • Hours to expire Link: Specify how many hours an OTP verification link remains valid for each newly generated link.

expiredate

  • Phone mask: If left blank, the system will automatically use a phone number pattern based on the country. You can use spaces, commas,+,-,() and digits. Note that 9 represent any digit, if you need a 9 than type \9. Example: +91(99999)(99999)
    Note: You can use maximum of four round brackets.
  • OTP Length: Leave this field blank to use the default length of 4, or enter a custom length according to your requirements.
  • Enable Expiry Timer: You can check the checkbox to display the expiry timer.
  • OTP Character Types: Select “All” to include all patterns. By default, the code will be a combination of all patterns.

otp-verification-setting

An admin must keep the “Phone field” as the required field in customer information for the purpose of OTP verification.

contact-info

Frontend view

OTP Verification at the time of New User Registration :

registration

Once you click on Register, an OTP will be received on the registered mobile number. Just enter the OTP to verify the account.

When only phone OTP verification is enabled:

phone-otp

When only email verification is enabled:

email-otp

Verification via both phone and email is enabled:

both-phone-email

Verification code at the customer end.

OTP verification on Phone:

cscart-otp-verification-phone

OTP verification on Mail:

email-otp-notification

Login Via OTP: Option to login with the contact number or email via OTP as per the configuration at the admin end.

Phone OTP Verification:

login-via-otp

Email OTP Verification:

email-signin-otp

A user can verify his contact number from his profile. After verification, the user status will be “Verified” as shown below.

editprofile
Reset Password Via OTP:

reset-newpassword
If a non-verified user tries to check out, he/she needs to verify the number via OTP as shown below.

not-verfied-user
But on the other hand, a verified user can continue toward the checkout.

verified-customer

Support

Still, have any issues feel free to add a ticket here http://webkul.uvdesk.com and let us know your views to make the product better. 

Please explore our cs-cart Development Services and Quality cs-cart add-ons

Current Product Version - 4.5

Supported Framework Version - 4.18

Blog Version - 4.18
  • Version 4.18
  • Version (4.13.x - 4.18.x)
. . .

Leave a Comment

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


4 comments

  • anni sharma
    • Aishwarya Tiwari (Moderator)
  • Ertugrul DOGAN
    • Aishwarya Tiwari (Moderator)
  • 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