Do you know that a landing page is a gatekeeper(a standalone page) and the homepage is the host of your website?
In this article, I will show you the difference between a landing page and a homepage and how you can create a stunning landing page for your website.
Difference between a homepage and a landing page
A homepage is your website’s front page and what users will see when they enter your URL or domain name in their browser. Meanwhile, a landing page is a standalone page where most visitors land from third-party or paid traffic sources.
A homepage is designed for visitors to engage with your website. Your visitors can explore other pages, browse products, or sign up. It has more links and provides users with more choices.
Usually, it allows your visitors a happy surfing by providing many more choices that are available in your web page. Refer here for some more insights.
On the other hand, a landing page is built for conversion. It is used in paid channel marketing, email, and social media campaigns.
Visitors coming from these sources will land on this page first, which is why it is called a landing page.
A good landing page must vouchsafe less link building and has fewer links. It is planned for users to make a purchasing decision or give their information for future references.
Now it becomes illustrious here that you can have only one homepage, but you can create as many landing pages as you want for different campaigns. For example:
- A landing page for your paid advertising campaigns
- A landing on a specific product or service page
- Visitors coming from specific traffic sources like an email list, social media, and more…
Remember, you can always decide the number of your landing page to suit your need. Some webmaster have as many as 10 landing pages
That said, let’s try to create a stunning custom landing page in WordPress using FREE Elementor plugin.
Watch this video:
Create a Landing Page using Elementor
One of the best plugins for creating a landing page in WordPress is Elementor. Any beginner can use it with ease.
It allows you to easily create a landing page using the ready-made templates that you can modify with drag and drop method tools.
You don’t need to hire any developer nor pay any subscription for the service.
Firstly, you will install the plugin by going to the Dashboard of your WordPress site and hitting the Add New tab as shown:
Upon activation, you need to visit Settings » Elementor page to see any configuration of the plugin settings. in most themes, you will not require doing anything. Also, you do not require to be a coder in creating a landing page.
But mark that landing pages are characterized to:
- Get visitors to convert – take action
- Different design to the rest of the or pages or posts
- No distractions
After installing the free version plugin, you will notice a page like this in your WordPress Dashboard:
Now, scroll down to the bottom of your Dashboard and disable other elements in the Layout as a Landing Page should not have Sidebars and other distractions. For this tutorial, I am using the GeneratePress theme as shown below:
On clicking the ‘Edit with Elementor’ botton, you will come to a page like the one shown below and you will be clicking to the Elementor Canvas and this will carry to a blank page.
1. Adding Elements to your Landing Page
Click on the folder icon to add any template of your choice. There are hundreds of pre-made templates that you can choose from and insert the one you like for your landing page.
Some people prefer creating their own personal templates but many non-techy users usually choose a ready-made template for a landing page.
After choosing a pre-made template or your own template, it is now time to add sections. For this, you will click the red plus sign icon.
There are 12 different structures. You may choose a single, double or more to suit your landing page modality.
2. Customizing the Blocks
Make the changes needed to make it more personal by going over each block. Here are a few examples:
- Change title content – You can change the text to fit your own business description
- Embed video – Simply drag the video icon to your section or block and follow the prompt
- Change colors – there are 3 colors you want to work with and apply them across the page
- Change backgrounds – Change the background image in the hero section for your own
- Change images – Try to change the images in the Portfolio section for your own
3. Customize Your Landing Page for Mobile Users
All blocks come pre-designed as 100% mobile responsive. But then, you can switch to mobile view and start customizing margins, paddings and other settings for mobile and tablet users.
This will give you a good SEO response as most internet users have switched to using mobile and the forecast is 2.5 billion users in 2019 which was only 2.1 billion in 2016.
4. Previewing Result before Publishing Your Landing Page
A good rule of the thumb is to preview your result before you finally hit the publish button. Make every necessary correction if required and check everything looks proper.
To do so, click on the eye icon on the left panel. Then, publish the article. You will observe that the green button changes to grey update.
I hope this article helped you learn how to create a landing page in WordPress using the free Elemntor plugin and GeneratePress theme. You may also want to see our tips on how to generate unstoppable traffic for your website.
If you like this article, then please subscribe to our newsletter for more WordPress articles and video tutorials. You may also follow us on Twitter and Facebook.
In the meantime, there are many fuses out there whether Facebook will survive or Instagram will boom, time will only tell.
So, here’s a new All in One Social Media where I am a member. I invite you to join
Look out for more articles on creating landing pages with more WordPress plugins.
Wishing you a THUMPING SUccess.