Elementor: the complete editing guide
Everything you need to edit, update, and manage your Elementor-powered website — no technical experience required.
- Difficulty
- Beginner
Elementor is an add-on for WordPress — a plugin that sits on top of the website you already have. WordPress stores your pages; Elementor is the drag-and-drop editor you use to design them. So everything in the WordPress guides still applies: you log in to WordPress first, then open Elementor from there. If you're not sure whether your site uses it, see Which platform is your website built on?
Who this section is for: business owners and their teams who need to change words, images, and layouts on their own site. You do not need to know how to code.
Quick summary
Log in to WordPress, open the page you want to change, and click Edit with Elementor. You edit the page visually — click any element, change it in the left-hand panel, and click Publish (or Update, if the page is already live) to make your changes live. To save without changing the live page, choose Save Draft from the arrow next to that button.
If you only read three things
- How to open the Elementor editor — you can't change anything until you're inside it.
- How to edit text — the single most common change.
- Making your page look good on mobile — the catch most clients hit.
Something not working?
Start with Troubleshooting Elementor problems. If you need us to fix it, we'll need a login — see Give us WordPress admin access.
Basics
What is Elementor?
Understand what Elementor is and how it works.
How to open the Elementor editor
Get into the Elementor editor from WordPress.
A tour of the Elementor interface
Learn what every panel and button does.
Sections, columns & widgets explained
The older (legacy) section-and-column layout, and the widgets inside it.
Containers (the modern layout) explained
The modern way Elementor organizes layouts.
Editing
How to edit text in Elementor
Change headings, paragraphs, and any text on the page.
How to edit & swap images in Elementor
Replace and adjust images on your page.
Editing buttons & links in Elementor
Update button labels, colors, and destinations.
The most useful Elementor widgets
A guide to the widgets you'll use most often.
How to add a new section in Elementor
Add content blocks anywhere on your page.
Duplicating & deleting elements in Elementor
Copy or remove any part of your page.
Copying & pasting styles in Elementor
Apply the same look to multiple elements quickly.
Layout & styling
Adjusting spacing, margin & padding in Elementor
Control the space around and inside elements.
Changing colors & fonts in Elementor
Adjust colors and typography on any element.
Working with columns in Elementor
Split rows into columns and adjust their widths.
Making your page look good on mobile
Edit how your page looks on phones and tablets.
Previewing tablet & mobile views in Elementor
Switch between device views inside the editor.
Templates & global
Elementor templates explained
Understand how templates save you time.
Saving & reusing your own templates in Elementor
Save any section or page as a reusable template.
Using the Elementor template library
Import pre-built page layouts and blocks.
Global colors & fonts (site styles) in Elementor
Change your site's colors and fonts in one place.
Advanced
The Elementor Theme Builder, explained
Edit headers, footers, and other site-wide areas.
Editing headers & footers in Elementor
Update your site's header and footer in Elementor.
Elementor popups (overview)
Understand how popups work and how to manage them.
Working with Elementor forms
Build and manage contact and lead forms.
Using the Structure window (Navigator) in Elementor
Find any element on a complex page fast.
Undoing changes with revision history in Elementor
Undo changes and roll back to earlier versions.
Dynamic content in Elementor, explained
Pull live data into your Elementor layouts.
Publishing & updating your page in Elementor
Save and publish your edits safely.
Troubleshooting
Elementor & page speed
Keep your Elementor site fast-loading.
Common Elementor mistakes to avoid
The errors most editors make — and how to avoid them.
Troubleshooting Elementor problems
Diagnose and fix common Elementor issues.
Elementor terms, explained simply
A plain-English glossary of Elementor vocabulary.
The WordPress side of things
WordPress — the complete client guide
Logging in, users, plugins, media — the site underneath Elementor.
How to log in to WordPress
Step one, every time: get into WordPress.
Give us WordPress admin access
Let us into the site so we can edit or fix it for you.
Giving us access, explained
Every account we might need, and how to share it safely.
Need a hand?
Last updated