When you have an active password on your storefront, your password page is the first thing your customers will see if they visit your store’s domain name.
Having this “layer” in place ensures only customers who know this password can see your storefront (the storefront being behind the password page). You can customise your password page so it is in keeping with your branding and choose a message to show to your customers.
How do I view my password page?
- Online store > Themes > Customize
- From the dropdown page selector, choose “Password page”
How do I change my password page text and colors?
You would firstly follow the above steps under “how do I view my password page”.
Then select “Content” from the left-hand settings panel:
You will then see a list of options:
Text: alters the text color on your password page. The following example uses the color red to clearly show the areas affected:
Content background: This is the area around the content itself:
This alters the broader background color on your password page:
Your store’s name entered in your settings is shown here as text unless you add a logo image.
Logo image: Add an image by choosing “select image”.
Here is how your password page will look depending on whether you choose to display a logo image:
Logo width: Change the size of your logo by using the slider. Select values between 100px - 400px.
Password page message: This refers to the main piece of text on your password page. The Shopify platform dictates that this resides in your admin area settings:
- Online store > Preferences
- Password page > Message for your visitors
- Enter your preferred message in the text box:
Show social media icons: Toggle whether your social media icons are shown or hidden.
Set up your social media icons by following our helpful guide:
Add an image by choosing “select image”.
We recommend an image size of 2000 x 800px.
Here’s an example of how your page could look:
Overlay opacity: Choose an overlay value which blends well with your chosen image.
Select between 0-95% here:
An example of 0%:
An example of 50%:
Toggle your newsletter signup box’s visibility:
Alter the newsletter form heading text:
You now know the secret to customising your password page! Get creative and dazzle your customers with your skills :-)