How to Use PageFly 2.10.0 Instagram and Product Element: Step by Step Guide
By Braincuber Team
Published on May 23, 2026
PageFly 2.10.0 introduces powerful new features that help Shopify merchants create more engaging and profitable product pages. This release adds an updated Instagram element that connects your feed in one click, a completely redesigned product image element with hover effects and badges, and new pricing plans to better serve businesses of all sizes. This complete tutorial walks you through every new feature step by step, so you can take full advantage of the latest PageFly capabilities.
What You Will Learn:
- How to connect and display an Instagram feed on your Shopify page
- How to configure product image hover actions and full-screen viewing
- How to style image list sub-elements individually
- How to add and customize product badges for urgency and promotions
- Understanding the new PageFly 2.10.0 pricing plans
Instagram Element Update
Instagram recently updated its API system. To ensure a smooth user experience, PageFly updated the Instagram element accordingly. With this new version, bringing your Instagram feed to your page is a one-click process.
Access Token Expiration
It is recommended to regularly update your Page Editor, as the Instagram Access Token will expire if the page editor stays dormant for more than 60 days.
Step-by-Step: Connecting Instagram
Drag and Drop the Instagram Element
Open PageFly and drag the Instagram element into your page editor. You will see a notification: "To activate Instagram Element, please fill out the Access Token parameter!"
Initiate Connection
In the General tab, go to the CONTENT parameter section and choose Connect To Instagram to begin the authorization process.
Authorize PageFly
On the Instagram Authorization page, click the Authorize button to grant PageFly access to your profile information and media. Once connected, your Instagram feed will start displaying immediately.
Fine-Tuning Instagram Feed Appearance
The Instagram element offers plenty of parameters to fine-tune the content appearance for optimal conversion. Select the element in the layout to see available options in the General tab.
Product Images Element: What's New
Product images are one of the most important conversion drivers in ecommerce. PageFly 2.10.0 introduces a completely redesigned product image element to help merchants present their products more effectively.
1. Image Hover Action
You can now add a hover effect over your product image. When visitors hover, they see another image, which increases engagement and time on page.
Navigate to General Tab
Select the Product Image element and go to the General tab in the left panel.
Select Hover Action
Find the Hover Action setting and choose a Hover Image Option from the dropdown.
Preview and Publish
Preview the hover effect in the editor and on your live page to ensure it behaves as expected.
Hover Image Options
| Option | Behavior |
|---|---|
| None | No image hover effect is applied. |
| Enable Image Magnifier | Each image is magnified when hovered, useful for detailed product views. |
| Last Image | Displays the last image in the product gallery on hover. |
| Next Image | Shows the image immediately following the featured image in the gallery. |
| All Image | Cycles through all product images when hovered. |
2. Show Image Full-Screen
Full-screen image viewing helps visitors appreciate every detail of your product photos. To enable it, go to the General Tab and select an Image Click Action. This allows visitors to click on any product image and view it in a full-screen lightbox.
3. Image List Sub-element
Users can now select each image item in the Image List while the Product Image element is selected. This allows you to apply custom styling to individual image list items separately from the featured image, giving you more granular control over the presentation.
4. Product Image Badge
One of the most requested features, the Product Badge Element, is now available. Badges are a powerful way to highlight discounts, promotions, and stock levels to create urgency and tap into FOMO.
Customizable Badge Content
Display discount information or stock status messages to drive immediate action.
Flexible Positioning
Place the badge at any position you prefer: left, right, top, or bottom of the product image.
Conditional Display
Apply conditions and bind the badge to the selected product variant for dynamic updates.
Urgency and FOMO
Use badges to highlight "Limited Stock" or "50% Off" to create urgency and drive conversions.
PageFly 2.10.0 Pricing Update
PageFly continuously introduces new features and updates. To sustain this innovation, pricing plans were adjusted in version 2.10.0. Here is a breakdown of the new plans.
New Pricing Plans
| Plan | Monthly Price | Discounted Price |
|---|---|---|
| Free | $0 | $0 |
| Silver | $19 | $15.20 |
| Gold | $39 | $31.20 |
| Platinum | $99 | $79.20 |
The 20% discount was automatically applied when upgrading or selecting a paid plan, so no coupon code was required. In April, a 50% discount campaign was offered to support merchants during the COVID-19 pandemic. In May, this was replaced by the 20% discount campaign reflected above.
Pricing Timeline
Starting August 1st, all PageFly plans returned to their original prices. The May 2.10.0 update marked the transition from the 50% discount to the 20% discount campaign.
Summary: New Features at a Glance
Here is a quick recap of everything introduced in PageFly 2.10.0.
| Feature | What It Does |
|---|---|
| Instagram Element Update | One-click Instagram feed integration with updated API access |
| Image Hover Action | Magnify, show next, last, or all gallery images on hover |
| Full-Screen Image | Click to open product images in a lightbox for detailed viewing |
| Image List Sub-element | Style each thumbnail independently from the main image |
| Product Image Badge | Add discount, promotion, or stock badges with conditional display |
Frequently Asked Questions
Why does my Instagram Access Token expire?
Instagram Access Tokens expire if the PageFly page editor stays dormant for more than 60 days. Regularly updating your editor keeps the connection active and your feed visible.
How do I add a product image hover effect in PageFly?
Select the Product Image element, go to the General tab, choose Hover Action, and pick from None, Enable Image Magnifier, Last Image, Next Image, or All Image.
Can I customize where product badges appear on my images?
Yes. The Product Badge Element lets you place badges on the left, right, top, or bottom of the product image. You can also set conditions for when the badge displays.
What is the current PageFly pricing after the 2.10.0 update?
PageFly offers a Free plan at $0, Silver at $19, Gold at $39, and Platinum at $99 per month. A 20% discount was applied automatically at checkout during the campaign period.
How do I enable full-screen product images in PageFly?
Select the Product Image element, go to the General tab, choose an Image Click Action, and select the full-screen or lightbox option. Visitors can then click any product image to view it enlarged.
Need Help with PageFly?
Our experts can help you set up Instagram feeds, configure product image hover effects, design product badges, and optimize your Shopify pages for conversions.