Enable Username and Password Login

Feature Description

With legacy customer accounts, signing in with email and password was the traditional experience on Shopify. The latest Shopify customer accounts use email OTP as the default sign-in method.

You can enable username and password login for your Shopify users so they can authenticate with familiar credentials in addition to OTP-based options. When enabled, users who prefer or require password-based access can sign in on your storefront without relying only on one-time codes.

Setup Instructions

Note: This setup requires a Shopify Plus store with new customer accounts activated.

  • Navigate to the Shopify Dashboard, and open the Customer Accounts Login application.

    Open the Customer Accounts Login Application

  • On the app dashboard, scroll down to the Storefront Login Options card and click Edit.

    Storefront Login Options card with Edit button on the app dashboard

  • On the Login Options page, open the Storefront Login Settings tab.

  • Turn on Enable Email & Password Login so customers can log in with their email and password.

  • Scroll down & configure the Sign-up options section so new customers can create an account and set their own password.

  • The settings save automatically, and a B2B configuration updated confirmation appears.

    Enable Email and Password Login toggle in the Storefront Login Settings tab

Note: You can turn on more than one login option at the same time, such as Email OTP, Phone OTP, Sign in with Shop, and SSO. Only the options you turn on appear on the storefront login screen.

  • On the Login Options page, click the b2b login extension link below the toggle you turned on. This opens the theme editor with the login page settings.

    b2b login extension link on the Login Options page

  • In the App embeds panel, turn on B2B Login Page Layout and click Save. The storefront login screen only shows the enabled login options once this embed is on.

  • From the page list, select Login Page to customize it.

    Select the Login Page to customize it

  • In the settings panel, you can edit the Title, Subheading and their alignment, choose the Default Login Option (Email/Password or OTP) and the Layout Order, and change the text of the Sign In, Send OTP and Verify OTP buttons.

    Login form title, default login option and button text settings

  • Under Logo Image, upload your logo. It replaces the default icon on the login form.

  • You can also set the Page Background Image, container background, text, button and link colors, adjust the card's border radius, width and padding, show or hide the theme header and footer, or add your own code under Custom Liquid.

  • Click Save in the theme editor.

    Login page logo, background, color and card layout settings

  • Go back to the Login Options page and click the b2b reset password extension link, so customers can reset their password from the login page.

    b2b reset password extension link on the Login Options page

  • In the App embeds panel, turn on B2B Reset Password Layout and click Save.

  • You can edit the Title, Subheading, alignment, and the Send Reset Link and Reset Password button text, as shown in the image.

    Enable B2B Reset Password Layout app embed and customize the reset password page

  • If you have not connected your store yet, follow the Connect Store to SSO Application steps to add the app as an identity provider in Shopify customer accounts.

  • To check the login, open your storefront and click the account icon in the header.

    Account icon in the Shopify storefront header

  • Enter your email address and password and click Sign in. No OTP is required.

    Sign in with email and password on the Shopify storefront login screen

  • You are logged in to your Shopify customer accounts. Email and password login is now live for your customers.