help center

On this page

Elementor Top Bar

Last Update: March 6, 2024

Introduction

For ease of use, many Elementor Editor features are accessible from the top tool bar.

Note
In previous versions of the Editor, these features were accessed through the panel. If you want to keep using the panel, turn off the Editor Top Bar feature. For more details about disabling features, see Elementor experimental features.
Full Top Bar Elementor Top Bar 169
Tip
First time users will have an extra option called the Pages Panel. See Pages Panel below for more details. This feature is only available to users of Elementor Hosting sites.

Editor Controls

Listed below are descriptions for each of the Editor controls on the toolbar. They appear on the toolbar from left to right.:

NameControlDescription
Elementor logoElementor logo 1 Elementor Top Bar 171The Elementor logo gives you quick access to:
Theme Builder – here you can access the different site parts.
History menu – here you can  see all changes you’ve made to the page. You can also undo them from here.  with a chance to undo them.
User Preferences – here you can set your personal preferences for the Elementor Editor.
Keyboard Shortcuts – brings up a chart showing the keyboard combinations, or hotkeys, that will bring up certain actions.
Manage this Website – exit to the site overview section of the My Elementor dashboard.
Exit to WordPress – exit to the site’s WP Admin.
Add ElementAdd Element Elementor Top Bar 173Click this to access all the elements you can add to a page, such as text widgets and images.
Site SettingsSite Settings Elementor Top Bar 175Click this to make changes that will be applied to all your site’s pages and posts.
StructureNavigator Elementor Top Bar 177Click here to open the  Navigator. The Navigator helps you quickly locate different elements on the page.
NotesNotes Elementor Top Bar 179Click here to access the Notes panel where you can leave or read suggestions about the page. See Notes for more details.
Page Name3.14 new page name Elementor Top Bar 181Click the page name to get quick access to the five most recently edited pages or site parts. 
Additionally, click the Page Name drop-down to create a new page.
Page settingsPage settings 1 Elementor Top Bar 183Click here to make changes that affect this page.
Responsive views3.14 responsive settings Elementor Top Bar 185Click here to toggle between PC, tablet, and mobile view for the page.
Finder Finder Elementor Top Bar 187Click here to quickly locate or create pages, posts and templates.
Help CenterHelp Center Elementor Top Bar 189Click here to access the Elementor Help Center.
What’s NewWhats New Elementor Top Bar 191Click here to find out about newly introduced features and other announcements.
PreviewPreview Elementor Top Bar 193Preview your page in the same way visitors to your site would see it.
PublishPublish Elementor Top Bar 195Click Publish (or Update) to make your page live or to update your published page.
Select Publish optionsSave options Elementor Top Bar 197Click for more save options:
Save your page as a draft or save it as a template.

Pages Panel

Note: If the top editor bar of your site was not enabled when the Pages Panel was implemented, this feature may not appear when you enable the top bar. If this happens, you’ll need to contact support. For more details, see How do I submit a support ticket?

Use the Pages Panel to do the following directly  in the Elementor Editor, without the need to returning to the WordPress dashboard: 

  • Edit a page 
  • View a page 
  • Rename
  • Duplicate
  • Delete existing pages create new pages 
  • Set a page as the homepage

Edit a page

To edit a page:
image Elementor Top Bar 199

  1. From the top bar, click the Pages icon.
    image 1 Elementor Top Bar 201
  2. In the Pages Panel, click the page you want to edit.

Create a new page

To create a new page:
image 2 Elementor Top Bar 203

  1. From the top bar, click the Pages icon.
    image 3 Elementor Top Bar 205
  2. Click Add New
    image 10 Elementor Top Bar 207
  3. Enter a name for your new page.
    The new page opens in the Editor.

Rename a page

Each page of your site has a unique name. Change this name either by using page settings or the Pages Panel.

To rename a page via the Pages Panel:
image 4 Elementor Top Bar 209

  1. From the top bar, click the Pages icon.
    image 5 Elementor Top Bar 211
  2. In the Pages Panel, click the ellipses next to the page you want to rename.
    image 6 Elementor Top Bar 213
  3. From the menu, select Rename.
  4. Enter a new page name.  

Duplicate a page

To keep a consistent look and feel, you can create new pages by duplicating existing pages. 

To duplicate a page:
image 7 Elementor Top Bar 215

  1. From the top bar, click the Pages icon.
    image 8 Elementor Top Bar 217
  2. In the Pages Panel, click the ellipses next to the page you want to rename.
    image 9 Elementor Top Bar 219
  3. From the menu, select Duplicate.
    image 11 Elementor Top Bar 221
    The new page will appear in the panel.

Delete a page

Delete a page directly in the Editor. 

Note
You cannot delete the page you’re editing.

To delete a page:
image 10 Elementor Top Bar 223

  1. From the top bar, click the Pages icon.
    image 11 Elementor Top Bar 225
  2. In the Page Panel, click the ellipses next to the page you want to delete.
    image 12 Elementor Top Bar 227
  3. From the menu, select Delete.
Note
You can’t delete the page you’re editing.

View a page

Quickly check another page without going back to the WordPress dashboard.

To view a page:
image 13 Elementor Top Bar 229

  1. From the top bar, click the Page Panel icon.
    image 14 Elementor Top Bar 231
  2. In the Pages Panel, click the ellipses next to the page you want to rename.
    image 15 Elementor Top Bar 233
  3. From the menu, select View Page.

Set a page as the homepage

Every website must have one – and only one – homepage.

To set a page as the homepage:
image 16 Elementor Top Bar 235

  1. From the top bar, click the Pages icon.
    image 17 Elementor Top Bar 237
  2. In the Pages Panel, click the ellipses next to the page you want to set as a homepage.
    zUYaPaDjK2HKzhH9U5OABpdmpJ3OEchVAP grwkcdvkHMS a1V xNAmNYcnRFN2QK53h67kMrbRQMvh6ao2LPH2c6mMH44po5bpa2U26Coj YQ8FtXq2g9AOBvMZ mef dFeU UEBpOFtWdzb1Qg A Elementor Top Bar 239
  3. From the menu, select Set as homepage
Note
A site can only have one homepage.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article