There was a problem loading the comments.

How to create and edit pages with Elementor?

Support Portal  »  Knowledgebase  »  Viewing Article

  Print

Creating and editing pages

The Elementor editor and site builder works in conjunction with WordPress. When you create a new page to edit with Elementor, you first need to create the page in WordPress, and then select Edit with Elementor.

 

Create a new page

  1. From the WordPress dashboard, select the Pages tab
  2. Click Add New

or

  1. Select New>Page from the Admin bar
  2. Click Edit with Elementor
Screenshot of the WordPress dashboard. The "Pages" and "Add New" buttons are highlighted in red boxes.
Just look for the “Pages” and “Add New” buttons to create a new page.
New pages can be created from the Admin bar
Creating a new page from the Admin bar.

 

Editing a page

  1. First, let’s open the page for editing. Navigate to Pages > All Pages tab on the left of the Dashboard. The default page editor will open. Here click on Edit with Elementor button to proceed to editing with Elementor.                                                        Edit Pages Using Elementor



    Or you can select Edit with Elementor directly from the WordPress dashboard.

    • From the WordPress dashboard, click the Pages tab
    • Hover over the page name  
    • Select Edit with Elementor 
    Screenshot of WordPress dashboard showing users where the "Edit with Elementor" button is located. The "Edit with Elementor" button is highlighted in red.


  2. On the Elementor editor page you’ll see two blocks reminiscent of Customizer. On the left you can find Elements (1) and Global (2) tabs, allowing to change global settings and choose the content modules for adding and editing. There is a page layout which can be filled with the content modules on the right. 
               Edit Pages Using Elementor


  3. Let’s edit the page that was built with Elementor. Click on one of the content sections you want to edit. It will be encased in the thin blue frame. It means that the section is active now.                                                                               


Section Options

Hover on the section to see the available options.

  • Edit Section – click on the option icon to open the section editor on the left. Here you can view the section layout options, access section styles, such as backgroundsborders, and apply advanced settings.
  • Duplicate Settings – click on this icon to clone the section on the page. This option might be extremely useful if you want to use the same style and content settings and there is a need to create the same content block on the website’s page.
  • Add Section – here you can add a new section to put more content to your web page.
  • Save Section – click on this icon if you want to save the section to the templates Library. You’ll be able to export and reuse it on any webpage.
  • Remove Section – click on this icon if you need to delete the section from the page.


Column Options
  1. To access the column options you need to hover on the top left column corner. A gray icon will appear with a hamburger options menu. These are very similar to the whole section options (Edit ColumnDuplicate ColumnAdd ColumnRemove Column).
  2. Click on Edit Column icon to access column layout and style settings.
  3. If you click on Add Column icon, another column will be added to the current section.


Editing Content Modules

To edit content modules hover on the top right content block corner. Here you’ll see the module hamburger menu. Expand it to view all the available options.

  • Edit Widget – click on the top right icon to proceed to editing content module.
  • Duplicate Widget – the option duplicated the content module with all the content and style settings and places it in the same section and column.
  • Remove Widget – use this option to delete the content module.


Editing Content Modules

  1. To start editing one of the modules you need to click on Edit Widget button in the top right corner of the content module. The module editor will open in the left column.
  2. Switch from editing content to editing style or apply advanced settings using the buttons located in the top panel of the editor.
  3. The modules content and style settings may differ depending on what content you need to add to the page and what module you’ve chosen.
  4. Click on Save button in the bottom left corner to save the changes.

Share via
Did you find this article useful?  

Related Articles

© Keystone Solutions