Elementor Components are reusable building blocks in the Atomic Editor. You design something once, such as a service card, a call-to-action strip or a testimonial, and place it on many pages. Change the design in one place and every copy updates, while each copy can still have its own content (different heading, image or link). Components arrived in version 3.35 and are a core part of building with Elementor 4.
- One design, many placements, one place to update.
- Each instance can override its own content.
- Better than copy-pasting sections.
- Pairs with Variables and Classes for a full design system.
- Ideal for AI-built sites to stay consistent.
Components vs templates vs global widgets
| Tool | Design syncs? | Content per page? | Best for |
|---|---|---|---|
| Saved template | No, it is a copy | Yes | Starting points |
| Global widget (classic) | Yes | No, same everywhere | Identical blocks |
| Component (Atomic) | Yes | Yes, with overrides | Repeated patterns with different content |
Get a fast, mobile-first WordPress or Elementor website built and configured properly from day one. Websites from $899, clients worldwide.
Good candidates for Components
- Service or feature cards
- Call-to-action banners with different text per page
- Team member or testimonial blocks
- Pricing cards
- Page headers for inner pages
How to build a good Component
- Set up Variables (colours, fonts, sizes) first.
- Build the block once using Classes, not one-off styles.
- Turn it into a Component and choose which properties can be overridden per instance (text, image, link).
- Name it clearly, for example “Card / Service”.
- Place it on pages and fill in each instance’s content.
For the older approach on classic widgets, see Elementor templates vs global widgets.
Why this matters in the AI era
When AI tools such as Angie or the Elementor MCP build pages, they can reuse your Components rather than inventing new layouts each time. That keeps a site consistent after many AI-assisted edits, and means a redesign is a few changes instead of a hundred.
Want a proper design system on your site?
I set up Variables, Classes and Components on Elementor sites so your team and your AI tools build on-brand pages every time. Get a price with the website cost calculator.
Frequently asked questions
What are Elementor Components?
Reusable Atomic Editor blocks that sync their design everywhere while allowing different content per instance.
How are Components different from global widgets?
Global widgets are identical everywhere; Components share design but allow per-instance content overrides.
When were Components added?
In Elementor 3.35, released in February 2026, as part of the version 4 editor.
Do Components work with classic widgets?
They are built for the Atomic Editor and its atomic elements.
Sources
Get a fast, mobile-first WordPress or Elementor website built and configured properly from day one. Websites from $899, clients worldwide.
More WordPress guides
Rather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
