Strata

Password

Brand the password-protected storefront with responsive media, colors, access, and email signup.

The Password template is the full-screen landing page shown while storefront password protection is enabled. It combines store branding, an optional background image, the password-entry form, and an optional Shopify email-signup form.

Open the Password template
Keep real storefront passwords and customer email addresses out of screenshots and support requests.
  1. Open the Theme EditorFrom Shopify admin, go to Online Store > Themes > Edit theme.
  2. Select PasswordUse the page selector to open Password, then select the Password section.
  3. Preview both access pathsCheck the password form, an invalid-password result, and the email-signup success and error states when signup is enabled.

The main password message comes from Shopify’s storefront password settings. It is not edited inside the Strata section.

The password page with a full-screen image, the store name and the heading This shop is private above a password field and Enter button, and an email signup row at the bottom.

The Password template on desktop.

Branding

Password Branding settings in the Theme Editor: Logo.

The Branding group in the Theme Editor. The values shown are examples, not defaults.

Logo

Chooses which logo from Theme settings appears on the password page.

Options or default

Dark logo or Light logo. Default: Dark logo. If the chosen version is unavailable, Strata uses the other configured logo; if neither exists, the store name is shown.

Check the chosen logo against both the background image and the fallback background color.

Media

Password Media settings in the Theme Editor: Background image, Mobile background image.

The Media group in the Theme Editor.

Background image

Adds a full-screen image behind the password content.

Options or default

Optional. Leave it blank for a color-led page.

Mobile background image

Supplies a narrow-layout crop when a background image is present.

Options or default

Optional. When blank, the desktop Background image is reused.

The background image is decorative; essential launch information belongs in the password message and email-signup copy. Set useful focal points on both selected images and verify that text remains readable at desktop and mobile sizes.

Email signup

Password Email signup settings in the Theme Editor: Show email signup, Email signup heading, Email signup text, Email placeholder, Email signup button label, Email signup success message.

The Email signup group in the Theme Editor.

Show email signup

Adds a Shopify customer email form at the bottom of the password page.

Options or default

Enabled by default. Turn it off when the page should provide access only.

Email signup heading

Introduces the signup area.

Options or default

Default: “Stay in the loop”.

Email signup text

Adds supporting rich text beside the signup form.

Options or default

Default: “Be the first to know when we open.”

Email placeholder

Sets the placeholder inside the email field.

Options or default

Default: “Email address”.

Email signup button label

Sets the signup action text.

Options or default

Default: “Sign up”.

Email signup success message

Confirms a successful Shopify signup.

Options or default

Default: “Thanks for signing up.”

The email-signup fields appear only while Show email signup is enabled.

Colors

Password Colors settings in the Theme Editor: Background color, Text color, Overlay color, Overlay opacity.

The Colors group in the Theme Editor.

Background color

Sets the page surface and the fallback when no image is selected.

Options or default

Leave blank to inherit the global background color.

Text color

Controls the password-page text and form treatment.

Options or default

Leave blank to inherit a suitable global text color. When an image is present, check the chosen value against every important part of the crop.

Overlay color

Adds a color layer over the background image.

Options or default

Available when Background image is set. The default follows the global brand color.

Overlay opacity

Controls the strength of the image overlay.

Options or default

0–80%, in steps of 5%. Default: 15%.

Storefront states

The password page on mobile with the heading and password field over the image.

The Password template on mobile.

Review before opening the store
The password page may be the first experience visitors have with the brand.
  • Standard accessConfirm the logo or store name, Shopify password message, password field, and Enter action are clear.
  • Invalid passwordCheck that the error appears beside the password form and is announced without exposing the entered value.
  • Email success and errorSubmit the signup form with controlled test data and verify both outcomes.
  • Responsive mediaCompare the desktop and mobile crops, overlay contrast, keyboard focus, and short-height screens.

Accessibility and motion

The password and email fields have accessible labels, and form errors and success messages are announced. Keep text contrast strong over the selected media, verify visible keyboard focus, and check the page with reduced motion.

Common checks

SymptomSafe check
The password message does not changeEdit Shopify’s storefront password message rather than looking for a Strata text field.
The mobile crop is wrongAdd Mobile background image and review its focal point; blank reuses the desktop image.
Overlay controls are missingSelect Background image first.
The newsletter fields are missingEnable Show email signup.
The wrong logo appearsCheck Logo and the Dark and Light logo assets in Theme settings.
The password form is absentConfirm storefront password protection is enabled and the Password template is being previewed.

Search documentation

Search across the Strata guide