create-landing-page-with-elementor

Create landing page with Elementor using pre-built template

Do you want to create landing page using Elementor in WordPress? Creating a custom landing page is not very difficult. You can easily create beautiful landing page using the most popular page builder Elementor within a very short time. A well designed landing page easily attracts your users.

Landing page helps you to generate more traffic by getting your user’s personal info. No matter what type of your business is , a beautiful landing page can make your visitors into potential customers. So here in this article we will guide you to create landing page using Elementor in WordPress.

If you want to create landing page from scratch then you can check our another tutorial too.

How to Create landing page from scratch with Elementor.

You can see our another article too to make responsive website with Elementor

Some key points of a perfect landing page

Before creating our landing page lets discuss about the elements of a perfect landing page. We need to know the characteristics of your business and appear that in your landing page in a creative way so that your visitors can easily attract with your services and become your subscriber.

The main purpose of the landing page is to get your user personal information like email, name, age etc. So you need to give themselves the reason to become your subscriber. Now let’s take a look what we need to implement in our landing page to make it perfect.

  • A call to action button
  • Advertise the call to action button
  • Create a eye catchy and unique design
  • Improve the color scheme
  • High quality background image
  • Use related video
  • Less outbound link

Create landing page using Elementor in WordPress

Elementor is one of the best page builder available for WordPress. It offers you so many features and functionalities to make your website in a short time. You can easily drag and drop element and make any design you want. It’s easy to use interface gives you everything you want to customize your WordPress website.

If you don’t have any codding knowledge and want to make your landing page for yourself then the Elemnotor WordPress plugin is the perfect one for you. Without any codding experience you will be able to create your beautiful landing page with all the features. Now create our landing page with the Elementor plugin.

Step 1 : Install and active Elementor plugin

Initially we need to install the Elementor plugin. There are two ways you can install the plugin in your WordPress website. At first go to your WordPress dashboard and click on the Plugins option. Then from the WordPress search plugin directory search for Elementor. Elementor plugin will show up and install the plugin and active it.

create landing page using Elementor in WordPress

Or you can download the Elementor plugin from WordPress plugin store and then click on upload plugin button in the plugin page and  upload the file.

After activate the plugin we will able to see the Elementor option in our WordPress dashboard.

Step 2 : Create landing page using Elementor

After successfully install and active the Elementor plugin now our next step is to create our landing page. To create our landing page go to your WordPress dashboard and then click on the Pages option and then click on the add new button.

create landing page using Elementor in WordPress

WordPress page template page will open up. To create our landing page with Elementor we just need to click on the Edit with Elementor option. But before that from the from the template dropdown menu in the right column select the Elementor canvas. Then click on the Edit with Elementor option.

Now there are two ways to create your landing page using Elementor. They are –

  • Choose a template and customize it with your requirments
  • Cretae your landing page from scratch

If you are a beginner then we will suggest you to choose any template and customize it as we want. It will help you create your landing page very easily.

Step 3 : Choose Template

Now our Elementor page option will appear and we will able to see the Elementor interface. Now from the setting option look for Page layout and select Elementor Canvas. To choose your landing page template just click on the folder icon.

Edit with Elementor 

A popup window will show up and you can see three options.

  • Blocks
  • Pages
  • My templates

You can choose a entire pages for your landing page or you can choose individual block and add them wit drag and drop features in your landing page.

If you want to add the block individually it will be very time consuming. And sometimes it’s very difficult  to match all the blocks perfectly for landing page. If you are a beginner then it will be more complicated for you. So the best option is to choose any pre built free landing page template. There a lots of free landing page templates are available in the Elementor page library. You can choose any one and it will be easy for you as a beginner.

create-landing-page-with-elementor

It will save you a lot of time and extra efforts. Just select any template and customize it based on your brand or services.

create landing page using Elementor in WordPress

This is how our landing page look like. Now we just need to customize it based on your brand.

step 4 : Customize landing page with Elementor

At first we need to realign the section by clicking on the 6 dot icon and you can drag and drop any section. You can select replace the first section in another section just using drag and drop.

create landing page using Elementor in WordPress

If you want to delete any section just click on the X button. When you accidentally delete any selection you can restore it by clicking  clt+Z.

Editing the content of the section is also very easy. Just click any text where you want to edit.

create-landing-page-with-elementor

Follow the same process to edit any image. Just click on any image you want to replace then from the left column choose your image and replace it.

create-landing-page-with-elementor

If you want to change the background color, text color then just need to select the section and from the left column  press the style tab

create-landing-page-with-elementor

You can change the typography, text color, text shadow, background color add border any some other style to your section.

From the advance tab you can add margin, padding, z-index, attributes for your section.

create-landing-page-with-elementor

Step 5 : Add new content

To add new content just click on the “+” icon where you want to add your new content.

Elementor offers you many block to add in your new content. At first select the column and then click on the “+” icon to add you content. Based on the block you can see different options.

Step 6 : Save and publish

When everything is done check what you have done and then save your page or publish it. You can save as draft or save this page as template or publish the page.

If you follow this process you can easily create a beautiful landing for your website.

We hope this article will help you to create your own landing page for your website. If you like this article please like our Facebook page to stay connected.