How to Use PageFly Page Types for Shopify: Collection, Blog, Password & Regular Pages - Step by Step Guide
By Braincuber Team
Published on April 1, 2026
PageFly is an advanced Shopify page builder that supports multiple page types to help you customize every aspect of your store. Whether you need to build Collection pages, Blog articles, Coming Soon (Password) pages, or Regular landing pages, PageFly provides the tools to create professional, conversion-optimized layouts. This beginner guide walks you through each page type with step by step instructions and real examples.
What You'll Learn:
- Understanding PageFly's four main page types: Regular, Collection, Blog, and Password
- How to build and customize Collection pages with sub-collections
- Creating Blog article layouts with product integration and lead capture
- Building professional Coming Soon pages for store launches
- Using Import/Export to transfer pages between stores
- Leveraging History Version for page recovery and backup
Overview: PageFly Page Types
PageFly supports four distinct page types, each designed for specific use cases in your Shopify store. Understanding when and how to use each type is the first step to building a professional online presence.
| Page Type | Best For | Key Features | Plan Required |
|---|---|---|---|
| Regular Page | Landing pages, About, Contact, Custom pages | Full customization, SEO settings | Free |
| Collection Page | Custom collection layouts, sub-collections | Below existing layout, 35+ elements | Premium |
| Blog Article | Custom blog layouts, lead capture, product lists | Featured banner, author, categories, tags | Premium |
| Password (Coming Soon) | Store launches, maintenance mode, email collection | One-click setup, email signup forms | Premium |
Step 1: Regular Page - Building Landing Pages
Regular pages are the foundation of PageFly. Available on all plans including Free, regular pages let you build any custom layout for your Shopify store including landing pages, About pages, Contact pages, and more.
Access the PageFly Editor
Navigate to your Shopify admin, open PageFly, and click "Create Page" to start building.
Choose a Template or Start Blank
Select from 120+ conversion-tested templates or start with a blank canvas. Templates are organized by industry and use case.
Configure SEO Settings
Set the SEO Title, Meta Description, and URL handle in the Page Settings panel. These settings help your page rank in search engines.
Publish and Assign
Once your page is ready, publish it and assign it to your store navigation or use it as a standalone URL.
Pro Tip
Regular pages are available on the Free plan. You can use the Custom CSS field (now located in the Styling tab) to add custom styles even on the Free plan.
Step 2: Collection Page - Custom Collection Layouts
Collection page support allows you to build custom content that appears directly below your existing Shopify collection page layout. This Premium feature is perfect for adding additional information, videos, image galleries, or sub-collection navigation to boost SEO and improve the shopping experience.
Sub-Collection Navigation
Introduce sub-collections on the main collection page with images, paragraphs, and Call To Action buttons. Help customers find products faster.
Media Enhancement
Add videos, image galleries, and rich text content to make collection pages more informative and engaging for shoppers.
SEO Boost
Add additional keyword-rich content to collection pages to improve search engine rankings and organic traffic.
35+ Elements
Use PageFly's 35+ built-in elements to build uniquely designed collection pages that match your brand.
How to Build a Collection Page
Select Collection Page Type
In the PageFly editor, create a new page and select "Collection" as the page type from the dropdown.
Design Your Layout
Build sections with collection images, text descriptions, and CTA buttons. Use the drag-and-drop editor to arrange elements.
Assign to Collection
Select the Shopify collection you want to apply this layout to. The content will appear below your existing collection page.
Publish
Publish your collection page and verify it appears correctly below your existing collection content.
Step 3: Blog Article Page - Custom Blog Layouts
PageFly's Blog article page type lets you build custom layouts for your blog posts. This Premium feature opens up endless possibilities for integrating products, lead capture forms, and rich media into your blog content.
Key Blog Article Features
Featured Banner
Add a featured image banner to your blog posts. Configure the banner in the blog article settings panel.
Author & Category
Set the author, blog category, excerpt, and tags directly in the PageFly editor dashboard.
Product Integration
Add Shopify product collection lists directly into blog articles to showcase related products.
Lead Capture
Integrate Mailchimp or other email marketing elements to collect leads and subscribers from blog content.
SEO Title: Set a descriptive title for search engines (50-60 chars)
Meta Description: Write a compelling description (150-160 chars)
URL Handle: Customize the blog post URL slug
Featured Banner: Upload or select a featured image
Author: Set the blog post author name
Blog Category: Assign to a blog category
Excerpt: Write a short summary for listings
Tags: Add relevant tags for organization
Step 4: Password (Coming Soon) Page
If you're launching a new Shopify store or temporarily closing public access during a rebuild, the Password page (also called Coming Soon page) is essential. The default Shopify password page is limited in customization. PageFly's Password page support lets you build a professional Coming Soon page with the full power of the drag-and-drop editor.
Create Password Page
In PageFly, create a new page and select "Password" or "Coming Soon" as the page type. Setup is as easy as one click.
Design Your Coming Soon Page
Use mobile-friendly section layouts with your brand imagery, launch date, and email signup form. All elements are drag-and-drop.
Add Email Collection
Include email signup forms to collect subscriber emails while your store is under construction. Build your audience before launch.
Publish and Go Live
Publish your Coming Soon page. It will replace the default Shopify password page when visitors access your store URL.
Example Use Case
A sock store opening soon can build a Coming Soon page with store branding, launch date countdown, product previews, and email signup - all without touching the default Shopify password page limitations.
Step 5: Import/Export Pages Between Stores
The Import/Export feature (available on Premium plan) gives you full control of your page data. This is one of the most powerful features for merchants running multiple Shopify stores or those who want to backup their page designs.
Export Pages
Export any PageFly page as a JSON file with one click from the PageFly editor. Save your designs locally for backup or transfer.
Import Pages
Import a JSON file into any PageFly-enabled Shopify store. Transfer designs between stores without rebuilding from scratch.
Use Cases for Import/Export
| Use Case | Benefit |
|---|---|
| Multi-Store Management | Export pages from one store, import to another - perfect for international or multi-brand stores |
| Design Backup | Create backup copies of important pages before making major changes |
| Template Sharing | Share page designs with team members or clients |
| Agency Workflows | Agencies can create templates once and deploy across multiple client stores |
Step 6: History Version - Page Recovery
The History Version feature (available on all plans including Free) lets you access and restore previous versions of your PageFly pages. This safety net ensures you never lose your work, even if your browser crashes or you accidentally delete content.
Auto-Save Drafts
When you step away from the editor (no activity detected), PageFly automatically saves your work as a draft.
Access Version History
View a list of all saved versions of your page with timestamps. Select any version to preview or restore.
Restore Previous Version
Click restore to revert to any previous version. Your current work is replaced with the selected historical version.
Additional UI Improvements
PageFly 1.2.0 also introduced several UI improvements that make the editor more intuitive and easier to use.
Sections Outlines
Section outlines help you understand your page layout at a glance. Each section is clearly outlined in the editor, making it easy to see where elements are located and how your page is structured for mobile responsiveness.
Click the three-dot icon next to any section outline to access the functional menu: Lock, Remove, Duplicate, or Hide on specific devices.
Element Search Bar
With 35+ built-in elements, finding the right one quickly is essential. The improved search bar in the Elements sidebar lets you find any element by keyword. Search for "YouTube" to find the video element, or "Facebook" to find social network integrations.
Custom CSS Location Change
The Display and Custom CSS fields have been moved from the Advanced tab to the Styling tab for better organization. Even on the Free plan, you can apply Custom CSS attributes to make pages fit your design requirements.
Frequently Asked Questions
What page types does PageFly support?
PageFly supports four page types: Regular pages (landing pages, About, Contact), Collection pages (custom collection layouts), Blog article pages (custom blog designs), and Password/Coming Soon pages (store launch pages).
Which PageFly plan do I need for Collection page support?
Collection page support requires the Premium plan. The Free plan supports Regular pages with all features, while Premium adds Collection, Blog article, and Password page support plus Import/Export functionality.
Can I export PageFly pages between stores?
Yes, the Import/Export feature (Premium plan) lets you export any PageFly page as a JSON file and import it into another Shopify store. This is ideal for multi-store management and design backup.
Does PageFly have a page recovery feature?
Yes, the History Version feature (available on all plans including Free) automatically saves page drafts and lets you restore any previous version. This protects against browser crashes and accidental deletions.
Can I use Custom CSS on the PageFly Free plan?
Yes, Custom CSS is available on all PageFly plans including Free. The Custom CSS field is located in the Styling tab of the PageFly editor inspector panel.
Need Help Building Your Shopify Pages?
Our experts can help you set up PageFly page types, design custom layouts, and optimize your store for conversions. Get personalized guidance for your Shopify store.