Documentation
Quickstart
Get Splitlab running on your site in three steps. This works for any platform — a hand-coded site, a page builder, or a framework.
1. Add the snippet
Open your project in the dashboard → Install / SmartCode, copy the generated snippet (it
already has your project key), and paste it into your page <head>.
Pick the guide for your platform:
- HTML / any site
- ClickFunnels
- WordPress
- Shopify
- Wix
- Google Tag Manager
- Next.js SDK — a typed component wrapper for Next.js apps
Not sure what the snippet does? See The install snippet.
2. Create an experiment
In the Splitlab dashboard, open the visual editor on the page you want to test, create one or more variants (change headlines, copy, layout, colors…), set the traffic split, and start the campaign.
3. Verify and watch results
- On the dashboard's Install / SmartCode screen, click Verify — it flips to installed once the engine phones home from your domain.
- Load your page — the engine assigns a variant (sticky per visitor) and applies it flash-free.
- Conversions and metrics flow back to your dashboard in real time.
Using the Next.js SDK on Vercel?
NEXT_PUBLIC_* env vars are inlined at build time. Set NEXT_PUBLIC_SPLITLAB_KEY in your
Vercel project's Environment Variables and redeploy — otherwise the key bakes in empty and no
variants serve. See the Next.js troubleshooting guide.
Next
- How it works — the engine, assignment, and anti-flicker
- The install snippet — every attribute explained