How to create a Password page with PageFly
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
Summary: While getting your business ready, you can use a password page as a coming soon page to let your customers know about new products, collections, or upcoming sales
This guide will show you For a visual guide, you can check this video tutorial:
Before creating a new password page, you need to activate your Shopify password. Here’s how to do it:
Navigate to Shopify Admin > Sales Channels > Online Store > Preferences.
Scroll down to the Password Protection section, enable your store’s password.
Click Save to apply the changes.
From the PageFly dashboard, go to Pages.
Click on Create from template and select Password in the dropdown menu.
Choose the template you want in the Page Template library and hit the Select button.
Once you have chosen a password page template, it’s time to customize it. Focus on adjusting the following key elements:
Change The Announcement Heading
1. Click to select the main announcement text.
2. Under the General tab, update the text in the Heading Text box.
3. Switch to the Styling tab to adjust Spacing (including Padding, Margin) and Typography (including Font family, Font size, Text alignment, Text direction) parameters.
Change The Announcement Content
1. Select the paragraph text below the heading.
2. In the General tab, modify the text in the Paragraph box.
3. For additional styling, switch to the Styling tab to change parameters such as Spacing and Typography, similar to the heading customization.
Change The Background Section
1. Click on the background section.
2. In the Styling tab, locate the Background parameter to update the background in the Background Image option.
3. Use the More Settings button to adjust Background Position and Background Size. In this example, we choose the Center position and Cover size.
Change The Countdown Timer
1. Select the Countdown Timer element.
2. In the General tab, set the desired start and end time.
3. Under More Settings, toggle Set Full Width to expand the countdown timer across the full width of the page.
You can update the page name in the Page Title and Page Type field.
Click Save to apply the changes.
Press Publish to make your page live and check it by selecting View Page in live view.
From the PageFly dashboard, go to Pages.
Click on Create from template and select Password in the dropdown menu.
Choose the template you want in the Page Template library and hit the Select button.
Once you have chosen a password page template, it’s time to customize it. Focus on adjusting the following key elements:
Change The Announcement Heading
1. Click to select the main announcement text.
2. Under the General tab, update the text in the Heading Text box.
3. Switch to the Styling tab to adjust Spacing (including Padding, Margin) and Typography (including Font family, Font size, Text alignment, Text direction) parameters.
Change The Announcement Content
1. Select the paragraph text below the heading.
2. In the General tab, modify the text in the Paragraph box.
3. For additional styling, switch to the Styling tab to change parameters such as Spacing and Typography, similar to the heading customization.
Change The Background Section
1. Click on the background section.
2. In the Styling tab, locate the Background parameter to update the background in the Background Image option.
3. Use the More Settings button to adjust Background Position and Background Size. In this example, we choose the Center position and Cover size.
Change The Countdown Timer
1. Select the Countdown Timer element.
2. In the General tab, set the desired start and end time.
3. Under More Settings, toggle Set Full Width to expand the countdown timer across the full width of the page.
You can update the page name in the Page Title field.
Ensure the Storefront Password option is set to "Allow visitors to view page content by entering password."
Click Save to apply the changes.
Press Publish to make your page live and check it by selecting View Page in live view.
Pre-Launch Promotions: Ideal for businesses preparing to launch a new website, product, or service. Use a password page to build anticipation and gather emails from interested customers.
Exclusive Access: Offer exclusive content or early access to a select group of customers, such as members, VIPs, or newsletter subscribers, by protecting specific pages with a password.
Event Preparation: Use during the setup phase of online events, such as webinars or sales, to keep the event exclusive until it officially starts.
Design for Impact: Use a simple, contrasting background that complements your brand. Arrange elements like the call-to-action (CTA) button clearly and accessibly.
Optimize for Mobile: Ensure your password page is responsive. Check its appearance and functionality on various devices, particularly mobile, to confirm all elements display correctly.
Engage with Pre-Sales: Implement a pre-sale strategy on your password page to build a community and gather early customer feedback, enhancing credibility and customer satisfaction.
Incentivize Return Visits: Offer exclusive discounts or special deals to pre-sale customers to encourage them to revisit your store at launch.
1. Why Can't I Publish My Password Page In The PageFly App?
Make sure you've activated the storefront password in your Shopify settings and that all changes in PageFly have been saved correctly. If problems persist, double-check for error messages or contact PageFly support for further assistance.
2. Why Is A Password Page Important?
A password page helps grab attention, lets you collect email addresses, and allows you to get feedback before you start launching your business.
3. Can I Hide Footers And Headers On Password Page?
Important Note: Gen 2 Layout will be available exclusively for Pay-as-you-go pricing model ().
Click the setting icon on the top right of the screen to open .
Click the three dots icon on the top right of the screen to open .
Unfortunately no. You could hide footers and headers on any other pages, but not the Password Page. Check out this guide:
