Elementor: the complete editing guide
Everything you need to edit, update, and manage your Elementor-powered website — no technical experience required.
Elementor is the drag-and-drop page builder most likely powering your WordPress website. This guide collection covers everything you need to make changes confidently — from opening the editor for the first time to managing templates and troubleshooting problems.
You do not need to know how to code. These guides are written for business owners and their teams.
If you only read three things
- A tour of the Elementor interface — get oriented before you click anything.
- How to edit text — the single most common change.
- Making your page look good on mobile — the catch most clients hit.
Basics
What is Elementor?
Understand what Elementor is and how it works.
How to open the editor
Get into the Elementor editor from WordPress.
A tour of the interface
Learn what every panel and button does.
Sections, columns & widgets
The building blocks of every Elementor page.
Containers explained
The modern way Elementor organizes layouts.
Editing
How to edit text
Change headings, paragraphs, and any text on the page.
How to edit & swap images
Replace and adjust images on your page.
Editing buttons & links
Update button labels, colors, and destinations.
The most useful widgets
A guide to the widgets you'll use most often.
How to add a new section
Add content blocks anywhere on your page.
Duplicating & deleting elements
Copy or remove any part of your page.
Copying & pasting styles
Apply the same look to multiple elements quickly.
Layout & styling
Spacing, margin & padding
Control the space around and inside elements.
Changing colors & fonts
Adjust colors and typography on any element.
Working with columns
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
Switch between device views inside the editor.
Templates & global
Elementor templates explained
Understand how templates save you time.
Saving & reusing your own templates
Save any section or page as a reusable template.
Using the template library
Import pre-built page layouts and blocks.
Global colors & fonts
Change your site's colors and fonts in one place.
Advanced
The Theme Builder, explained
Edit headers, footers, and other site-wide areas.
Editing headers & footers
Update your site's header and footer in Elementor.
Elementor popups (overview)
Understand how to create and manage popups.
Working with Elementor forms
Build and manage contact and lead forms.
Using the Navigator
Find any element on a complex page fast.
Revision history
Undo changes and roll back to earlier versions.
Dynamic content, explained
Pull live data into your Elementor layouts.
Publishing your changes
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.
Need a hand?
Troubleshooting Shopify problems
Solutions to the most common Shopify problems — from checkout errors and payment failures to theme issues and products not showing up.
What is Elementor?
A plain-English explanation of Elementor — the drag-and-drop page builder used to design and edit your WordPress website.