Everything you need to know about updating to version 4

The Atomic Editor version 4 introduces the next era of website building with an atomic,
CSS-first, performance-optimized architecture.
Starting in April 2026, all new Elementor sites will run on version 4 by default.
Existing sites can manually update and activate the new features.

Learn more

Update without rebuilding

Nothing breaks. Your current v3 workflows work seamlessly together with new atomic v4 workflows.

Transition at your own pace

Existing sites can choose to manually update, activate and gradually adopt new atomic features.

Build reusable design systems

Classes, Variables, and Components help you maintain consistency and turn hours of work into a few clicks.

V4 frequently asked questions

What happens to new sites?

On every new Elementor installation, atomic features are enabled by default and the new Atomic Elements appear at the top of the Elements panel. Both new and existing sites can combine legacy Widgets and Atomic Elements on the same page. Atomic features can be disabled at any time from: WP Admin > Elementor > Editor > Settings > Atomic Editor.

When should I use the new elements?

When starting a new site, you should ideally begin with v4 Elements, build a design system using Classes and Variables, and add v3 Widgets where needed. When building a new page or a big new section as part of an existing site, you can choose to gradually introduce Atomic Elements as they’re leaner and easier to maintain, but completely optional.

Does version 4 reduce DOM bloat and improve performance?

Yes. The underlying markup of the Atomic Elements is based on pure HTML tags that render without additional wrapper layers. This contributes to cleaner output and improved Core Web Vitals. When combining legacy v3 widgets with v4 Atomic Elements, performance gains may vary. However,as more Atomic Elements replace older widgets, the overall output becomes leaner.

Why should I change what's working?

Web projects are becoming more complex, and the industry is shifting from page-by-page building to system-based workflows. With Version 4, your work scales with every site you build. By the time you are building site number five, you can already be working significantly faster because your design system is already in place. The foundation is evolving because professional web creators need workflows that scale, not ones that reset every time.

What happens to my existing sites when I update?

Nothing happens to existing sites. The main difference you will see after updating an existing site is a notice for the new Atomic Elements section at the top of the Elements panel. You can choose to either activate or dismiss. After activating, you can continue using legacy widgets together with the new Atomic Elements.

Do I need to rebuild my existing v3 layouts?

No, you don't need to rebuild anything. Your existing sites and layouts remain unchanged

Do I need a One subscription to access version 4?

No. The core remains free and open to all users. Pro users will get additional capabilities to the core plugin, and One users will get access to a complete website building experience with accessibility tools, image optimization, AI and more.

Are Atomic features safe for production?

Yes. Atomic features are stable, safe for production, and are already used in real production environments. Starting earlier allows you to learn the future workflow now instead of relearning later. However, adoption is completely optional. You can activate Atomic features now and migrate gradually at your own pace.

Can I export and import Classes and Variables between sites?

Yes. With version 4.0, Classes and Variables can be included when exporting and importing your websites or templates. This enables reusable design systems across multiple projects.

Can I apply Classes or Variables to older widgets?

No. Classes and Variables are native to Atomic Elements. However, version 4.0 introduces the option to sync from v4 Color Variables and Typography Classes to v3 Global Colors and Fonts. Future versions will introduce more advanced syncing and migration solutions.

What’s the main change between version 3 and version 4?

The main noticeable change is the new Atomic Elements section in the Elements panel. Atomic Elements are a new generation of high-performance, flexible building blocks designed for less bloat and enable more precise styling through a unified interface. These new elements support Classes, Variables, Interactions and Components.

Do I need to pay extra for it?

No. Version 4 is not a new subscription or product. It is a new version of Elementor’s Editor, and the core remains free. Just like in version 3, the Pro plugin adds advanced capabilities to the core plugin, included in your existing Pro subscription at the same cost.

Why are some features like Grid and Loop not available as Atomic Elements?

Version 4 introduces a new foundation and will continue evolving beyond this release. Additional Atomic Elements, including advanced layout and dynamic features such as Grid and Loop, are already in development.

Is version 4 more complex to learn?

Not necessarily. In many ways, it can be simpler to use because all Atomic Elements share the same style system. This makes the interface more consistent and intuitive. There is a mindset shift. Setting up Variables and Classes may take slightly more time at the beginning, but it significantly reduces your time to deploy by turning hours or even days of work to single clicks.

Create what’s next

Atomic features are now enabled by default on new sites. Follow the steps below to activate them on your existing sites.

Update

to the latest Elementor version.

Go to WP Admin

Elementor > Editor > Settings > Atomic Editor

Activate

start building with Atomic Elements!