- So for this navigate to Apps in your Shopify admin, and then click on SMS Alert.
- Here click on OTP settings and then enable OTP for login.
- Change the SMS text as required, and ensure you have this OTP tag in your sms text.
- Finally click on save changes.
Lets see how this works in different scenarios.
1.Mobile number is not registered.
Lets try with a number that is not registered on the website, and when he tries to login, this will show an error that the mobile number is not registered.
2.User has an old account on the website.
When any old user tries to login to the website, and if it is not linked to sms alert, the user is asked to enter the last password he remember, after OTP verification
This process will forcefully change the user accounts password to this, so in case the user does not remember the old password, he can put a new password here. And soon after this, he is logged in his account.
3.Uer has an account, and is linked to SMS Alert
The user enters his mobile number, he is prompted to enter the OTP, and upon successful verification, he is logged in to his account.
Create a custom login with OTP page
- If you would like to integrate login with OTP option in a custom page, you need to navigate to Themes under Online Store, there click on edit code.
- click on add a new template, select template for as page.
- Template type as liquid.
- Name the file as per your need, or simply you can write login-with-otp
- Finally click on create template
- Here on this new page template, you need to paste this line of code {% section ‘loginwithotp’ %} whereever you want this to be displayed, and save it.
- Now navigate to pages, and select the page, or create a new one.
- Here select theme template as login-with-otp, and save it.
Troubleshooting
- In some cases its possible, that you do not see login with OTP option on your website.
- This could be because SMS Alert makes a few changes in your theme, so if you have made any changes to your website theme, you may need to apply the required changes to your theme.
- For this navigate to SMS Alert app in your shopify admin, and then click on advanced settings, here select your current theme, and click on create template button.
Can we add Login With OTP button to our page?
Yes, you can add, by including smsalert loginwithotpbutton section.
{% section ‘loginwithotpbutton’ %}