Skip to main content

A/B Test Website Design Variations

Written by Bouncy Admin

A/B testing lets one website show different design variations to different visitors, split by percentages you choose. Test two headlines, two layouts, or two completely different looks, and let your analytics show you which design gets more clicks. This feature is available on paid plans.

How It Works

When a visitor opens your website:

  1. Bouncy assigns them to one of your design variations based on your percentages

  2. They see that variation's design at your normal URL

  3. Their views and link clicks are recorded against that variation

  4. The same visitor always sees the same variation on every future visit

Creating Variations in the Editor

  1. Open your website in the editor

  2. Click the A/B Test button in the top bar (next to the device toggle)

  3. Switch the test on. Variation B is created instantly as a copy of your current design

  4. Click Edit on any variation to load it into the canvas and change it however you want

  5. The top bar always shows which variation you are editing (the letter badge next to A/B Test)

  6. Set your percentages in the A/B panel, then Deploy to save every variation at once

You can add up to 4 variations in total. Adding a variation copies whatever design is currently on the canvas.

Percentage Rules

  • Whole numbers between 1 and 99, always totalling exactly 100

  • Use Even split to balance all variations instantly

  • Deploy is blocked with a clear message if the total is not 100

Editing and Managing a Running Test

  • Re-open the website in the editor at any time; all variations load exactly as you saved them

  • Deleting a variation hands its percentage back to the original design

  • Deleting the last variation, or switching the test off, returns your website to a single design

  • Your drafts auto-save all variations while you work

Custom Domains

Website A/B tests work on your own custom domain. Your visitors stay on your domain the whole time; Bouncy serves the right variation behind the scenes. If you enable a test on a website that is already live on a custom domain, deploy the site once from the editor to activate the split.

Previewing a Variation

Add ?abv= and the variation letter to your website URL to force a specific variation, for example:

yourdomain.com?abv=b

Preview visits are never counted in your results, so you can check every variation without affecting the test.

Reading Your Results

Your website's Analytics page shows views, clicks, and click-through rate for every variation, plus Click Insights scoped to each design. See Reading Your A/B Test Results in the Analytics section for a full guide.

Did this answer your question?