High-performance designs empowered by Atomic Components.
Elevated designs
The CSS-oriented system gives you global styling, Classes, and States.
Streamlined workflows
A modern interface, simplifying responsive design and adding advanced controls.
Faster than ever before
Editor V4 generates a cleaner code structure with a single div wrapper and a lighter CSS footprint, eliminating unnecessary code for faster load times and creating the most optimized websites yet.
Build widgets from reusable components for maximum efficiency and consistency with the new modular design system. For example, create your own CTA component using Atoms like a Button, Heading, and Paragraph, and replicate it throughout your website.
Professional tools at your fingertips
Ensure consistent styling and predictable logic across every element on your site with the CSS-first design system that introduces powerful features like Variables, Classes, and States.
CSS empowered designs
Layout
Spacing
Size
Position
Typography
Background
Border
Effects
One Style Tab -
infinite capabilities
Enjoy a consistent styling experience and streamline your workflow with a single, unified interface for all your elements.
With over 18 million websites powered by Elementor, we are committed to making this transition carefully and thoughtfully. Our phased rollout ensures you have time to adapt to Editor V4 and harness its full power.
Sign up below to get updated when new V4 versions and features become available.
Thank you!
Your submission was successful.
Join the next era of web creation
Editor V4 is now in alpha and we’re actively collecting feedback to shape what it becomes.
If you're passionate about shaping the future of Elementor, this is your moment!
Step 1
Update to the latest Elementor version
Step 2
In the WordPress dashboard, go to Elementor > Settings
Step 3
Navigate to the Editor V4 tab and click activate
*Use the alpha on test and staging sites, not on production