Adding your first page

How to Use Elementor

Start with a template, or design the whole page from scratch. Follow this video to learn how to create your first page fast.

The video above takes you through how to create a new page in WordPress, how to load the Elementor toolset, and how to start adding content.

In WordPress, go to Pages > Add Page

Click Edit with Elementor

The video describes how to set global properties for your site (like changing to a full-width site). The video also shows you how the structure of the site is built.

Sections - Your page is broken into sections, which allows you to have discrete areas of your site that you can style their own way. You can have a header that's one big column, a large background image, and some text, etc, and then a section underneath with 4 columns to break up information in a way that looks terrific. This makes it easy to set properties for one section without changing the whole page, to copy a section, and to click and drag a section to another part of the page.

Columns - Within sections, your site is made up of columns. Even if you only have one space for content that spans the full page, that's one column. Using columns allows you to divide your information and your visual flow in ways that are easy to read and understand for your visitors. For example, you can build a 3 column layout with the middle column being 50%, and the left and right columns 25% each, if that's how you want that section of your site to look. And you can click and drag the columns to resize them.

Widgets - Widgets are the individual elements on your site. Headers, text, images, videos, buttons, are all widgets and can be dragged into columns on your page.

The video will show you how to drag a widget onto your page, like a block of text, and then how to change the size, the colour, the typography, the font, etc, all quickly and easily in the editor.

A great way to get started with a new page is to start with a Template; either a Template Page or a Template Block. You can click the Add Template button in the Elementor editor to import an entire model of a page and then edit it with your own content, or just import a block for a pre-designed content section. If you want to add a header but haven't decided how you want it to look, import a header block that looks great and then changes the style to match your vision.

Keep reading for more about creating your first page.