A/B Tests in the Builder

Creator plan required

A/B testing lets you try two versions of your Flo page against each other — different headlines, block order, templates, or offers — and see which performs better. On Creator and above, you run the whole test from Dashboard → Builder without leaving Flo.

This guide covers the builder experience: the A/B Test button, two phone previews, variant editing, traffic splits, results, and Declare winner. For the big picture, see A/B testing overview.

---

Before you start

When you click A/B Test, Flo creates a draft test named Page split test with two variants, A and B. Both start as copies of your current page blocks and page style so you can change one version without losing the other.

---

Builder layout during a test

The builder rearranges into three zones:

---

Start a test

1. Open the builder

   Dashboard → Builder on a desktop browser.

2. Click A/B Test

   Top bar, next to View live preview. The button shows Creating… briefly, then a second phone frame appears on the canvas.

3. Review the Split test panel

   The right sidebar opens to Split test → Traffic. Traffic starts 50% / 50% between A and B.

4. Edit each variant

   Click A, change blocks or Page tab styles, then click B and make your challenger version. Use ← Overview in the left sidebar to jump back to the variant list.

5. Start test when ready

   In Lifecycle, click Start test. The header pill switches to Live (green dot). Your traffic split is now active for visitors on a published page.

---

Header controls

Click the Draft / Live / Paused pill anytime to reopen traffic and lifecycle controls. Flo also deselects the current block and focuses the test panel.

---

Canvas: two phone previews

After you create a test, the center canvas shows two phone frames connected by a line.

The inactive phone dims slightly when you are focused on one variant so you always know which version you are editing.

---

Left sidebar: Variants vs layers

Variants overview (nothing selected)

The left panel lists each variant with:

• Label (editable inline)
• Traffic % (matches the right panel)
• Block count (excluding the profile header)

While the test is still Draft, you can remove a variant with the trash icon — only when more than one variant remains. You cannot delete variants after the test has started.

Block layers (variant selected)

After you select A or B, the left panel becomes the usual block list for that variant only — reorder, hide, or delete blocks. ← Overview at the top returns you to the variant list.

---

Right sidebar: Split test panel

When no variant is selected, the right side is not the Page tab — it is the Split test panel.

Traffic

Choose how visitors are split between variants. Changes save automatically.

Default for a new two-variant test: 50% / 50%.

More detail: Traffic split.

Lifecycle

Success toast after status changes: Test updated.

Declare winner is not available while the test is still Draft — finish editing and Start test first.

Before you confirm a winner, Flo checks that the variant has a profile header block and at least one visible content block. If promotion fails (empty variant, missing header, or moderation block), your live page stays unchanged.

---

Edit blocks and page style per variant

Select a variant, then use the builder as usual:

Block edits auto-save on a delay (about 8 seconds after you stop editing), same as a normal page. Page tab styles still need Save appearance.

Each variant keeps its own blocks and page settings. Changing A does not change B until you copy ideas manually.

---

Results panel

From Lifecycle, click View results → or Open results panel.

The Results drawer slides in from the right and shows the last 30 days of data:

Use Refresh to reload numbers. Flo shows honest counts — it does not auto-pick a winner for you. See Reading results.

---

Declare winner

1. Open Declare winner

   Split test → Lifecycle → Declare winner (test must be Live or Paused).

2. Review stats

   The modal lists each variant with views, visitors, conversions, revenue, and conversion rate. Pick the radio button for the winner.

3. Confirm winner

   Click Confirm winner (shows Promoting… while working). Flo copies that variant’s blocks and page style onto your live page and completes the test. The two-phone canvas closes.

4. Update live if needed

   If the builder still shows pending edits on the main page, click Update live — Publishing.

If your page is under content review, promotion may be blocked until support clears it — same as publishing.

---

What visitors see

---

Test statuses (quick reference)

---

Remove a variant (draft only)

While status is Draft and you have more than one variant:

1. Open the left Variants list (deselect any focused variant).
2. Click the trash icon on the variant row.
3. Flo removes that variant and rebalances traffic. Toast: Variant removed.

With only one variant left, the traffic panel explains that you need another variant to split traffic.

---

Tips and limits

---

Troubleshooting

---

What's next?

• A/B testing overview — why split testing matters
• Traffic split — slider and percentages
• Reading results — when to call a winner
• Promote winner — end states and moderation
• Publishing — draft, live, and Update live
• Page templates — different look per variant
• Page builder overview — full builder tour