Clicky

Tutorials

Use Elementor to create a landing page that converts

What is Elementor?

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

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

Step 1: Installing Elementor

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

Add new plugin

Search for Elementor in the plugins library & click on Install now.

Install now elementor

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

Installing Elementor

upload elementor

Install elementor

Once the plugin is installed, Click on ‘Activate Plugin’ option to activate Elementor.

Step 2: The Elementor editor

Now go to the side menu and click on Pages and select Add Page. Enter a page title and select ‘Edit with Elementor’.

Add new page elementor

Once the Elementor editor is initialized, you will be provided with a vast number of utilities to customize your website as shown below.

elementor main page

Step 3: Using a pre-designed template

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

Select your desired template and click insert. You will now be able to customize this template according to your needs.

Step 4: Designing a new page from scratch

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

design new page elementor

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

Step 5: Using canvas template for a blank page

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

edit with elementor

Step 6: Adding a new section

Adding a new section is super-easy! Just Select ‘Add Section’ from the Elementor editor to add a new section.

add new section

Select your preferred section structure and the section will be created.

select your structure

after choosing structure

Step 7: Adding 2 columns

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

adding columns

Select your preferred column structure and a new column/columns will be created.

column creation

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

Step 8: Adding a heading

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

select heading

You can then explore more options to customise the heading from the Edit Heading tab.

Step 9: Adding an image

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

adding an image

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

Step 10: Adding a button

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

Adding a button

You can then explore more options to customise the button from the Edit Button tab.

Conclusion

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

Elementor also has a pro version as well, which has advanced filters, custom CSS, global widgets and much more!

Loved the tutorial? Comment below and let us know. Also, don’t forget to share it with your peers!

 

Share this Story
Load More Related Articles
Load More By Shardul Deshmukh
Load More In Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *

Join Over 50,000+ Subscribers

Interested In
  •   
  •           
  •                      

Search