Skip to main content

AB Test Config Builder

URL: splithub.io/builder

The AB Test Config Builder is a free visual tool that generates A/B test configuration code in seconds — no account required.

You can also retrieve the generated configuration directly from your user dashboard for tests created inside the SplitHub platform.

How to Use​

  1. Open splithub.io/builder.
  2. Fill in the test details:
    • Test ID — unique name for your test
    • Test Type — redirect or edits
    • Path (optional) — page path where the test should run
    • Status — set to active
    • Storage — localStorage or cookie
    • Cookie Expiration — number of days (if using cookie storage)
    • GA Event Name (optional) — custom Google Analytics event name
  3. Add your variants — each with a Name and Value.
  4. Click Generate Config Code and copy the output.

Using the Generated Code​

With the npm package​

Paste the generated config array into your JavaScript project and pass it to ABTester:

import ABTester from "splithub-ab-testing";

const abTestConfig = [
  // paste generated config here
];

const tester = new ABTester(abTestConfig);

if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", () => tester.runTestsForPage());
} else {
  tester.runTestsForPage();
}

→ See splithub-ab-testing for full npm package documentation.

With the HTML script​

Paste the generated config as window.abTestConfig before the script tag:

<script>
  window.abTestConfig = [
    // paste generated config here
  ];
</script>
<script src="https://splithub.io/scripts/ab.min.js"></script>

→ See ab-easy for full HTML script documentation.