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.

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

Alternatively, you can manually download it from the Elementor web-site at https://elementor.com and upload it using the upload plugin option.

 

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’.

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

Step 3: Using a pre-designed template

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

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’.

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’.

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.

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

Select your structure

Step 7: Adding 2 columns

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

 

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

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.

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.

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.

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