How to Use A/B Testing in Your Landing Page

How to Use A/B Testing in Your Landing Page

The A/B Test feature helps you compare different versions of your landing page to find out which one performs best. Follow the steps below to set up and manage your A/B tests effectively.

A/B Testing Options

We provide two ways to run A/B tests:
Page A/B Test and Widget A/B Test (for external pages).


Page A/B Test

Step 1: Create a Landing Page

Before setting up an A/B test, you need to create at least one landing page. Go to the Landing Page section and design your base page.


Step 2: Access the A/B Test Setup

Navigate to A/B Test in the left-hand menu and click Create New A/B Test.

Step 3: Create a New A/B Test

The A/B Test setup has three guided steps:

1. Start Your Test

  • Enter a name for your A/B test to easily identify it later.

  • Create one or more variant pages.

  • Use the slider to assign traffic percentages to each variant (e.g., 50% Original, 50% Variant 1).


2. After completing the steps above, start designing your page.

  • Customize each page variant as needed.

  • Be sure to save your work after editing each variant before moving to the next.



Step 4: Launch the A/B Test

Back in the A/B Test list:

  • Click the Activate button to activate your test.

  • Traffic will now be split between your variants based on the percentages you defined.

  • New visitors will be randomly directed to one of the published variants.


Step 6: Track Performance

Go to Reports and compare the performance data of each page.



Widget A/B Test

This option allows you to run A/B tests using external landing pages. Below, we’ll use PageFly Page Builder as an example to demonstrate how to set up an A/B test.


Step 1: Prepare Two or More Pages for A/B Testing

Before setting up the test, you’ll need to create the landing pages you want to test on an external platform.


Step 2: Access the A/B Test Setup

Log in to PledgeBox, then navigate to:
Pre-launch Kit → A/B Tests → Form A/B Test



Step 3: Create an A/B Test Widget

  • A/B Testing Name: Enter a name to easily identify your test later.

  • Add the URLs for your test variants: Copy and paste the links to the pages you created in Step 1.

  • Distribute Traffic Across Variants: Set the percentage of traffic each page should receive.



Step 4: Copy the Generated JavaScript Embed Code

Copy the script and prepare to embed it into your A/B test pages.



Step 5: Embed the Script Into Each Variant Page

⚠️ Note: Every variant page must have the script embedded.

  1. Open the page editor.

  2. Select the HTML/Liquid element and drag it to your desired location.

  3. Open the code editor.

  4. Paste the script copied in Step 4.

  5. Repeat steps 1–4 for all variant pages.

Step 6: Launch the A/B Test

Click the Activate button to activate your test.

  • Traffic will be split between your variants according to the percentages you set.

  • New visitors will be randomly directed to one of the published variants.



Step 7: Track Performance

Go to Reports and compare the performance data of each page.



    • Related Articles

    • How to Create a Landing Page with AI Assistance

      How to Create a Landing Page Using AI Our Landing Page builder now includes an AI-powered content generation feature, allowing you to quickly create high-quality pages with minimal effort. You can generate content from a simple prompt or even ...

    • How to Use the Heatmap Feature in Landing Pages

      The Heatmap feature helps you visualize how visitors interact with your landing page. It shows where users click and spend the most time—allowing you to understand user behavior and optimize your page for better performance. Where to Find It？ In the ...

    • Getting Started with Pre-launch Kit

      Welcome to PledgeBox's Pre-launch Kit module! This tool helps you build beautiful, high-converting pages to collect leads and pre-orders with ease. What is Pre-launch Kit? Pre-launch Kit helps creators build a pre-launch page quickly, monitor traffic ...

    • Connect Pre-launch Kit to PledgeBox InBox

      This article explains how to find your PledgeBox InBox Audience and PledgeBox InBox API Key in PledgeBox for pushing contacts from PLK. Steps 1) Open Integrations and add a new integration Go to Email Marketing → Integrations → Add Integration. 2) ...