This video will give you the fundamentals of the PageFly password page before you can build a password page with PageFly more easily.
You can check this article about detailed step by step how to create a coming soon page with PageFly
Before going into the specific steps, you can watch this video to have a general view on how to create a coming soon page by password page
In this article, you’ll learn how to create a password page and customize its design with PageFly.
Step 1: Activate password feature
First, activate the password feature by going to Shopify dashboard > Online Store > Preferences > Password protection.
Check Enable password box > Type in a password (and a message for visitors) > hit Save.
Step 2: Create a password page
There are 2 ways to create a password page:
- In the PageFly main dashboard
- In the Password Pages main dashboard
In the PageFly main dashboard
You can quickly create a password page by selecting one of two options:
- (+) icon
- [ Create a page ] button
There will be a Page Settings modal pop up. To create a new password page, choose the Password option in the Page Details section like the image below.
In the Password Pages main dashboard
Choose the Password Pages option in the PAGES menu to open the Password Pages main dashboard. In the Password Pages main dashboard, click Create a password page.
Then, a Page Settings modal will pop up. However, this way, the Password Page option is automatically chosen for you in the Page Details section. It means that you don’t have to choose the Password option as shown the first way.
The Storefront Password section is displayed when you choose the Password Page
- Enable: Provide a way to let visitors access your store by entering password
- Disable: Only show content of the password page
The Page Optimization part which configures settings for optimization of your page. This is a new setting available with PageFly version 2.5.0.
You can choose to Enable the Lazyload Images for any page you want. For the page(s) you set up Lazyload Images on, when you scroll down, the images below will be loaded gradually. It is applied for all the images such as Collection Image, Background Image, Product Image, etc.
The Lazyload Images option helps to optimize your page loading speed. It helps your pages load super fast.
When you finish setting up in the Page Settings modal, click on the Next button at the end of the modal, then Template Library is opened, where you can pick a suitable page template to start with.
The Template Library will open as per the image below.
You can start out quickly with one of our templates by navigating to the template type > choose Password > pick 1 of the 3 password templates and click on the Next button.
If you want to start from scratch, go back to All types, and choose the Blank option. You are now free to let your creativity run wild.
This is how the live password page looks with the option checked. The style of the password button is dictated by the theme that you are using, not PageFly.
If you don’t want users to be able to enter a password, then go back to the Page Settings modal by clicking on the Page Title. In the Page Layout section, choose the Disable option, then click on the Save button.
The button to view the page with a password has been removed.
Step 3: Check mobile design
To check if the page is responsive on mobile, go to menu bar > choose Mobile from Device Switcher.
Remember to hit Save & Publish when you’re done with your masterpiece!