Pre-requisite : Shopify OTP Login Application

To enable OTP Login/ Registration feature, you will need to install the miniOrange OTP Login Application on your store:

Step by Step guide for enabling OTP Login on your Shopify Store

1. Add application on your Store

• Install Shopify OTP Login Application by clicking on “Add app” button in Shopify App Store.

• Click on the "Install app" button at the right top or bottom of the screen.

• Now navigate to App section and click on 2FA - OTP Login application.

• You will be redirected to the Home Page of the application dashboard.

2. Enable OTP Login on your Shopify Store

• You can choose the approach to enable OTP Login/ Registration from the options available.


OPTION A:

• Enable OTP Login widget and click on Save button. Then click on the Style widget button to customize the widget/login button which will be displayed at your store login page.

• You can either customize the login widget yourself or can choose from predefined templates as shown in the image below.

• Click on Save button at bottom of the screen.

OPTION B:

• Make OTP Login as default login option in this case, OTP Login form will directly appear on /account/login page and Shopify Login will be optional.

• Click on Save button at bottom of the screen.

OPTION C:

• Enable OTP over Registration option and click on Save.. Click on Style setting which will redirect you to customise page.


• Navigate to the App embeds option.

• Enable the Shopify OTP registration option and click on Save button at bottom of the screen. (This steps is mandatory if your are enabling the feature for the 1st time)

OTP LOGIN FOR UNREGISTERED USERS

• By enabling this option, you can either allow or restrict unregistered users from logging into the Shopify Store. Disabling this setting will restrict all the new users which are not present in your store from logging in into the store.

SELECT DEFAULT COUNTRY

• Select your Default Country from the dropdown.That Country flag will appear as default flag in the mobile number input field.

ENABLE PHONE SYNCING

• Enabling this feature will sync the mobile number present in the address section of a customer’s profile to phone number section. So, a new customer performing guest checkout will also be able to login with OTP later.

• Click on Save.

3. OTP Configuration

• Navigate to the Configuration >> Basic settings section in the left navigation menu.


3.1 BASIC SETTINGS

• Redirection page after OTP Login : Enter the page extension of the store on which you want to redirect the user when they login using OTP. For example: if you want to redirect users to cart pagr after login then enter /cart in the redirection field.

• Receive OTP balance info at: Enter the email on which you will get notification when you exhaust 80%, 90% and 99% of the allocated OTP transactions.


3.2 STOREFONT DIGEST COOKIE

If you want to restrict your shopify store to only logged-in users please follow the below steps and if you want to allow OTP Verification only from the /account/login page you can skip this step.

Prerequisite: You should have enabled password protection on your shopify store.

• You need to get a storefront_digest cookie for configuring the complete store with OTP Verification. Right click on your keyboard and click on Inspect option.

• Now navigate to Application section and then select Cookie option in left menu. Select your store and search for Storefront_digest. Copy this Value.

• Paste the storefront_digest cookie value in the storefont digest cookie section as shown below.


3.3 OTP PROPERTIES

• Select the number of OTP digits and and the OTP validity time in minutes.


3.4 MULTIPASS SECTION (This feature is only available for the Shopify Plus customers)

• If you have a Shopify Plus store, then enable this option for providing OTP login into your Store.

• Click on Save.

4. Delivery Method

4.1 SMS

SMS Gateway

• You can configure your custom gateway provider.



SMS Template

• Note: If you are from INDIA, contact us to change the SMS template. If you are from any other country then you need to write ##otp## where you wish to place generated otp in the template.

• Click on Save SMS template.

4.2 Email

• You can allow users to login into Shopify store using OTP over Email.
• You can either use the default template or can use your custom email template. (Contact us at shopifysupport@xecurify.com if you want your custom email template)

5. Testing Login with OTP in your Shopify Store

• Go to your store /account/login page.
• Click on Login With miniOrange Widget (This name is configurable from the Application home page).
  
  

• Enter your mobile number and click on the “Next” button.
  
  

• Enter the OTP received over your mobile number and click on the “Verify” button.
  
  

• If you don’t receive OTP, click on the “Resend OTP” link.

• If you want to change your mobile number, click on the “Change Phone Number” link.
• Once you verify the OTP, you’ll be logged in into your Shopify Customer Account.
• If there’s no mobile number linked to your shopify account then Login with your shopify credentials and click on the “Update Profile” button on the Account page of shopify store as shown below.


• After that Logout from your account and try logging in again with the mobile number you updated just now.

6. Configuration on Shopify Store Admin Page

• Go to your Shopify store admin page.
• In the left section, click on the Online Store and select Preferences.
• Scroll down to the Spam Protection section and uncheck the second option "Enable Google reCAPTCHA on login, create account and password recovery pages"
• Save your changes.

7. Upgrade to one of the plan

• Navigate to the Pricing section and choose your Country from dropdown. Click on the Upgrade button below the plan with which you want to move ahead.

• Accept the recurring charges and after that, you’ll be redirected back to the Application home page.

Additional Resources

• Shopify Security Solutions
• Shopify Single Sign-On (SSO)
• Shopify SCIM Provisioning Deprovisioning
• Shopify Two Factor Authentication
• Shopify Single Sign-On (SSO) using Azure B2C
• Shopify Secure Admin Login

If you are looking for anything which you cannot find, please drop us an email on shopifysupport@xecurify.com.