How to add a Password Strength Checker on register page in Shopify

Validating password against minimum length is one thing but some time it’s good to give user a visual clue of how good his password is. This article will let you know how to add a password strength checker on register page in Shopify. It will helps your customers have a strong password to protect themselves from hackers.

DEMO

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, and then click Actions > Edit code.
  • In the Layout section, click theme.liquid to open the file in the online code editor.
  • Find </head> and paste the below code just above it.
  • In the Templates directory, click customers/register.liquid.
  • Find HTML input type password field. After that, add the data-indicator attribute on it and a div tag below it.


    To finished you add the below Javascript code in end this file.

You are done.

DEMO

You may also like...

Leave a Reply

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