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
  • Conclusion

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:

drive 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. 

Appearance themes option

After that, click on the “Add New” button. 

click on add new button to choose Astra theme

Search for “Astra” and click “Install”. 

click on install button to use Astra theme

Once Astra is installed, Activate the theme.

Click on activate button to start with astra

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

Click on add new to install Starter templates

Search “Starter Templates” in the search bar and click “Install Now.”  

Click on install now button to use Starter Templates

After installing, tap on the “Activate” button. 

activating starter templates

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: 

Add landing page title

Step 3 – Click on Starter Templates and browse through the library to find a landing page template you like. 

choose event landing page template

Step 4 – Select the template and click the “Import Template” button. 

click on import 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.

That’s it! 

With just a few steps, you can create a beautiful landing page!

Pro Tip

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.

Tagembed

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. 

Add spectra

Search the keyword “Spectra” and click the “Install Now” button. 

Click on install now button

To start using Spectra, once install is completed, click on the “Activate” button. 

Start using Spectra blocks after clicking 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

go to pages and click on all pages

Select the landing page and click on the “Edit” button. 

Select landing page to start editing

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. 

Welcome to the block editor popup

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. 

Select any of these to add in your landing page.

Once you’re done with customization, you can hit the “Preview” button to see changes. 

Click on preview button to see changes

Once all is done, don’t forget to click “Publish”. 

Click on publish button

And there you have your customized landing page!

Bottom line

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.

Free Social Media Aggregator

Embed social feed from Facebook, YouTube, Instagram, Twitter on your website, like a PRO

tagembed No Credit Card Required
social media aggregator, Tagembed
Table of Content: