Skip to main content
The Login page is where returning customers sign in. It is built from a single Login section that shows a sign-in form, a card inviting new visitors to create an account, and a second view for requesting a password reset that appears when the Forgot Password link is clicked. All headings, helper text and button labels are section settings, so you can match the wording to your brand voice without touching code.

​
What this page shows

  • A heading and short intro above the form.
  • A sign-in card with email and password fields, a Forgot Password link and a submit button that reuses the heading text.
  • A second card with a prompt and an outlined button linking to the Register page.
  • A reset view, revealed by the Forgot Password link without leaving the page, with its own heading, text, email field, submit button and a link back to sign in. After submitting, a confirmation message replaces the form.
  • Shopify’s validation errors above the fields when sign-in fails.

​
Getting started

1

Open the Theme Customizer

From your Shopify admin go to Online Store, then Themes, and click Customize on Olympus.
2

Choose the login template

Use the page selector at the top of the Theme Customizer, open Customers and pick Login.
3

Select the Login section

Click Login in the left sidebar to open its settings.

​
Settings

Heading titles the page and labels the submit button (Default: Sign In). Text is the intro under the heading (Default: “Sign in to view your orders, addresses, and account details.”). Link is the text of the forgot-password link (Default: Forgot Password). Heading and Button label in the second card set the prompt (Default: Don’t have an account?) and the register button (Default: Create An Account).
Settings for the reset view. Heading (Default: Reset Password), Text (Default: “Enter your email address for your account and we’ll send a reset link.”), Button label (Default: Reset Password), Link for the way back (Default: Back To Sign In) and Text for the success message shown after the request (Default: “We’ve sent you an email with a link to reset your password.”).
Paints the sign-in, prompt and reset cards. Default: Scheme 2.
Spacing is None, Small, Medium or Large (Defaults: Medium on top, Large at the bottom). Section border is None, Top, Bottom or Top and bottom (Default: None).
Authentication, error messages and the reset email are handled by Shopify customer accounts. Customer accounts must be enabled in the Shopify admin under Settings, then Customer accounts. This template applies to classic customer accounts; new customer accounts use a Shopify-hosted sign-in with a one-time code instead.

​
Best practices

Say why to sign in

The intro text should list a benefit, such as tracking orders, rather than repeating the heading.

Keep the register prompt visible

New customers often land on the login page from checkout. The prompt card gives them a clear way forward.

Write a calm reset message

Tell customers to check their spam folder in the success text if reset emails are often missed.

Use one scheme for all cards

The same color scheme on Login, Register and Reset Password makes the flow feel continuous.

Register

The page the create-account button opens

Reset Password

The page opened from the reset email