Elementor Top Bar

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.:

Elementor logo 1 Elementor Top Bar 171

Pages Panel

  • Note : The Pages Panel appears to new users creating new sites. If the top editor bar of your site was not enabled when the Pages Panel was implemented, this feature may not appear in your top bar. If this happens, and you want to implement the pages panel, 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.

Help Center

How can we help?

Table of Contents