Help Center

Menu

Connect an A/B test to your page

When you are in page builder you can connect an A/B test to content blocks on your page.

A test can only run on a single content page.

Tests and Content pages have one-to-one relationships with each other.

Add A/B testing to a content block

  1. Ensure that your content page is in edit mode.

  2. Locate the page builder content block on which you want to perform A/B testing.

  3. Click the A/B testing button in the Actions toolbar.

    actions toolbar

  4. A dialog will open with options for connecting an A/B test to the content block.

    The options in the dialog will vary depending on whether you have connected an A/B test to any other content block within the same content page asset.

    If you have not connected any tests, the dialog window provides options to choose an available A/B test or create a new one.

    To choose an available test

    1. Locate the Choose available A/B test heading.

    2. Choose an available A/B test from the select list.

      The select list will only show available A/B tests, as each test can only be used with a single content page asset.
    To create a new A/B test

    1. Click the Create new A/B test in Optimization link to set up a new A/B test.

      The A/B test builder will open in a new browser tab, allowing you to create your A/B test.

    2. Enter a name for the new test and save it by clicking Create at the bottom of the page.

    3. Switch back to your page builder tab and select your new test from the Choose available A/B test list (no refresh is required).

      connect test from page builder

  5. Click the Apply A/B test button.

  6. The current state of your content block is automatically set as Variant A. You can continue to edit the contents of this block to finish defining your A variant.

  7. To set the B variant, select Variant B from the drop-down displayed in the Actions toolbar (currently showing Variant A).

  8. Select the Include in A/B Test option from the content block capusle. The content block will present additional A/B testing options, such as Duplicate current content and Hide

    select variant b

  9. After switching to Variant B, the block will show a blue border.

    setup variant b

  10. Click the Save button to save your content page, then click the URLs tab.

  11. Copy the page URL which is needed to finish connecting the A/B test.

  12. In the Page Outline column, click the tune icon on a Variant B (blue bordered) block (as shown in the previous screenshot). This button grants access to the block-level settings:

    • A summary of the content in both variants.

    • A button to disconnect the test from the selected content block.

    • A link to the page-level A/B test settings.

      block settings
      Figure 1. Block-level settings

  13. Click the Configure in Optimization on the page-level settings to finish connecting your A/B test.

    page settings
    Figure 2. Page-level settings

  14. Scroll down to the Test page section and paste the URL obtained in a previous step into the Website domain field.

  15. Click Save to save your A/B test. The message at the top of the page and the Content page asset status should now be updated to show that the A/B test is connected.

    You do not need to edit your URL, when you save the test - the domain will be extracted from the URL as pasted.

Now that the A/B test is connected finish configuring the A/B test.

You will need to supply the test with the URL that indicates a successful test (if you are using the page view metric), or you will need to update your page code to include the Javascript snippet to track the clicks if you use the clicks metric.

Read the documentation on how to configure an A/B test for more information.