What are variants?
Every page starts with one variant, called the default or control variant. You can create additional variants to test alternative approaches:- Different headlines or copy
- Alternative layouts or designs
- Various calls to action
- Different images or media
Creating a variant
- Open your page in the editor
- Click the + button in the canvas toolbar
- Choose whether to start from scratch or copy an existing variant
- Give your variant a name
You can have up to 3 active variants per page. This limit helps ensure experiments have enough traffic per variant for meaningful results.
Copying from existing variants
When creating a new variant, you can copy the code from an existing variant. This is useful when you want to make small changes rather than building from scratch:- Click + Add variant
- Select “Copy from existing variant”
- Choose the source variant
- Make your changes to the new variant
The default variant
One variant is always marked as the default (or control). This is the baseline version that:- Serves as the comparison point in experiments
- Is shown to visitors when no experiment is running
- Acts as the fallback if something goes wrong
Viewing variants
The canvas displays all active variants side by side. This lets you compare them visually and ensure they all look correct. To focus on a single variant:- Click the focus button on the variant’s toolbar
- The variant expands to fill the canvas
- Click again or press
Escapeto return to the multi-variant view
Previewing variants
Each variant has a preview button that opens it in a new browser tab. This shows you exactly how the variant looks to visitors at full size. The preview URL includes the variant slug, letting you share specific variants with teammates for review.Variant naming
Give variants descriptive names that indicate what’s different about them:- Control — Your baseline version
- New headline — Testing alternative copy
- Video hero — Testing video instead of static image
- Minimal design — Testing a simpler layout