LogoLogo
Back to PageFly.ioVideo Tutorials
English 🇺🇸
English 🇺🇸
  • PageFly Help Center
  • Getting Started
    • Overview
    • Quick start
      • How to Install PageFly
      • How To Use PageFly | Get started in 5 mins
      • How to Create a New Page from PageFly Templates
      • How can I access the PageFly LiveChat?
      • How PageFly work with your Shopify theme?
    • Pricing and billing
      • PageFly pricing plan
      • How PageFly billing work?
      • What happens if I uninstall PageFly?
      • PageFly refund policy
  • Pages & Sections Creation
    • Overview
    • General
      • Setting up PageFly Pages
      • What type of pages that PageFly support?
      • How to use PageFly pages and sections?
      • How to export and import PageFly pages and sections
    • Pages
      • How to create a Homepage with PageFly?
      • How to create a Product page with PageFly
      • How to create a Collection page with PageFly
      • How to create a Blog post page with PageFly
      • How to create a Password page with PageFly
      • How to create a FAQs page with PageFly?
      • How to create a Coming soon page with PageFly
      • How to create an About us page with PageFly
      • How to create a Contact Us page with PageFly
      • How to create a Landing Page with PageFly?
      • How to create A/B testing page with PageFly
    • Sections
      • How to use premade section and saved section to build page?
      • How to create a basic section with image and text
      • How to use parallax effect in a PageFly section?
      • How to create a full-width section in PageFly
      • How to make a sticky section without code in PageFly
  • Page Structure & Elements
    • Overview
    • Editor
      • User interface
        • How to work with PageFly editor?
        • How to work with PageFly on mobile?
        • Page Editor – Element Inspector
        • Page Editor - General Tab
        • Page Editor - Styling Tab
        • How to use Page outline to organize page layout?
        • How to make impressive mobile responsive page?
        • How to use autosave and version history ?
      • Extra Functions
        • How to manage custom option swatches for product variants?
        • How to use Global Styles to customize styles to use for all PageFly pages
        • How to use trash to manage deleted pages, sections, and media files?
        • How to Add Custom Font in PageFly
        • How to manage image and video in PageFly?
    • PageFly Elements
      • Universal Elements
      • Containers
        • Layout
        • Slideshow
        • Tabs
        • Accordion
        • Content List
      • Basic
        • Heading
        • Paragraph
        • Button
        • List
        • Icon
        • Divider
        • HTML/Liquid
      • Media
        • Image
        • Youtube video
        • Vimeo video
        • HTML video
        • Soundcloud
      • Social
        • Instagram feed
        • Facebook like & share
        • Facebook feed
        • Twitter feed
      • Advanced
        • QR code
        • Table
        • Countdown
        • Google map
        • Progress
        • Mailchimp form
    • Shopify elements
      • Custom Content
        • App blocks
      • Product
        • Product Variant Metafield
        • Product list
        • Product details
        • Product media
        • Product title
        • Product vendor
        • Product price
        • Product description
        • Product variant
        • Product quantity
        • Product Add to cart
        • Product view details
        • Product Metafield
        • Dynamic checkout button
      • Collection
        • Collection title
        • Collection image
        • Collection list
        • Collection view details
        • Collection details
        • Collection description
      • Form
        • Customer form
        • Customer form field
        • Customer form button
        • Contact form
        • Contact form field
        • Contact form button
        • Search form
      • Blog posts
        • Blog post list
        • Blog post details
        • Blog post image
        • Blog post title
        • Blog post content
        • Blog post meta
    • Optimization
      • How to use custom code editor to customize your page?
      • Page Analytics
      • How to speed up your Shopify store?
      • How to set up Facebook Pixel to understand the actions people take on website?
      • How to publish PageFly page to Shopify menu navigation?
      • How to use the Zakeke Product Customizer on PageFly pages?
      • How to use Langify to translate my page?
      • How to use Weglot to translate my pages?
      • How to use T Lab to translate PageFly’s page?
      • JSON Template with PageFly
      • How to Optimize Images with TinyIMG in the PageFly editor?
      • How to use Shoplift A/B Testing with PageFly?
      • How to use SEOAnt:AI SEO & Image Optimizer with PageFly?
      • Black Friday Sale Ideas
      • Optimize Pages for CRO with PageFly Elements
      • Optimize Sale On Valentines Day
      • How to set up Christmas Sale Page with PageFly | Best Guide in 2023
      • How to create a Flash sale section - Back to School
      • Optimize Your Store for Mother's Day: Create a Gift Guide with PageFly
    • Main Use Case
      • Align Elements on a Page
      • Direct to Links, Sections, Pop-ups
      • Edit Spacing, Margin and Padding
      • Flex Feature
      • Upload Files to Page
  • Integrations
    • Third-party Elements
      • How to activate integrated third party Shopify apps to use on your pages
      • What apps does PageFly integrate with?
      • Review & Rating
      • Upsell & Cross-sell
      • Badge & Seal
      • Appointment Booking
      • Delivery & Pickup
      • Subscriptions
      • Order Tracking
      • Upload Fields
      • Email Marketing
      • Product Information
      • Push Notifications
      • Referral & Affiliate Marketing
      • Image & Media
      • Loyalty & Rewards
      • Sustainability
      • Gifts
      • Internationalization
      • Advertising
      • Support
      • SMS Marketing
  • FAQ & Troubleshooting
    • Overview
    • FAQs
      • Issues with Shopify themes when using PageFly
      • How we comply with GDPR
      • The URL address of my page
      • PageFly Page editor - FAQs
      • Elements - FAQs
    • Troubleshooting
      • Live site issue
        • Cart Drawer does not Automatically Update
        • Responsive mobile horizontal scroll issue
        • YouTube, HTML Videos do not autoplay issue
        • Page not fully displayed in theme preview mode
        • Can't create locales file
        • Can't create theme.pagefly.liquid
        • How to hide Shopify's Default Product Details
        • PageFly Page List Won't Stop Loading
        • Remove the blank space on top of the page
        • Blog page not updated successfully
        • The page's style is broken
      • Error messages
        • PageFly Page List Won't Stop Loading
        • Page Size Limit
        • Limit elements on a page
        • Unable to import your data
        • Limit image size
        • Unknown error
  • Latest Update
    • PageFly is now compatible with Online Store 2.0
    • PageFly Referral Program
    • PageFly old pricing plan
  • PageFly Affiliate Program
    • Affiliate Success: Understanding what PageFly can do for Merchants
    • Affiliate Success: Dos & Don'ts - Everything to Know about Becoming a Successful PageFly Affiliate
    • Affiliate Success: Frequently Asked Questions
Powered by GitBook
LogoLogo

Product

  • Templates
  • Pricing
  • Happy Customer

Resource

  • Blog
  • Academy
  • Video Tutorials
  • Community
  • Feedback

Partners

  • Our Partners
  • Affiliate Program

Company

  • About Us
  • Careers
  • Privacy Policy
  • Terms of Service

Copyright © 2025 PageFly. All rights reserved.

On this page
  • Overview
  • Requirements
  • What is PageFly A/B Testing?
  • How To Create A/B Tests With PageFly
  • Viewing A/B Test Analytics
  • Important Notes About Live Viewing
  • Use Cases
  • Frequently Asked Questions

Was this helpful?

Edit on GitHub
  1. Pages & Sections Creation
  2. Pages

How to create A/B testing page with PageFly

Last updated 1 day ago

Was this helpful?

Overview

This guide outlines the complete process of setting up, running, and analyzing A/B tests with PageFly to optimize your Shopify store's performance.

Requirements

  • Published Theme: Your selected Shopify theme must be published. Unpublished themes prevent PageFly pages from appearing in A/B tests correctly. Publish your theme to ensure visibility.

  • Clear Objectives: Define what you want to test and what metrics matter most (conversion rate, add to cart rate, etc.) before starting your test.

Important Note: A/B testing will be available exclusively for Pay-as-you-go pricing model ().

What is PageFly A/B Testing?

PageFly A/B Testing is a feature that lets customers create two versions of the same page, show each version to different visitors, and measure which version performs better based on selected metrics like conversion rates. It's essentially a tool for making data-driven decisions about webpage design by directly comparing alternatives with real user behavior.

The operational flow of PageFly A/B Testing works as follows:

  • PageFly duplicate your current page (Control) into a Variant version

  • You make design changes to the Variant version as desired

  • You run tests to compare performance between Control and Variant

  • You publish the winning version based on test results or your key metrics

How To Create A/B Tests With PageFly

Follow these steps to set up and run an effective A/B test:

Step 1: Create an A/B Test

There are two main ways:

Option A: From A/B tests listing

  1. Navigate to the A/B tests listing (CRO Center > Manage A/B testing)

  2. Click "Create A/B test"

  3. Select your page in the modal Note: • Password pages cannot be used for A/B testing • Pages that already have an active A/B test cannot be selected

Option B: From the A/B testing drawer in the editor

  1. Open your page in the PageFly editor

  2. Click the A/B testing button in the side menu

  3. The A/B testing drawer will open

  4. Click "Create" to create the A/B testing

Step 2: Configure Test Settings

In the test setup drawer, configure the following settings:

Test Information

Test title: Enter a descriptive name for your test

Test Visibility

  • Select "Active" - When you publish after selecting this option, it will publish both the page (Control) and the test (Variant) together

    • When Active is selected, you can also schedule the test for a future date

      • The publish button will change to "Publish and start test" or "Publish and schedule test" when Active is selected

  • Select "Inactive" - When you publish after selecting this option, it will only publish the page (Control) without the test (Variant)

    • When Inactive is selected, the publish button will simply show "Publish"

      • Only the Control version will be published in this case

  • Pause the test when a winner is found: Optional setting to automatically pause the test

    • When enabled, the test will automatically pause if one version reaches your desired win probability - When disabled, the test will continue running until you manually pause it

Traffic Allocation

Page traffic tested: Allocate the percentage of your visitors that will become part of the test

  • Use the slider to determine what portion of all page visitors will participate in the test

  • You can test with 100% of traffic or a smaller percentage if you prefer

Page versions:

  • Control: Your original page version (marked as "A")

    • Set the traffic split percentage for the Control version

  • Variant: Your modified page version (marked as "B")

    • Set the traffic split percentage for the Variant version

  • For standard A/B testing and fastest sample collection, a 50/50 split between Control and Variant is recommended

Test Values

  • Goal metric: Select the primary metric you want to measure for determining success

    • ​​Options include Add to cart rate, Product View Rate, and PageFly event's conversion rate

      • The system will track this metric to determine which version performs better

  • Desired win probability: Set the statistical confidence level required to declare a winner

    • Recommended setting is 95%, which means there's a 95% certainty that the results aren't due to random chance - Higher percentages provide more statistical confidence but require more data and time

Step 3: Design Your Variant

After configuring test settings:

  1. Switch between Control and Variant versions using the version selector in the breadcrumb

  2. Make your desired design changes to the Variant version

Step 4: Run the Test

Depending on your visibility settings, you'll see different publish options:

For Active tests:

  • Click "Publish and start test"

  • Confirm to publish both versions and begin collecting data

For Scheduled tests:

  • Click "Publish and schedule test"

  • Both versions will be published but the test will start at the scheduled time

For Inactive tests:

  • Click "Publish"

  • Only the Control version will be published

Step 5: Monitor Test Progress

Once your test is running, you can monitor its status:

Live: Test is active with both versions published

  • Both versions are published and visible to visitors based on your traffic split

  • Initially shows "Gathering data..." until enough data is collected

  • When a conclusion is reached, it will show the winning version, but the test remains Live until you take action

Paused: Test has temporarily stopped collecting data

  • The Variant version becomes unpublished when paused

  • From here, you can continue the test, reset it, or create a new test

Step 6: Analyze and Complete the Test

When your test has collected sufficient data, you'll see one of these outcomes:

Variant wins: The Variant is outperforming Control with your specified confidence level

  • Indicated by "Variant is the winner, outperforming Control by x%(±y%)"

Variant loses: The Control is performing better than the Variant

  • Indicated by "Variant underperforms compared to Control by x%(±y%)"

Inconclusive: Neither version shows significant performance difference. This can be indicated by one of three messages:

  • "Variant isn't showing significant difference in performance"

  • "Variant is underperforming compared to Control by x% (±y%)"

  • "Variant is likely outperforming Control by x% but not yet a winner.

Insufficient data: More time and visitors needed

  • Indicated by "Gathering data..." with minimum requirements shown

Step 7: Take Action Based on Results

When your test is paused, you have three main options:

Publish a version:

  • Select either Control or Variant as the final design

  • The selected version will be published, and the other will be deleted or saved as a new page

  • The test will be marked as Complete

Reset test:

  • Return the test to Draft status, keeping all settings

  • All previously collected data will be deleted

Create a new test:

  • Start a fresh test, with the Control version published by default and the Variant version will be deleted or saved as a new page

  • The current test will be marked as Complete

Viewing A/B Test Analytics

PageFly provides dedicated analytics for your A/B tests:

  1. Access A/B test analytics from PageFly Analytics

  2. View all your tests with their statuses: Live, Paused, Scheduled, or Complete

  3. Click on a specific test to see detailed results including:

  • Test conclusions and win probability

  • Test configuration information

  • Metrics statistics for both versions

  • Visual charts comparing performance

Important Notes About Live Viewing

For Store Owners:

  • You can select "Control" or "Variant" then view each version by clicking "View live" in the editor

  • When viewing this way, the URL will have a "pf_prevent_redirecting" parameter

  • Actions taken in this preview mode won't affect test results

  • Avoid using these URLs in marketing campaigns as they bypass the testing mechanism

For Your Customers:

  • On a single device or browser session, users will only see either the Control or Variant version

  • The assignment is random based on your traffic split settings

  • If cookies are cleared, the random assignment happens again

  • Data events are sent to analytics from both URLs

Use Cases

  • Product Page Optimization: Test different layouts, copy, or call-to-action buttons to increase add-to-cart rates.

  • Landing Page Conversion: Compare different hero sections, messaging, or offers to see which drives more leads or sales.

  • Navigation Improvements: Test variations of page organization to improve user flow and reduce bounce rates.

Frequently Asked Questions

1. How long should I run my A/B test?

For conclusive results, tests should run for at least 7 days with minimum 500 visitors and 10 conversions per version. However, for more reliable results, running tests for 2-4 weeks is recommended. The priority should be getting sufficient traffic - the more traffic your test receives, the more statistically significant your results will be. Focus on maximizing visitor numbers rather than strictly adhering to a fixed timeframe.

2. What is a good win probability percentage?

95% is the industry standard as it provides strong statistical confidence that your results aren't due to random chance.

3. Can I test more than two versions at once?

Currently, PageFly A/B testing supports comparing one Control against one Variant version.

The page will open in the editor with the A/B testing drawer displayed and a test already created

slot plans