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.

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 that you wish to perform A/B testing on.

    connect test from page builder 01
  3. Click the …​ button located on the content block title bar to open up the options menu and select the Connect A/B test item.

    connect test from page builder 02
  4. A popup will open with options for connecting an A/B test to the content block. The options presented on the dialog will vary depending on whether you have already connected an A/B test to any other content block within the same content page asset.

  5. If you haven’t connected any tests then the popup window provides options to choose an available A/B test, or to create a new test.

    Locate the Choose available A/B test heading and choose an available test from the select list , or 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. All you need to do to create your test is to enter a name for the test and then save it. Once you have created your test switch back to your page builder tab, where you can now select your test from the Choose available A/B test select list, then click the Connect A/B test button.

    connect test from page builder 03
    the select list will only display available A/B tests as each test can only be used with a single content page asset.
  6. After you have connected an A/B test the content block border will change to present additional A/B testing options. This provides you with options to set the A and B testing variants, and to manage the linked A/B test settings.

  7. Variant A is automatically set to the current state of your content block. You can continue to edit the contents of this block to finish defining your A variant. To set the B variant, select Variant B (empty) from the dropdown displayed on the content block title bar, which is currently showing Variant A. This is used to switch between the two variants.

    setup variant 01
  8. After switching to Variant B you are presented with an empty content block that you can configure with text or components.

    setup variant 02
  9. Click the Save button to save your content page then click the URLs tab. Copy the page URL - you’ll need this to finish connecting the A/B test.

  10. Return to the Content tab, then click on the settings button on the content block that has the A/B test to access the settings for the A/B test, to disconnect the test from the selected content block and to manage the test within DXP Optimization. The test can be manually started/paused/stopped from the manage screen in DXP Optimization (or will run based off your configured schedule).

    test settings
  11. Click on the Configure in Optimization to finish connecting your A/B test.

  12. Scroll down to the Test page section and paste your URL into the Website domain field, then click the Save button to save your A/B test. The message at the top of the page, and teh Content page asset status should now be updated to show that the A/B test is connected.

    You don’t need to edit your URL, when you save the test the domain will be extracted from the URL that you pasted.

Now that the A/B test is connected, you should finish configuring the A/B test. You’ll need to supply the test with the URL that indicates a successful test (if you are using the page view metric), or you’ll need to update your page code to include the Javascript snippet to track the clicks if you are using the clicks metric. See: Configure an A/B test