How to use Elementor - ultimate & free page builder for WordPress

What is Elementor Page Builder?

Elementor Page Builder is an open source and free to use Live Page Builder plugin which allows users create stunning websites easily without any coding knowledge. With this builder, users can customize their pre-existing WordPress themes or any external theme.

How to create a landing page in Elementor Page Builder

Working through the plugin is super easy, and in this article, I will go through a simple tutorial on how to create a landing page in Elementor. If you are new to creating landing page using Elementor, this tutorial is all you need!

Step 1: Installing Elementor Page Builder

First, you need to login into your admin panel (WordPress Dashboard.) Once you are logged in, go to the side menu and click on Plugins > Add New option.

How to use Elementor - ultimate & free page builder for WordPress 1

Search for Elementor Page Builder in the plugins library and then click on Install Now.

How to use Elementor - ultimate & free page builder for WordPress 2

Alternatively, you can manually download it from the Elementor web-site at https://elementor.com and upload it using the upload plugin option.
How to use Elementor - ultimate & free page builder for WordPress 3

 

How to use Elementor - ultimate & free page builder for WordPress 4

Once the Elementor Page Builder plugin is installed, Click on the Activate Plugin option to activate Elementor.

Step 2: The Elementor editor

Now go to the side-bar menu and click on Pages > Add Page to create a new page. Enter a page title and then select ‘Edit with Elementor’.

How to use Elementor - ultimate & free page builder for WordPress 5

Once the Elementor editor is initialized, you are free to use a vast number of utilities to customize your web-site as shown below.

How to use Elementor - ultimate & free page builder for WordPress 6

Step 3: Using a pre-designed template

Go to the file option from the Elementor editor and select Templates Library as shown below.

How to use Elementor - ultimate & free page builder for WordPress 7

How to use Elementor - ultimate & free page builder for WordPress 8

Select your desired template and click to insert. You will now be able to customize the template as you wish.

Step 4: Designing a new page from scratch

You can elect to design a new page from scratch. To do so, you need to go to the side-bar menu and click on Pages > Add Page. Enter a page title and select ‘Edit with Elementor’.

How to use Elementor - ultimate & free page builder for WordPress 9

After the Elementor Editor is loaded you can drag and drop various content blocks from the Elements tab to build a new page from scratch.

Step 5: Using canvas template for a blank page

To work with a canvas template for a blank page, you need to go to WordPress Dashboard> Pages and the select Add Page. After entering a page title, go on the right side of the page and select Elementor canvas option from the template dropdown and then select ‘Edit with Elementor’.

How to use Elementor - ultimate & free page builder for WordPress 10

Step 6: Adding a new section

Adding a new section is really super-easy! You can just select ‘Add Section’ from the Elementor editor to add a new section.

How to use Elementor - ultimate & free page builder for WordPress 11

If you select your preferred section structure, the section will be created.

How to use Elementor - ultimate & free page builder for WordPress 12
Select your structure

How to use Elementor - ultimate & free page builder for WordPress 13

Step 7: Adding 2 columns

Select the ‘Columns’ option from the elements tab to add new columns.

How to use Elementor - ultimate & free page builder for WordPress 14

 

Select the column structure you want and a new column/columns will be created.

How to use Elementor - ultimate & free page builder for WordPress 15

You can then explore more options to customise the columns from the Edit Section tab.

Step 8: Adding a heading

Select the ‘Heading’ option from the Elements tab to add a new heading.

How to use Elementor - ultimate & free page builder for WordPress 16

Then, explore more options to customise the heading from the Edit Heading tab.

Step 9: Adding an image

Select the ‘Image’ widget from the panel to add a new image.

How to use Elementor - ultimate & free page builder for WordPress 17

You now can explore more options to customise the image by clicking on Edit Image, then going to the Style tab.

Step 10: Adding a button

Select the ‘Button’ option from the Elements tab to add a new button.

How to use Elementor - ultimate & free page builder for WordPress 18

Similarly, you now can explore more options to customise the button from the Edit Button tab.

Conclusion

With the vast amount of tools, Elementor Page Builder is no doubt one of the best WordPress page builders out there for both beginner and advanced users to build beautiful websites without putting in much effort and time. The developer covered almost every basic element that you might need to create a landing page.


Leave a Comment