Build and publish your first page with Elementor

You are here:
< Back

Build Your First Page

Elementor uses three main building blocks: SectionsColumns, and Widgets.

Sections are the largest building blocks, and inside them are groups of ColumnsColumns sit inside of Sections and are used to house the WidgetsWidgets are placed inside of Columns.
You control the SectionColumn, and Widgets with their handle.

Editing

To edit the SectionColumn, or WidgetRight Click their handle.

 

 

Section

  1. Click the icon to create a Section
  2. Set your Column structure
  3. Right click to Edit, Duplicate, Copy, Delete etc.Use the Section handle  to: add a section, drag a section, or delete. To see additional options, such as to duplicate the section, right click on the dot grid in the center of the section handle.

 

 

Column

  1. Set the Columns Width. You can do it under Layout, or drag the dashed line between the Columns.
  2. To add more Columns Right Click > Add New Column
  3. Insert Widgets to your Columns

 

Widget

  1. Insert Widgets inside your Columns
  2. A Widget width is set by the Column width

 

 

Preview & Publish your page

After you’re done designing your page, Preview & Publish it.

 

  1. On Elementor editor, from the top bar, click the Preview  icon.

The page is now shown as it looks on the actual website.

2. If you are satisfied with the result, click the Publish button.

 

Save as a draft or template

You can edit a Published page and save your work as Draft. That means that you will not ruin your published page while saving your work as Draft. If you save the page as a template, you can reuse the page either on this site or another site.

  1. In the upper right corner of the top bar, click the arrow next to Update or Publish button.
  2. Select Save Draft or Save as Template.
Tags: