in Tags: shopify

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>

Still can't find the solution for your Query?

Contact Support