> For the complete documentation index, see [llms.txt](https://docs.humblytics.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.humblytics.com/split-testing-overview/creating-a-b-page-variants-for-split-testing.md).

# Creating A/B Page Variants for Split Testing

Build the second page for a page-level test in Webflow, Framer, WordPress, Shopify, or Wix.

**Page-Level Testing** compares two live URLs, so you need a second page before you launch. If you only want to change a headline, button, or image, you don't need a second page: use **No-Code Element Testing** instead. See [How to Set Up a Split Test](/split-testing-overview/how-to-setup-a-split-test.md).

## The basics

1. **Duplicate** the page you want to test.
2. **Change one thing**: the headline, the offer, the layout. If you change five things and it wins, you won't know which one mattered.
3. **Give it a clear URL**, such as `/pricing-b`.
4. **Publish it** and open it on your live domain.
5. **Copy both URLs** from the address bar into the experiment.

You don't need to add any tracking. The Humblytics script is already in your site's `<head>`, so it runs on the new page too.

{% hint style="info" %}
**Keep the variant out of search results.** Turn on your builder's "hide from search engines" or `noindex` setting for the variant page, so Google keeps showing the original.
{% endhint %}

## Webflow

1. In the **Pages** panel, hover over the page, click the gear icon, and choose **Duplicate**.
2. Open the copy's **Page settings** and change the **Slug**, for example `pricing-b`.
3. Make your change in the Designer.
4. **Publish** to your live domain.

<mark style="background-color:pink;">ADD GIF HERE</mark>

## Framer

1. In the **Pages** panel, right-click the page and choose **Duplicate**.
2. Open the copy's page settings and set its **Path**, for example `/pricing-b`.
3. Make your change.
4. **Publish**.

## WordPress

1. Install a duplicate plugin such as **Yoast Duplicate Post**, then go to **Pages → All Pages**, hover over the page, and click **Clone**.
2. Open the copy in your editor (Block Editor, Elementor, Divi) and make your change.
3. Set the **Permalink** slug, for example `pricing-b`.
4. **Publish** the page, then clear your cache.

## Shopify

1. Go to **Online Store → Pages** and create a new page with the same content, or assign it a copy of your page template.
2. Make your change and set the URL handle, for example `pricing-b`.
3. Set visibility to **Visible** and save.

{% hint style="warning" %}
**Testing a product page?** Use **No-Code Element Testing** instead. Duplicating a product creates a separate product with its own inventory and reviews.
{% endhint %}

## Wix

1. In the editor, open **Pages & Menu**, click **⋯** next to the page, and choose **Duplicate**.
2. Open the copy's **SEO basics** and change the **URL slug**.
3. Make your change.
4. **Publish**.

## Before you launch

* Open both URLs in a private window on your live domain. Both should load.
* Make sure links on the variant don't send people back to the original page, for example a "Get started" anchor pointing at the control URL. That skews your traffic split.
* Pick your goal next: [Conversion Goals](/split-testing-overview/creating-a-b-page-variants-for-split-testing/conversion-goals.md) or [Engagement Goals](/split-testing-overview/creating-a-b-page-variants-for-split-testing/engagement-goals.md).