If you haven’t launched your storefront yet, but want to let your visitors know that you’ll be opening soon, you can enable and customize your Password page. Activating this page will conceal the rest of the storefront and limit public access to this customizable page.
The Password page can also be used any time after launch to create a landing page for temporary closures. Staff holidays, storefront revamps, seasonal slow-downs—there are many circumstances for using the Password page for temporary closure information.
Enable the page in the Shopify admin and customize it with the theme editor to set up your Password page.
Enable the page in the Shopify admin
Go to Preferences in your Online Store. Scroll down to Password protection to Enable password.
When Enable password is selected, it will stop all customer access to your storefront immediately. If this is not the intended result, keep this option unchecked/disabled.
Create your own Password or use the one generated by default. If you need to share the full storefront with somebody, you can use this password to access the store from the Password page.
Include a Message for your visitors using the provided text field. This copy will display on the Password page for closure context.
Shopify: Password protection for your online store
Customize the page with the theme editor
Our themes have various Password page features and settings to configure. Select your theme below to view theme-specific guides for customizing the Password page.
-
Empire
Add a logo to the password page
Add a Logo image to display in the top left corner of the top bar. Click Select image to upload or choose an image from your files.
Use the provided sliders to adjust the Logo image max-height and Logo image max-width. When adjusting the max-width, your logo image may disappear momentarily while a new logo image is generated.
Add a newsletter signup field
Select Enable newsletter signup to gather emails for newsletters and other marketing efforts. Any emails provided here will be stored in Customers found in your Shopify admin. Shopify will segment your purchasers using the tags/tabs along the top. If they have opted into your newsletter, their email will be displayed under Accepts marketing.
Show social media information on password page
If you want to display links to your social accounts here, you can do that by checking Show social title and Show social icons. Connect your accounts using the Theme settings options at the bottom.
Links in the Theme settings need to be present for the password page social media features to appear. For more information, refer to Using Empire's theme settings: Social media
Match the language with your message
If you want to customize any of the language on your Password page ("Find out when we open" or "Follow us out there") you can do so from Edit languages > Password.
Add a background image to your password page
This process involves changes to the theme's main layout file. To avoid errors, try this in a test duplicate of your theme first. Unless you are comfortable making code adjustments, consider contacting a 3rd-party developer to perform these changes for you.
Merchants often find that adding a background image to your password page can enhance the customer experience.
Upload image to your Files admin
In your Shopify admin, go to Settings, then Files.
Select Upload files in the top-right.
Select the image file from your computer or mobile device. Images should be at least 2000px wide to accommodate larger screens.
When the image has uploaded, copy the URL generated for the file (contains 'CDN') to your clipboard or notes file.
Edit the theme files
Go to your Online Store to access your theme. Select Actions, then Edit code.
Open the Assets folder, then theme.css.liquid.
Scroll to the bottom of this file and paste this code:
.template-password, .template-password .site-main, .template-password .password--section {
background-image: url(add-your-url-here);
height: 100%;
background-size: cover;
}Before you Save, change the value of add-your-url-here to your image's CDN link.
For example:
/* start password page customization */
.template-password, .template-password .site-main, .template-password .password--section {
background-image: url(https://cdn.shopify.com/s/files/1/1883/4791/files/gaby_yerden_granola_chocolate_apples.jpg?v=1603380795);
height: 100%;
background-size: cover;
}
/* end */Save, then use the Preview or Customize options to confirm the change on the Password page.
-
Atlantic
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Display social icons
Feature icon links to your social media accounts by enabling Show social icons. The URLs for these accounts can be set up in the Theme settings under Social media.
Add a background image
Click Select image to locate and upload a high-resolution image for the password page background. This image will expand to fill the page, so larger dimensions will reduce image quality loss.
Gather customer emails
Customize the text that appears with the newsletter feature using the Newsletter text rich text field.
-
Superstore
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Add a logo to the password page
Add a Logo image to display in the top-left corner of the top bar. Click Select image to upload or choose an image from your files.
Adjust the Height of the logo using the provided slider.
There is also the option to display a separate image file for Mobile display. Use to display a different image for mobile view.
Add a newsletter signup field
Select Enable newsletter signup to gather emails for newsletters and other marketing efforts. Any emails provided here will be stored in Customers found in your Shopify admin. Shopify will segment your purchasers using the tags/tabs along the top. If they have opted into your newsletter, their email will be displayed under Accepts marketing.
Add your own copy using the Title and Text fields.
Display social icons
Feature icon links to your social media accounts by enabling Show social icons. The URLs for these accounts can be set up in the Theme settings under Social media.
Enable Show social title to include a title for the links.
-
Grid
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Edit the newsletter text
Use the provided field to add a message to your password page. This displays with the newsletter sign-up field.
-
Pacific
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Display a logo
Add a Logo image to display in the top left corner of the top bar. Click Select image to upload or choose an image from your files.
Adjust the width of the logo using the Logo max width slider.
Gather customer emails
Customize the text that appears with the newsletter feature using the Newsletter text rich text field.
-
Startup
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Gather customer emails
Customize the text that appears with the newsletter feature using the Newsletter text rich text field.
-
Launch
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Include a heading and message
Use the provided text and rich text fields to provide a message for your visitors. This text will accompany the Newsletter feature, which gathers customer emails for marketing purposes.
Display a logo
Click Select image to locate the logo image file to feature on the password page.
-
Handy
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Display a logo
Click Select image to locate the logo image file to feature on the password page.
Gather customer emails
Enable Show newsletter signup to include this feature on the password page.
Customize the text that appears with the newsletter feature using the Heading text field and Newsletter text rich text field.
-
Vogue
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Gather customer emails
Customize the text that appears with the Newsletter feature using the Heading and Text fields.
-
Reach
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Gather customer emails
Enable the newsletter signup by selecting Show newsletter signup.
Customize the text that appears with the Newsletter feature using the Heading and Text fields.
-
Editions
Go to Customize, then select Password page from the pages dropdown. Select the Password page section under Sections in the left sidebar.
Gather customer emails
Customize the text that appears with the newsletter feature using the Newsletter text rich text field.