Elementor is a visual page builder plugin for WordPress. It replaces the standard editing screen with a drag-and-drop canvas where you build layouts from widgets and see the result as you go. It is one of the most widely installed plugins in the WordPress directory, and plenty of agencies and freelancers build their entire workflow around it. This guide explains what Elementor does, what the free and Pro versions include, how it fits with themes, the performance questions worth asking, and how it compares with the native block editor.
What Elementor is and how it works
Elementor launched in 2016 and is developed by Elementor Ltd. The core plugin is free and available from the official plugin directory; a paid add-on, Elementor Pro, unlocks more advanced features.
When you edit a page with Elementor, the editor opens a live preview of the front end with a panel on the side. You add containers to define layout (flexbox and grid), then drop widgets such as headings, images, buttons, icon lists and tabs into them. Every element has three tabs of settings: Content, Style and Advanced, with per-device values for desktop, tablet and mobile.
Behind the scenes Elementor stores the layout as structured data in post meta and generates CSS files for each page. The post content also keeps a simplified HTML version, so if you ever deactivate the plugin your text and images remain, but the layout and styling do not.
Site Settings and global styles
Elementor has its own design system, called Site Settings (stored in what Elementor calls a kit). Here you define global colors, global fonts, typography for headings and body text, button styles, form fields and layout widths. Widgets that use these globals update everywhere when you change them, which is the single most important habit for keeping an Elementor site consistent.
Elementor free vs Elementor Pro
The free plugin is capable enough for many brochure sites. Pro adds the features that turn Elementor into a complete site builder. Pro is sold as annual plans tiered mainly by the number of sites, and Elementor also sells hosting bundles; check the current pricing page on elementor.com for plans and renewal terms, since they change.
| Feature | Free | Pro |
|---|---|---|
| Drag-and-drop editor, containers, responsive controls | Yes | Yes |
| Basic widgets (heading, image, button, video, icon list, tabs) | Yes | Yes |
| Global colors and fonts (Site Settings) | Yes | Yes |
| Saved templates and template library | Basic | Full library |
| Theme Builder (header, footer, single, archive) | No | Yes |
| Form widget, Popup Builder | No | Yes |
| Dynamic content from custom fields | No | Yes |
| WooCommerce Builder | No | Yes |
| Advanced widgets (posts, portfolio, slides, carousels) | Limited | Yes |
Feature lists move between tiers over time, so treat this table as the general shape rather than a contract. A large third-party ecosystem of add-on plugins also supplies extra widgets, some of which fill gaps in the free version.
Theme Builder and the Hello theme
Theme Builder
Out of the box, Elementor edits the content area of a page, and your WordPress theme still controls the header, footer, blog templates and archives. Theme Builder, a Pro feature, lets you design those parts in Elementor too. You create a template (for example a header or a single post layout) and set display conditions: entire site, specific post types, categories, individual pages, and so on. This is how fully custom Elementor sites are built.
The Hello theme
Hello Elementor is a free, deliberately minimal theme from the Elementor team. It provides almost no styling of its own, so it does not fight your Elementor designs. It suits sites where Theme Builder handles every template. If you are not using Pro, a theme with its own well-designed header, footer and archive templates is often the better pairing, because Hello leaves those areas very plain.
Many commercial themes now ship an Elementor-ready edition. StepFox’s sports themes, for example the Courtside basketball theme, come in both a block edition and an Elementor edition, so you can choose the editor your team prefers.
Performance considerations
Page builders add code. Elementor loads its own CSS and JavaScript, and older layouts built from nested sections, columns and inner sections produce deep HTML structures. That does not make a fast Elementor site impossible, but it does mean you have to pay attention. Practical steps:
- Use containers, not legacy sections. Flexbox and grid containers produce less nested markup than the old section and column model.
- Enable the performance features in Elementor’s settings, such as optimized asset loading, which loads widget assets only on pages that use them. Test after each change.
- Limit add-on plugins. Each widget pack adds its own assets. Keep only the ones you actually use.
- Use global fonts and limit font families to reduce font downloads, and consider hosting fonts locally.
- Optimize images and use caching, exactly as you would on any WordPress site.
Measure with real tools such as PageSpeed Insights rather than assumptions. Our speed optimization guide covers caching, images and Core Web Vitals in detail.
Elementor vs the block editor
Since WordPress 5.0 the block editor has been the default, and with block themes and the Site Editor it now handles full site design natively. So the real question for many people is whether to use Elementor at all. Neither answer is universally right.
| Factor | Elementor | Block editor and block themes |
|---|---|---|
| Editing experience | Mature visual builder with fine-grained controls | Native, improving quickly, slightly less granular by default |
| Full site design | Theme Builder (Pro) | Site Editor, built into core |
| Cost | Free core, paid Pro for most site-building features | Free |
| Output weight | More CSS, JS and markup to manage | Generally leaner |
| Portability | Layouts depend on the plugin staying active | Content is standard block markup |
| Learning resources and talent pool | Very large community, many tutorials and freelancers | Growing quickly, official documentation on learn.wordpress.org |
Elementor is often the better choice when a team already knows it, when a client wants pixel-level visual control without touching code, when you rely on Pro features like popups and forms in one tool, or when you need Elementor-specific templates and kits.
The block editor is often the better choice for content-heavy sites such as blogs and news, for long-term portability, for leaner output, and for anyone who wants to stay close to where WordPress core is heading. Our full site editing guide explains that side.
An evolving product
Elementor is under active development, including AI features and a newer generation of its editor built on so-called atomic elements. Details of features, naming and rollout change, so check Elementor’s own release notes rather than relying on older tutorials.
Frequently asked questions
Is Elementor free?
The core plugin is free and fully usable. Theme Builder, forms, popups, dynamic content and WooCommerce templates require Elementor Pro.
Does Elementor work with any theme?
It works with most well-coded themes, because it only replaces the content area unless you use Theme Builder. Themes built or tested for Elementor give the most predictable results.
What happens if I stop using Elementor?
Your text and images remain in a basic form, but layouts and styling are lost. Plan a rebuild of key pages before switching away.
How do I start?
Follow our hands-on Elementor WordPress tutorial, which covers installation, a first page, global styles and Theme Builder.
Key takeaways
- Elementor is a visual drag-and-drop page builder plugin with a free core and a paid Pro add-on.
- Pro adds Theme Builder, forms, popups, dynamic content and WooCommerce templates.
- Hello is a minimal theme meant for Theme Builder sites; without Pro, pick a theme with good templates.
- Performance is manageable with containers, performance features, few add-ons and good caching.
- Choose Elementor for visual control and team familiarity; choose blocks for leaner output and portability.
