How to Use PageFly 2.6.0 UI Improvements: Complete Guide
By Braincuber Team
Published on May 13, 2026
PageFly 2.6.0 brings drastic improvements to elements with better UI copy, smarter notifications, and powerful new features for building high-converting Shopify pages. This complete step by step guide covers every change in this update: the informative new user interface with error notifications, the overhauled Accordion element with larger padding, the powerful new Countdown Timer with redirect and trigger options, the Paragraph Dropcap customization, the Image LightBox feature, and the improved Custom HTML/Liquid element with auto-formatting.
What You'll Learn:
- How the new user interface copy provides clear error notifications
- How to use the improved Accordion with separate heading and content sections
- How to configure the overhauled Countdown Timer with triggers and redirect URL
- How to customize Dropcap in the Paragraph element
- How to enable LightBox click action on the Image element
- How to use the enhanced Custom HTML/Liquid with auto-formatting
New User Interface Improvements
The first thing you will notice in PageFly 2.6.0 is the improvement in user interface copy. Every time you make a wrong action when using elements, you are now notified with clear text in the page editor. This helps you adjust your action without confusion.
Error Notification = A section cannot be nested within a section
Export/Import = New UI copy announces image source changes before import
GA Configuration = Clearer labels and descriptions for Google Analytics setup
For example, if you try to nest a section inside another section, you will now see a caution text: A section cannot be nested within a section. Previously this error might have caused confusion. Similarly, the Export/Import function previously caused chaos because users were not aware of image source issues. Now the new UI copy announces these changes so users can secure all images and import pages perfectly.
Google Analytics UI Comparison
The Google Analytics configuration interface was improved with smarter copy. In version 2.5.0, the labels were minimal and unclear. In 2.6.0, users get descriptive labels that explain what each field does, making configuration smoother and quicker, especially for new users.
Impact on Workflow
With clearer UI copy, users can configure features smoothly and more quickly. This is especially valuable for new users who may not be familiar with e-commerce page builder terminology. The reduction in confusion means faster page building and fewer support requests.
Step 1: Use the Upgraded Accordion Element
The Accordion element received a significant overhaul in PageFly 2.6.0. The new structure contains separate Accordion Heading and Accordion Content sections, with larger padding for easier access.
Accordion Improvements
You can now beautify the heading and content of accordion using the General and Styling boards as a normal element. Other elements can be added into Accordion Content since it functions as a full section. The click action of an accordion now jumps to its heading instead of staying in the same position.
Step 2: Configure the Overhauled Countdown Timer
The Countdown Timer is the most overhauled element in PageFly 2.6.0. Although it now has only 1 variant instead of multiple, the configuration in the General board is much more powerful:
Countdown Trigger Options
Set the Countdown Start with 3 options: At specific time, On the first visit, or On every visit. The On every visit option triggers the countdown every time a visitor lands on your page, creating recurring urgency. For Countdown End, choose At specific time or After a specific period.
Redirect URL After Countdown
After the countdown ends, choose to let visitors stay on the same page or redirect them to another URL by inserting a link into the Redirect URL box. This is perfect for flash sales where you want to send users to a special offer page when time runs out.
Hide If Inactive
Hiding the countdown after an inactive period is also available. This lets you show the timer only to active, engaged visitors rather than cluttering the page for users who have stopped interacting.
Step 3: Use the Paragraph Element with Dropcap
The Paragraph element has been streamlined from 4 variants down to 2. The key new feature is that the Dropcap inside a paragraph can now be turned on and edited as an individual element. This gives you deeper customization control to make your dropcaps more attractive.
With this new setting, you can customize the dropcap font, size, color, and styling independently from the rest of the paragraph text. This allows you to create visually striking opening paragraphs that draw readers into your content.
Step 4: Enable LightBox on the Image Element
A new LightBox click action is now available for the Image element. This allows users to click on an image and see a full-size version in a pop-up overlay. This is especially useful for product photography, portfolio images, and detailed infographics.
1. Select the Image element in PageFly editor
2. Go to General tab > Click Action
3. Select "LightBox" from the dropdown
4. Save and Publish
5. Visitors can now click the image to view full-size
Step 5: Use the Enhanced Custom HTML/Liquid Element
The Custom HTML/Liquid element has been significantly improved. You can now add both HTML and Liquid code into the editor. Custom Liquid becomes handy especially when you want to integrate other applications into PageFly. The process is quicker and more precise with auto-format snippet code, resulting in a lower rate of error code.
Why Auto-Format Matters
Auto-formatting snippet code automatically indents and structures your HTML and Liquid code. This reduces syntax errors, makes debugging easier, and speeds up the development process. It is especially useful when embedding third-party app code into your PageFly pages.
| Element | Version 2.5.0 | Version 2.6.0 |
|---|---|---|
| UI Copy | Minimal, unclear labels | Descriptive error notifications, clearer labels |
| Accordion | Simple, limited styling options | Separate heading/content, full section nesting, jump-to-heading |
| Countdown Timer | Multiple variants, basic options | 1 powerful variant, triggers, redirect, hide if inactive |
| Paragraph | 4 variants, basic dropcap | 2 variants, customizable dropcap as individual element |
| Image | No LightBox option | LightBox click action for full-size image pop-up |
| Custom HTML/Liquid | HTML only, no auto-format | HTML + Liquid, auto-format snippet code |
Frequently Asked Questions
How do I update to PageFly 2.6.0?
PageFly updates are automatic for Shopify users. Open the PageFly app from your Shopify admin and the new version should be available. If you do not see the new features, try refreshing or reinstalling the app from the Shopify App Store.
What is the LightBox feature for images?
LightBox is a click action option for the Image element that opens a full-size version of the image in an overlay pop-up when clicked. It is ideal for product photos, portfolio images, and detailed graphics where users need to see more detail.
Can I use Liquid code in PageFly 2.6.0?
Yes, the Custom HTML/Liquid element now supports both HTML and Liquid code. This is useful for integrating Shopify apps and dynamic content into your PageFly pages. The auto-format feature helps prevent syntax errors.
How does the Countdown Timer redirect work?
After the countdown ends, you can insert a URL in the Redirect URL box to send visitors to another page. This is perfect for flash sales, limited-time offers, or expiring promotions where you want to direct traffic to specific landing pages when time runs out.
What is the Accordion click behavior change?
In version 2.6.0, clicking an accordion heading now jumps the scroll position to the heading instead of staying in place. This improves UX by ensuring users can see the expanded content without manually scrolling, especially when accordions contain substantial content.
Need Help with Your Shopify Store?
Our Shopify experts can help you design high-converting pages using PageFly and other page builders. From custom layouts to performance optimization, we guide you through every step.