OTP For Checkout
- So for this navigate to Online Store in your Shopify admin and go to edit code in your current theme.
- Edit header.liquid file in your theme sections.
- Insert the following code on the last line, update the text as needed, and save the file.
<script>
window.smsalert = window.smsalert || {};
window.smsalert.checkout = {
"phone_heading": "Proceed to Checkout with OTP Verification",
"phone_subheading": "This helps us secure your order and keep you informed with order updates.",
"otp_heading": "Proceed to checkout with OTP",
"otp_subheading": "We’ve sent a 4-digit code to your mobile number",
"validate_btn": "Verify & Continue",
"otp_label":"Enter your OTP here"
};
</script>
Login With OTP
- So for this navigate to Online Store in your Shopify admin and go to edit code in your current theme.
- Edit main-login.liquid file in your theme sections.
- Insert the following code on the last line, update the text as needed, and save the file.
<script>
window.smsalert = window.smsalert || {};
window.smsalert.login = {
"phone_heading": "Proceed to Login with OTP Verification",
"phone_subheading": "This helps us secure your order and keep you informed with order updates.",
"otp_heading": "Proceed to Login with OTP",
"otp_subheading": "We’ve sent a 4-digit code to your mobile number",
"otp_label":"Enter your OTP here",
"validate_btn": "Verify & Continue",
"pwd_heading":"Enter your OTP here",
"pwd_subheading":"Enter your OTP here",
"pwd_label":"Enter your OTP here",
"conf_pwd_label":"Enter your OTP here",
"pwd_btn":"Enter your OTP here",
};
</script>
OTP For Register
- So for this navigate to Online Store in your Shopify admin and go to edit code in your current theme.
- Edit main-register.liquid file in your theme sections.
- Insert the following code on the last line, update the text as needed, and save the file.
<script>
window.smsalert = window.smsalert || {};
window.smsalert.register = {
"modal_heading": "Proceed to Register with OTP Verification",
"otp_label":"Enter your OTP here",
"validate_btn": "Verify & Continue"
};
</script>