Visual A/B Testing,
without the complexity
Edit your sites visually and deploy tests instantly. High-performance testing for developers and marketers.
The experiment floor
Everything you need to ship faster
Visual Editor
Modify any element on your page without touching code. Point, click, and edit.
No-Code Setup
One-line script installation. Works with all major CMS and static site generators.
Real-time Analytics
Watch conversions happen live. Deep dive into user behavior and segments.
Multi-page Testing
Test consistent experiences across entire funnels or checkout flows.
Smart Traffic
AI-powered allocation that shifts traffic to the winning variant automatically.
Framework Agnostic
Full support for React, Vue, Next.js, and even vanilla HTML projects.
Questions
Frequently asked questions
What is VariantLab and how does visual A/B testing work here?
VariantLab lets you load any page, create variants of that experience, and edit the UI visually—text, styles, and layout—without redeploying your main site. You compare variants side by side and ship experiments from one dashboard instead of juggling separate landing pages or heavy SDK setups.
How do I connect VariantLab to my website?
You add your site by URL from the dashboard. We capture a snapshot—HTML served from your VariantLab domain with assets rewritten—so the editor, inspector, and variant comparison stay reliable (no raw cross-origin iframe issues). If a project doesn’t have a snapshot yet, we fall back to a proxied live fetch until you capture one. For production traffic experiments, you use a lightweight script or integration so visitors can be assigned to variants.
What are variants, and what happens to my original page?
Each variant is an alternate version of the same project. Your original is kept as the default (read-only) baseline. Edits and patches are stored per variant so you can iterate safely, revert, or delete a variant without touching the original snapshot or your live site until you choose to roll a winner out.
What’s the difference between snapshot and live preview?
Snapshot is the primary preview: a frozen capture served from VariantLab with a controlled rendering layer—the same architecture side-by-side variant comparison uses. Live preview (proxied HTML) appears only when a snapshot doesn’t exist yet, so you can still open the project until you capture one.
Can I use VariantLab with React, Next.js, WordPress, or static HTML?
Yes. The editor works at the page level, so your stack matters less than having a URL we can load. Teams on React, Next.js, Vue, WordPress, and plain static sites all use the same workflow: import the page, branch variants, edit visually, then wire experiments to your analytics or runtime as you mature.
How are visual edits saved and applied to a variant?
Changes you make in the editor are captured as patches (structured updates) for the active variant. You can save them to the server, reset to drop local edits, and use inspect mode to target elements precisely. Patches replay when the preview loads so each variant always reflects what you designed.
Who can see my projects, and is my account data isolated?
Access is tied to your authenticated account (sign-in required for the app). Projects, variants, and notes live under your workspace—not in a public gallery. Share links or embeds are only created when you explicitly use sharing features; otherwise your experiments stay private to your team.
Ready to boost your conversions?
Join 500+ teams optimizing their websites with VariantLab.
Get started now