Before going into specific steps, you can consult this video here on how to change settings of an existing page from page editor with PageFly
In this article, you will learn about the Page Settings modal.
There are 3 ways you can open the Page Settings modal:
- In the PageFly main dashboard
- Clicking the Page Title feature of the Menu bar
- Clicking on the Cogs icon in the Page listing
In the PageFly main dashboard
You can quickly open the Page Settings modal by selecting one of two options:
- (+) icon: This option is handy when you are in any page listing.
- [ Create a new page ] button: This option is on the Dashboard only.
After clicking on one of the two options, the Page Settings modal will show up. The Page Settings modal gives you 5 sections including:
- Page Details
- Page Layout/ Storefront Password/ Blog Post Details
- Header and Footer
In the Page Details, you can enter Page Title and edit the Path URL (The Path URL is unique). Then, choose a Page Type if you want. Note that depending on which plan you are using, you will be able to use the page types corresponding to that plan.
There are 6 types of pages you can choose from:
- Regular Page (The Page URL will look like https://yourdomain.com/pages/your_path_URL): A standalone page, landing page or subpage for a marketing campaign of your store promotion.
- Home Page: A stunning brand-new introductory page for your store.
- Collection Page: An add-on to attach more content to your current Shopify collection page, or a new one to fully replace Shopify’s default collection page.
- Product Page: An add-on to attach more content to your current Shopify product page, or a new one to fully replace your Shopify default product page.
- Password Page: A beautiful look to notify, entertain, or capture contacts of visitors when your store is under construction.
- Blog Post: A custom blog entry page to promote marketing content, your products or your brand.
The Page Optimization part which configures settings for optimization of your page. This is a new setting with PageFly version 2.5.0.
You can choose to Enable the Lazyload Images feature 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 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.
Page Layout/ Storefront Password/ Blog Post Details
The Page Layout section is displayed when you choose Collection Page or Product Page.
- Existing: Add more content to the current page, above and/or below the Shopify block.
- Custom: Build a new page from scratch that fully replaces your Shopify default page.
The Storefront Password section is displayed when you choose the Password Page.
- Enable: Provide a way to let visitors access your store by entering a password.
- Disable: Only show the content of the password page.
Blog Post Details
The Blog Details section is displayed when you choose the Blog Post.
You have 2 options such as Blog List and News.
All of them give you 4 types of blog options you can choose including:
- Post Info
- Assigned Tags
- Featured Image
- Comment Form
Header and Footer
The Header and Footer section is displayed when you choose all types of pages, except the Password Page. In this section, you can choose to show or hide the header and footer of the page. To edit header and footer, visit your theme’s settings.
Click the Page Title feature of the Menu bar
After clicking the Page Title, the Page Settings modal will show up.
Note that if you open the Page Settings in this way, then in the Page Details section, it will show the current type of page you are editing. For example, the current page here is the Test update doc, which is a Regular Page. Then when the Page Settings is opened, you can see the Page Type of the Page Details section is also a Regular Page.
You can change the current type of page into a different type of page in the Page Type option by choosing the type of page you want.
Clicking on the Cog icon in the Page listing