Skip to content

Password

This guide describes setting up the Password section.

Use the section on (password) protected store pages to provide "Opening Soon" information about store content that's pending release. Refer to Shopify help: Password protection for your online store

An example Password section on a store's Password page.

The previous image shows a Password section on a store's Password page. In the center left, the section's checkbox Show newsletter signup is set to on. This setting displays the form, inside the section, that prompts customers to subscribe to the store's newsletter.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.

Set up a password section

To set up a Password section:

  1. Go to Customize theme.

    In Theme editor, at the top of the page, use the dropdown to select Others > Password.

    Note

    The section is available only on Others > Password pages.

  2. From the side menu, select Password.

The Password section selected in Theme editor.

  1. Select a setting described in the following table.
Setting nameDescription
Logo imageUse the following Logo image selector options to set up an image to use as a logo, inside the section. Refer to Edit an image inside a section or block.
Logo image > Connect dynamic sourceTo display a logo image from a dynamic source, if available, select the Connect dynamic source icon beside the Logo image selector, and then choose a metafield to add. Refer to Shopify help: Metafields.
Custom logo widthAdjust the slider Custom logo width to set a size for the image inside the section between 20px and 450px (pixels).
HeadingIn the Heading box, enter text to display as title text inside the section.
Background imageUse the Background image selector options to set up an image to use as a background, inside the section. Refer to Edit an image inside a section or block.
Background image > Connect dynamic sourceTo display a background image from a dynamic source, if available, select the Connect dynamic source icon beside the Background image selector, and then choose a metafield to add. Refer to Shopify help: Metafields.
Newsletter > Show newsletter signupSelect the checkbox Show newsletter signup to show/hide a form, inside the section, that prompts the customer to subscribe to your store's newsletter by submitting an email address.
Newsletter > Newsletter form headingIn the box Newsletter form heading, enter text to display as a title inside the newsletter form. Format the text, and/or add links, using the Text editor pane.
Newsletter > Newsletter form heading > Insert dynamic sourceTo display form heading text from a dynamic source, if available, select the Insert dynamic source icon beside the Newsletter form heading box, and then choose a metafield to add. Refer to Shopify help: Metafields.
Newsletter > Tell your visitors about a launch day discountFollow the link Tell your visitors about a launch day discount to open a Shopify blog post about using discounts for marketing and promotion
Newsletter > Newsletter placeholder textIn the box Newsletter placeholder text, enter text to display as a placeholder label for the email address entry field, inside section's newsletter form.
Newsletter > Newsletter button textIn the box Newsletter button text, enter text to display as a label for the (subscribe) button, inside section's newsletter form.
Social sharing > Show social media sharing buttonsSelect the checkbox Show social media sharing buttons to show/hide a Share list area, inside the section. Store visitors use the list to share links to your store's pages on social media. Refer to Social media.
Color > Color schemeUse the Color scheme options to select a color scheme for the section. Refer to Colors.
Theme settingsIf available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSSSelect Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.