---
title: 8. Creating an A/B test
slug: lf-csc-hol-q32026/8-creating-an-ab-test
docTags: 
createdAt: 2026-05-19T07:55:06.114Z
---

*In this section, your facilitator will walk through creating an A/B test on the NBO Mortgage page using the Experimentation extension in Universal Editor, testing whether a personalized hero image and layout actually outperforms a generic one.*

:::hint{type="info"}
**Business Context**

Personalization is only worth the investment if it measurably performs better than the generic alternative. Before rolling a personalized experience out broadly, LF needs to test it — with a controlled variant, clear metrics, and enough visibility to know which version actually wins.

:::

## Objective

Configure an A/B test comparing the personalized county hero (image + layout) against a generic, non-personalized version, proving that experimentation can be layered directly onto an existing page without rebuilding it, with a clear, measurable difference between variants.

## What This Proves

- A/B variants can be created using no-code visual editing
- Experiment targeting and triggering can be configured
- Metrics can be defined against a real business outcome
- Traffic allocation and scheduling can be configured
- It's clear which page elements differ between variant A and variant B

## The Experiment

**Hypothesis:** Does the personalized county hero (image + layout) outperform a generic, non-personalized version on conversion?

- **Variant A (control):** The page as built, county-personalized hero image, current full-bleed layout
- **Variant B (challenger):** Generic, non-personalized hero image, with a more compact image-left/text-right layout
- **Metric:** Conversion
- **Traffic split:** 50/50

## Create the experiment

1. Open the local NBO Mortgage page in **Universal Editor**.
2. From the extensions panel, launch the **Experimentation** extension.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/IAL8mFHYhcsuvin1Yyuci_screenshot-2026-08-28-at-171013.png)

3. Select **Create New Experiment**, and name it: `{{LASTNAME}}-nbo-mortgage-hero-personalization-test`.
4. Set **Optimizing for** to **Conversion**.
5. Enable the **Requires user consent** toggle.
6. Select **Even split** on the variants.

## Configure the challenger variant

1. Click **Challenger 1** to select it, it will be highlighted in blue.
2. Swap the hero image to the generic (non-personalized) version, and change the layout option from full-bleed to image-left/text-right.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Kt1i9qjEEqEeTVBKOOLBJ_screenshot-2026-08-28-at-180136.png)

## Schedule and activate

1. Configure the **experiment schedule**, start date and duration.
2. Click **Save as draft**, then **Activate** the experiment.
3. Experiment results appear on your page editor itself. They won't show up immediately, results are pooled on a schedule and synced back to your AEM view.

## What you learned

:::hint{type="success"}
By the end of this section, you should have seen:

- ✅ An experiment created directly on the existing page, no rebuild required
- ✅ Variant B configured with a swapped image and an alternate layout — no code involved
- ✅ Traffic allocation and scheduling configured
- ✅ A clear, visible difference between Variant A and Variant B, side by side
:::