Join the waitlist

Page builder

A/B testing for Elementor

Run cookieless, flicker-free split tests on your Elementor pages - free, with no traffic limits and no third-party tracking. Elementor's widget-based editor makes it easy to duplicate a section and tweak a single version - exactly what A/B testing needs.

One email when it is listed, one when Pro goes on sale. Nothing else unless you tick the box. Unsubscribe in one click.

See pricing

Why it fits Elementor

No lock-in

ImproveAB matches variants by a CSS class, so it works inside Elementor without replacing your editor or markup.

Fast & flicker-free

The original never flashes - the tested element stays hidden until the assigned variant is applied - and assignment runs in the browser, so Elementor pages stay fast and cache-friendly.

Private by default

No cookies and no third-party calls in the page your visitors load. Their data stays in your own WordPress database.

Setup

Adding a test class in Elementor

Each variant gets a class from the plugin. Add it to the matching element in Elementor - that's the only builder-specific step.

  1. Create the test

    In the ImproveAB dashboard, create a test. It generates a class for each variant, for example:

    .improveab-hero-cta-v1

  2. Add the class in Elementor

    Elementor 4, on an atomic element: select it → Style tab → Classes. Elementor 3, and any legacy widget inside Elementor 4: Advanced tab → CSS Classes field. Use the class that matches the version you are editing: the one ending in -default on the original, the one ending in -v1 on the new version.

  3. Pick a goal & launch

    Choose a conversion goal - a page visit, an element click, a link click, a form submission or a WooCommerce add-to-cart - then start the test and watch results come in.

The Elementor editor with the hero's call-to-action button selected and the generated class, improveab-hero-cta-v1, in the CSS Classes field of the Advanced tab.
Elementor's CSS Classes field with the generated variant class. This is the Advanced tab, so it is the Elementor 3 and legacy-widget path.

Verified against Elementor 3 and Elementor 4 in September 2026. Builders change their panels between major versions, so this page names the version it was checked against. Sources: Classes in Elementor, Elementor Version 4 FAQs.

Read the full how-it-works guide

What you can test on an Elementor site

Anything you can give a CSS class: headlines, calls to action, hero images, pricing tables, section order, or whole landing pages via a URL/redirect test. Free covers A/B and A/B/n tests with up to six variants, as many running at once as you like, every goal including WooCommerce revenue and page targeting; Pro adds statistical significance, automation, audience targeting, traffic weights, custom CSS and the AI tools.

Using a different tool as well? ImproveAB works the same way in every major builder - one plugin across every site you build. Prefer a full walkthrough? Read the step-by-step Elementor tutorial.

How it works

One Elementor page, two variants

No second page to maintain, no redirect, and the same cached HTML for every visitor. Here is the whole mechanism.

  1. Both versions ship in one page

    You build both versions in Elementor and give each one the class the plugin generated: the original gets the class ending in -default, the new version the one ending in -v1. Both sit in the same page.

    improveab-hero-cta-defaultimproveab-hero-cta-v1

  2. The browser picks a side

    A visitor arrives on the cached page. Both versions start hidden, then the plugin's script assigns the visitor a variant in the browser and reveals only that one, so the original never flashes and no cookie is set.

    50% see A50% see B

  3. The count lands in your database

    Impressions and conversions are written to your own WordPress tables. Nothing leaves the site, and the CDN keeps serving the same cached HTML to everyone.

    your site → your database

FAQ

Elementor questions

The things people ask before their first Elementor test.

Where is the CSS class field in Elementor?

Elementor 4, on an atomic element: select it -> Style tab -> Classes. Elementor 3, and any legacy widget inside Elementor 4: Advanced tab -> CSS Classes field. Use the class that matches the version you are editing: the one ending in -default on the original, the one ending in -v1 on the new version.

Can I test a whole Elementor page or template?

Yes. Build the second version as its own page and run a URL split test: the redirect happens in the page head before anything paints, each visitor stays on the version they first saw, and the variant's canonical points at the original by default.

Do I have to use the class field, or does point-and-click work on Elementor pages?

Both work. Point-and-click runs on the front end of any page while you are logged in with the admin bar showing, so you can click a headline, button or paragraph that Elementor rendered and type the alternative without opening the editor. The class field is there when you would rather build the variant in Elementor.

Does it work with Elementor Free, or do I need Elementor Pro?

No Elementor Pro is required. Elementor's class fields are part of the free version in both editors: the Advanced tab's CSS Classes field on Elementor 3 and on legacy widgets, and the Style tab's Classes control on Elementor 4's atomic elements. ImproveAB itself is free too.

I am on Elementor 4. Has the class field moved?

Yes, for the new atomic elements: they take classes in the Style tab rather than the Advanced tab. Elementor made version 4 the default for new sites in April 2026, and the two systems sit side by side, so a page can hold both. Legacy widgets keep the Advanced tab's CSS Classes field, and ImproveAB matches on the rendered class either way.

Start testing your Elementor pages

The free plugin is in final testing. Join the waitlist and we will email you the day it lands.

See all features