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

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

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

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

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