help center Getting Started  Browse by Topic  Browse by Product  More Resources  

Help / Elementor Editor / Getting around the Elementor Editor / Explore the Elementor Editor

Elementor Editor VERSION 3.14

Explore the
Get Started with Elementor

Get Started with Elementor

Hosting

Accounts Elementor Editor

Billing

WordPress Last Update: September 21, 2023

Elementor Editor

Getting around the

Whether you’re building your site from scratch or using one of
Elementor Editor
our website kits, you’ll need to learn how to use the Elementor
Navigator Editor. We’ll start by going over the basic layout of the editor.

Explore the Elementor

Editor

Add elements to a
How do I get there?
page
There are two ways to open the Elementor Editor:
Page settings

How can I get a full 1 Go to your My Elementor dashboard.

screen canvas in the
2 Log into your Elementor site.
editor?

Quickly access your 3 Choose the website you’d like to edit and click Edit
favorite widgets with Elementor.

Learn what Site Lock Is Or

How do I build a
Create/Edit a page using Edit with Elementor
landing page?

Collaborate using
Notes
What’s the structure of the
Access a section that
is hidden Elementor Editor?
Exiting the Elementor
The editor consists of 2 main areas: the Panel and the Canvas.
Editor

Revision history, undo

and redo

What is the Viewport

Control?

Import files from

desktop

Elementor Top Bar

Using Elementor’s Full

Width Page template Panel
Fix Edit with Elementor
button missing This is where you’ll find all of the tools and settings you need to
edit and customize your site. When you can see widgets on the
Multi Select
panel, it’s called a Widget Panel. After you’ve selected an
Set Elementor to element (widget, section or column), this panel is where you’ll
Coming Soon edit the element. When you’re editing an element, it’s called the
Navigator Indicators Editing Panel.

Elementor features

Right Click What else can I do in the panel?

Help Button The hamburger icon allows you to change the settings, view
Dark Mode the page as a visitor, or exit to your WordPress dashboard.

Creating a page layout

Building your page

The Hamburger icon
Creating an online store

Universal settings The widget icon allows you to view all available widgets anytime
you need.
Editor FAQs

Editor Troubleshooting

Customize your website The Widget icon

Elementor Hosting
Page Settings allows you to set your page’s name, featured
Known Issues
image, and general layout.
Glossary

The page settings icon

 New Features
Navigator allows you to access, edit, and reorder elements on
 Known Issues your page.

The Navigator icon

History automatically tracks all changes you’ve made to your

page. It also allows you to undo edits or restore your page to an
earlier version.

The History icon

Responsive Mode allows you to preview how your site will look
on a desktop browser, tablet, and on mobile. This way, you can
make any changes you need to ensure your site looks perfect
across all browsers and devices.

The Responsive Mode icon

Preview Changes allows you to see the website from the

visitor’s point of view.

The Preview icon

Preview/Update allows you to save your page or make any

changes visible and live on your site.

The Publish button

Canvas

The canvas is also known as the Content Area. This is where

you’ll create your page/post/site part.

If you have made a header and footer, they will appear on the
canvas as well. When you mouse over the header or footer, their
color changes.

Click inside either the header or footer, to switch to edit mode.

As you hover over different parts of the page, each part

changes color.

Click the page area to return to its edit mode. -You are
prompted to save before switching.

A canvas with the Header and Footer highlighted.

Creating sections
Let’s create a simple section in just four steps:

1 Click the “+” icon to create a section (The folder icon is

used to create a section by importing a template).

2 Select the column structure.

3 Click your chosen widget from the Widget Panel.

4 Drag and drop it into the column you want.

How do I edit sections, columns and

widgets?
Click on the handle any element in the canvas to open its menu.

Selecting a Widget will open 3 tabs on the panel: Content, Style

and Advanced.

Selecting a Section or Column will open the panel with Layout,

Style and Advanced.

For more information on widgets, head over to:

https://elementor.com/help/widgets/.

On this page
Related articles
Build your first page How do I get there?

What’s the structure of the Elementor

Editor?

Panel

What else can I do in the panel?

Canvas

Creating sections
Have more questions? We’re more than happy to assist.
How do I edit sections, columns and
widgets?
Contact Support
Related articles

Is this article helpful?

PREVIOUS NEXT
Navigator Add element…
Share this article

Related Content

Dark Mode

Help Button

Right Click

Elementor features

Navigator Indicators

Web creation Pricing Resources Company

Website Builder WordPress Hosting Help Center About Us

Strattic Strattic Academy Contact Us

Page Builder Plugin Page Builder Plugin Blog Careers

Hello Theme Add-Ons FAQs

Dynamic Content Elementor For Roadmap Affiliate Program Elementor is the leading website builder
platform for professionals on WordPress.
Ecommerce Developers Website Trust Center
Elementor serves web professionals,
Web Designers including developers, designers and
Theme Builder Support Media
marketers, and boasts a new website
Developers
Landing Page Builder Web Creators Glossary Trademark created every 10 seconds on its platform.
Marketers
Popup Builder Integrations Terms & Conditions

Agencies
Form Builder Web Creator Stories AI Terms & Conditions Subscribe To Our Newsletter
Small Business Owners
Workflow Optimization Meetups Privacy Policy

Enter your email address Subscribe

Webinars Cookie Policy

Website Accessibility Statement By entering your email, you agree to receive

Elementor emails, including marketing emails, and
Open-Source Software Components
agree to our Terms & Conditions and Privacy Policy.

© Elementor. All Rights Reserved