Creating A/B Page Variants for Split Testing

A/B (or split) testing lets you compare two versions of a page and prove—statistically—which one performs better. Humblytics makes the workflow dead‑simple: pick a goal, drop in two URLs, choose how visitors are assigned, and hit Start Experiment.

Step‑by‑Step Instructions

  1. Access the Split Testing Section

    • Log in to your Humblytics dashboard.

    • In the left‑hand navigation, click Split Testing.

  2. Start a New Experiment

    • Click Start New Experiment to launch the five‑step wizard.

  3. Select a Testing Goal

    • Choose the metric that will decide the winner. Humblytics groups goals into two buckets:

      • Engagement Goals – Scroll‑depth, time‑on‑page, link clicks.

      • Conversion Goals – Form submits, plan upgrades, completed checkouts.

    • Tip: pick one primary goal per test to keep analysis clear.

  4. Name Your Experiment

    • Give the test a descriptive title (e.g., “Home Page Hero — Image vs Video”). Good names speed up reporting later.

  5. Create & Add Your Variant Pages When you A/B test, Variant A (Control) is your current page, and Variant B (or C, D …) is the modified page you believe will outperform the control.

Below are copy‑and‑paste playbooks for the most popular site builders so you can spin up Variant B in minutes.

Webflow

  1. In the Designer, right‑click the page in the Pages panel and select Duplicate.

  2. Rename the new page (e.g., home-video) and update the slug in Page Settings → General Settings.

  3. Swap the element you want to test—headline, hero media, CTA colour, etc.

  4. Click Publish. Webflow keeps the Humblytics global script intact in the <head>, so no extra tracking code is required.

Framer

  1. Duplicate the Frame route you want to test (Right‑click → Duplicate).

  2. Edit the variant (change imagery, copy, layout).

  3. Confirm the URL in Page → Path (e.g., /home-video).

  4. Publish the site—Framer auto‑injects the existing Humblytics snippet into the new route.

WordPress (Block Editor / Elementor / Divi)

  1. In the WordPress dashboard go to Pages → All Pages. Hover over the page and click Duplicate Page (or use the Duplicate Post plugin if you don’t see the option).

  2. Open the duplicate in your preferred builder (Block Editor, Elementor, Divi) and adjust the single element under test.

  3. Under Permalink, shorten the slug to something relevant (/pricing-b).

  4. Publish → Visibility: Public. Your original Humblytics script—added once in header.php or via a snippets plugin—tracks the variant automatically.

Shopify (Online Store 2.0)

  1. Go to Online Store → Pages (for regular pages) or Products / Collections if you’re testing product or collection pages.

  2. Click Duplicate. Shopify appends “copy” to the handle—edit it to a clear variant slug (/summer‑tees‑b).

  3. Make your single change (price anchoring, hero image, copy tweak).

  4. Save and Set Page Status → Active.

  5. If you placed the Humblytics script in theme.liquid it fires on every page—including variants—without extra work.

Wix (Editor X / Wix Studio)

  1. From the Site Structure sidebar choose the page ••• menu → Duplicate Page.

  2. Rename the page and edit the URL in SEO Basics → URL slug.

  3. Update your test element (form length, hero media, social proof block).

  4. Click Publish Site. Because the Humblytics snippet lives in Settings → Custom Code → Head, tracking persists across new pages.

Keep These Rules in Mind

  • One change at a time – isolates cause and effect.

  • Short, human‑readable slugs – /pricing‑video, /landing‑alt.

  • The global Humblytics script only needs to be installed once per site—all variants are captured automatically.

  1. Choose Visitor Assignment

    • Default 50 / 50 split is pre‑selected.

    • Optional: Weighted or sequential roll‑outs for risk mitigation.

  2. Apply Optional Restrictions

    • Geo Restrictions – limit to specific countries (e.g., EU‑only to factor in GDPR banners).

    • Audience Restrictions – one‑click filters to exclude Mobile, Desktop, Organic, or Paid traffic.

  3. Launch the Experiment

    • Review settings.

    • Click Start Experiment. Traffic begins routing instantly—no extra code deployment required.

  4. Monitor Results & Declare a Winner

    • Humblytics updates lift‑percentages and p‑values in real time.

    • Green check‑marks indicate statistical significance (default 95 % confidence).

    • Stop the test manually or let Humblytics auto‑end it once significance and minimum‑sample thresholds are met.

Best‑Practice Checklist

  • Hypothesis‑Driven – write a one‑sentence hypothesis before every test.

  • One Variable at a Time – avoids ambiguous results.

  • Run Full Business Cycles – include weekends if your traffic pattern changes.

  • Segment Post‑Test – slice by device, channel, or geo to uncover hidden wins.

  • Document Learnings – record what worked and what didn’t for faster future iterations.

Frequently Asked Questions

Q: Do I need separate Humblytics tracking snippets for each variant? A: Nope. The single global script you installed initially captures every page variant automatically.

Q: Can I test more than one variant at a time? Yes—click Add Variant in the URL step. Traffic splits evenly (e.g., 33 / 33 / 33 %).

Q: What if I need to pause or edit a live test? Navigate to Split Testing, open the ••• menu beside the test, and choose Pause or Edit. Data collected so far is preserved.

Q: Will the test slow down my site? No - the 36 kb Humblytics script is defer‑loaded and never blocks rendering.

Happy testing! Measure, learn, and iterate with confidence using Humblytics.

PreviousHow to Setup a Split TestNextHow to Analyze Split Test Data

Last updated

Was this helpful?