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

Sell Online With Shopify
Trusted by millions of businesses worldwide
Start your Shopify 14-day free trial and save up to 25% on Shopify when you sign up for an annual, 2-year, or 3-year plan.

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.