Help Center

Menu

Create variations for the content block

A test can only run on a single content page.

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

Multiple blocks can be connected to the same test on a content page.

This content editing approach can be useful when testing content variants in several blocks on one page as part of an overall testing strategy.

However, for this step in this tutorial, variations will only be added to the content block set up in the initial tutorial steps.

Before you start

Read about configuring tests in Squiz Optimization at Configure an A/B test.

Steps

On the Conferences Content page, the A/B testing icon in the Actions toolbar shows the active Variant, A: Old Conf CTA.

The same Content page displays the RB - Call to action (CTA) component, previously added to the Conferences Content page. And that component is selectable and editable.

All of which shows Variant A, Old Conf CTA, uses this component.

To create a content variant for a block subject to an A/B test:

Add a Call to Action component to the Variant B version of the page

  1. Select menu:[B: New Conf CTA] from the A/B testing menu in the Actions toolbar.

    1. The Contents page Preview column updates and notes there is No content to display.

  2. In the Page outline column, click Add component.

    1. As per the text in the Page outline column UI, anything added to the Content page in this state will only be added for "Variant B".

  3. The Add component dialog presents.

  4. Find the RB - Call to action component.

    1. Enter Call to action in the search field atop the Add component to filter out other presented components.

  5. Click the RB - Call to action component.

  6. Click the Select button.

  7. The RB - Call to action (CTA) component is added to the Page outline column as a Variant B-only component.

Add necessary content and settings to the Variant B Call to action component.

  1. Click the *RB - Call to action (CTA) ❯❯ button.

  2. The Edit panel for the RB - Call to action (CTA) presents.

  3. Click ⊕ Choose image and select an Image from your Content Management system to act as a visual point of difference for this variant.

  4. Add You won’t believe what you’ll learn if you attend our latest industry-first conferences. to the Content field.

  5. Click the ⊕ Add

  6. Set the presented Call-to-action buttons fields as follows:

    • Link type: Matrix asset.

    • Matrix asset: The standard page you identified or created in the Tutorial prerequisites.

    • Open link: In a new window/tab.

  7. Click Save and continue to the next tutorial step.