How to Create a Landing Page on WordPress With Elementor

A landing page is a page on your website created specifically for certain goals such as generating leads, creating an email list for marketing purposes, generating better conversion rates for blog posts, or enforcing social media presence.

[convertkit form=1660786]

Are you working towards creating a lead generating and professional landing page for your blog? Well, if that’s the case, then here’s everything you need to know about it.

The Elementor WordPress page builder provides you with several functionalities and design options, which help you create a professional landing page and stunning websites easily without any coding knowledge. So, here’s a step-by-step tutorial showing you how to create a landing page using Elementor.


Before you start building your landing page, here are a few things you need to have in place using the Elementor page builder.

The free version works well. However, there are a few premium functions that are available only if you have Elementor Pro. So, if you have Elementor Pro, you’ll certainly get your hands on everything.

Now, let’s begin with our step-by-step guide.

Set up Landing Page

Once you’re on your Dashboard, first click on ‘Pages,’ then select ‘Add New’ and finally click on the ‘Edit with Elementor’ button. When you’re done, scroll down to the bottom of the page and click on the gear icon on the bottom left, and then switch the page layout to ‘Elementor Canvas’ so that you get to work on a blank landing page.

Add Elements to Landing Page

To add elements to your landing page, you need to click on the folder icon to add a template. You’ll then see a popup box, where you need to click on the ‘Blocks’ tab. You can now start adding different blocks to make up your landing page by using the select dropdown.

READ also  7 Pre-blog Launching List

There are several things to add to your landing page. Here are a few examples of things you may want to add while building your Elementor landing page.

·        Hero

It is also referred to as the ‘Above the Fold’ section as it’ll be the first thing your visitor will see before scrolling the page and is undoubtedly the most important part of your landing page. That is why you need to place the most important and essential elements here, like the title, sub-title, and subscribe form.

·        Services

This section will hold all the details mentioning the main services or features your business provides.

·        Testimonial

This is the section your clients would be highly interested in, as it will show social proof that your current clientele is satisfied with the services you’ve been offering them.

·        Portfolio

Here you can show the visitors a few examples of your work to know if your work resonates with what they’re looking for.

·       Footer

When your visitors scroll down the page, you encourage them to do what you want from them by placing a CTA (Call-to-action) button.

Your footer should include your ‘Privacy Policy’ and ‘Terms of Service’ or anything related to that area at the end of your page.

Customize your Elementor Blocks

To customize your Elementor blocks, you need to go over each block and make apt customizations that would fit your website or blog. You may consider customizing images, colors, title content, backgrounds, etc.

Mobile Customization

Now that mobile users are on a surge, you need to make sure that your landing page is optimized for mobile devices and is mobile-friendly. However, there’s no need to worry about doing it separately for mobile purposes. All these blocks are pre-designed as 100% mobile responsive. Thus, you can easily switch to the mobile view and start customizing paddings, margins, and other settings for mobile devices, including smartphones and tablets.

READ also  How to add your website to Google Search Console?

Preview your Landing Page

The last step before publishing the Elementor Landing Page is to preview it, which allows you to see how it’ll look when published. So, to preview your landing page, click on the eye icon on the bottom left panel. See if everything’s in order, and then publish your landing page.

You’ll then notice the green ‘Publish’ button changing into a grey ‘Update’ button. Congratulations on successfully building and publishing an Elementor landing page for your website!


Whether you’re a blogger or a managing business blog, landing pages provide you with a great opportunity to easily convert your website, visitors into your loyal customers or subscribers. No more is building landing pages a task for skilled web designers and developers. You can take the job into your hands and go ahead with page builder plugins like Elementor, which would help you to drag and drop elements into a page and design beautiful web pages of your own. I hope this guide was helpful to you to get started with your own landing page.

Similar Posts