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.

Why it fits Elementor

  • No lock-in

    AB Test WP 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 AB Test WP dashboard, create a test. It generates a class for each variant, for example:.abtest-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.

A page builder's CSS class field with the generated variant class pasted in
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.

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 two-variant tests with up to three running at once; Pro adds up to six variants, advanced goals, WooCommerce revenue, and statistical significance.

Using a different tool as well? AB Test WP 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.

    abtest-hero-cta-default abtest-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. AB Test WP 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 AB Test WP 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.