Help Center

Knowledge base How to Create Pages with the Elementor Page Builder

How to Create Pages with the Elementor Page Builder

The instruction below reveals the detailed process of creating a visually attractive page using Elementor page builder.

There are lots of reasons that make Elementor page builders stand out among the others. The most important is its user-friendly interface for creating posts, pages, etc. Also, it doesn’t require any HTML or CSS knowledge, so you can do everything without coding skills.

First of all, let’s create a new page. In order to do it, select the Pages tab from the WordPress Dashboard and click the Add New button.

Provide your new page with a name, and proceed to the Page Attributes section, where you need to select the Elementor Canvas template from the Template dropdown.

selecting the template in the page settings

Now, click the Edit with Elementor button to get redirected to Elementor page builder, where you will do all the customization and will be able to fill the page up with content.

When Elementor opens, you’ll see the Add Template button and the Magic Button option. Afterwards, click Magic Button to select the ready-to-use page and section templates.

Magic Button and Add new section option

Then, click the Add New Section button and select the needed structure of a new page. You can select the section with up to 10 columns and change their size, the layout, the structure, the border, and the background. Set up the Margin and the Padding values if you want.

ready-made all pages templates in Magic Button

Also, you can use Inner Section widget to add the columns inside the already existing ones to create a more complex layout with a number of columns inside the column you’ve got.

style settings in the inner section

Fill the columns with the widgets and create any content you want. Use the Style and Advanced settings in order to style up the content according to your wishes.

If you don’t need one of the columns, sections or widgets, you can easily delete it by clicking the Delete button.

Feel free to use the Navigator option located in the bottom left corner on the right from the Settings to view the layout of the page with all the inner sections, and all the content blocks. You can easily drag and drop the elements shown there to get the desired effect.

style border settings in the inner section

Make sure that your page is fully responsive and will look proper on all devices. In order to do it, click the Responsive Mode option.

After the customization is done, click the Publish button.

Now, your brand-new page is ready to use.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.