How to Create a Landing Page in WordPress That Converts: Step by Step Guide
Do you want to create a custom landing page for your website that converts? With more than 4.66 billion internet users worldwide, your website has a great chance to convert visitors into leads.
All this will be possible with a professional-looking landing page.
You can grab users’ attention quickly using the power of the landing page. Landing pages are widely used in paid marketing, social media marketing, and other marketing campaigns.
Users coming from campaigns will land here first. That’s why it is called a landing page.
Landing pages are a great way to remove unnecessary distractions and let people focus on taking action.
You can also add graphics, Google reviews, and videos to the landing pages to grab users’ attention and convert them into customers.
In this article, you’ll learn how easily you can create a landing page in WordPress using the Astra theme, Starter Templates, and the Spectra page builder.
Before moving further, have a quick look at what we will cover.
- What’s a landing page?
- Why is a landing page different from a normal page?
- Creating a landing page in WordPress
We’ll cover everything step by step and, by the end, you’ll have a fuller understanding of landing pages and how to build one.
What is a Landing Page?
Many people confuse a homepage with a landing page, so let’s start here first.
A homepage is the first page that visitors will see after they visit a business domain. It contains your business information, outlines for products and services and lots of navigation links to help users find what they need.
Landing pages are designed to convert leads by capturing visitors’ information and nothing else.
It’s a specially created page with minimal distractions, to help generate more leads and increase sales.
Here’s an excellent example of a landing page:
As you can see, the page itself is minimal and has a single aim, to collect contact details from potential drivers.
There is little to distract a visitor and the core message is clear.
You can create landing pages for your own business to encourage actions including:
- Signing up for your newsletter
- Signing up for an email list
- Subscribing to a product or service
- Buying products from your online store
The aims of landing pages are many, but the process of delivering a good one is largely the same.
Why is a Landing Page Different from a Normal Page?
A key difference between normal pages and landing pages is their motive.
Both pages have different goals.
Homepages are designed to attract visitors and provide information, while a landing page converts visitors into customers.
A homepage gives a complete overview of your business using detailed information. It may also have multiple goals like answering questions, providing information and telling your story.
A landing page has a single goal. To convert anyone who lands on the page.
You can create as many landing pages as you like, including:
- Specific landing pages for a service or product
- A landing page for your paid marketing campaign
- A special page for subscribers coming from your email list and other social media platforms
Let’s now look at how to create a beautiful landing page in WordPress without requiring CSS and HTML.
Creating a Landing Page in WordPress
To create a landing page, you’ll require a domain name, web hosting, WordPress, Astra, Starter Templates, and Spectra to customize your landing page.
As you’re researching landing pages, you likely have the first 3 set up already. We’ll cover them here anyway in case you don’t.
Step 1: Buy a Domain Name and Web Hosting
To create a landing page, you’ll need a domain name and web hosting. You can get domain names from Google Domains, Namecheap, and Bluehost, to name a few options.
You can get web hosting from Cloudways, Bluehost, HostGator, SiteGround, and other companies.
You can also acquire your domain name and hosting plan from the same company. It’s entirely up to you.
Step 2: Install WordPress
WordPress is an open source platform and is free to use. Most hosting providers automatically install WordPress. But, if you want to do it yourself, you can check out a video tutorial here.
Step 3: Install the Astra theme
After installing WordPress, you’ll need a theme to create your website. You can get free or paid themes for almost any use. You can even buy a WooCommerce theme if you run an online store.
Among all available themes, Astra stands out because it’s a free, fast, and responsive WordPress theme.
The theme also supports leading page builders including Gutenberg, Elementor, and Beaver Builder.
The Astra theme comes with readymade Starter Templates that help you to build a complete website without writing a single line of code.
Let’s use Astra to create a beautiful landing page.
To install the Astra theme, go to the WordPress admin panel and select the Appearance > Themes option.
After that, click on the “Add New” button.
Search for “Astra” and click “Install”.
Once Astra is installed, Activate the theme.
Now, the Astra theme is installed, you just need the Starter Templates plugin to create a beautiful landing page.
Step 4: Install the Starter Templates plugin
Using Starter Templates, you can create amazing landing pages in minutes.
Before moving further, have a look at the benefits of Starter Templates:
- Bundled with free and paid landing templates.
- Works well with drag and drop page editors.
- A wide range of readymade templates.
- Works best with the Astra theme.
- Fully responsive and SEO-friendly.
To install the Starter Templates plugin, navigate to WordPress admin dashboard and select Plugins > Add New.
Search “Starter Templates” in the search bar and click “Install Now.”
After installing, tap on the “Activate” button.
After activating Starter Templates, you can import a single landing page template to your page or post. To do this, you will need to use the Elementor page builder, Spectra or Gutenberg.
We’re going to use the Gutenberg editor for this guide as it comes with WordPress.
Page Template Import Process
Step 1 – Go to WordPress admin > Pages and access the editor to access the Gutenberg template library.
Step 2 – Import a template by clicking on the “Starter Templates” button in the editor:
Step 3 – Click on Starter Templates and browse through the library to find a landing page template you like.
Step 4 – Select the template and click the “Import Template” button.
Step 5 – Once the import process is completed, you can view the single- landing page template automatically as “Draft”.
As the template includes everything, you’ll just need to add any information you need and change the rest so it’s relevant to your business and the purpose.
Simply select a block on the page and use the menus above the block and in the right pane to make your changes.
With just a few steps, you can create a beautiful landing page!
If you want to add brand trust and authority to the landing pages, Tagembed has interactive features to embed Instagram Feed, Twitter Feed, Google Reviews, YouTube Videos, and more Social Media Feeds.
Using the Tagembed plugin, you can embed delightful Twitter Feed and Google Reviews with a few clicks.
The plugin has a number of benefits, including:
- Tagembed has advanced content filtering.
- It supports instant content updates.
- Users can generate reports with analytics.
- Tagembed has the option to create Custom CSS.
- It also works great with Astra and Spectra.
- It provide multiple social media embedding features to your website
Step 5: Customize your landing page using Spectra
Spectra is a free addon that adds extra blocks to the Gutenberg page editor.
To add Spectra to your site, navigate to the WordPress admin panel and head to Plugins > Add New.
Search the keyword “Spectra” and click the “Install Now” button.
To start using Spectra, once install is completed, click on the “Activate” button.
Now, you can start customizing your landing page using the Spectra block editor.
You can customize the landing page by navigating to the WordPress admin dashboard and going to Pages > All Pages.
Select the landing page and click on the “Edit” button.
After clicking on “Edit”, you will see the Gutenberg editor. If you’re new to Gutenberg, you can view the tour otherwise skip it by clicking on the “(+)” icon.
After skipping the tour, you can start adding blocks to the landing page by clicking the “(+)” icon.
Spectra comes with 31 unique blocks. See the image below that depicts 31 blocks in the left panel.
Once you’re done with customization, you can hit the “Preview” button to see changes.
Once all is done, don’t forget to click “Publish”.
And there you have your customized landing page!
Now you know how to create a beautiful landing page using WordPress, the Astra theme, Starter Templates, and the Spectra block editor.
This bundle will help you create content-rich landing pages that will convert. All for free.
We hope that this article helped you to learn how to create a landing page in WordPress easily. If you like this article and want to share your view on it, please add your comments below.
Embed social feed from Facebook, YouTube, Instagram, Twitter on your website, like a PRO