How To Construct Lead-Producing WordPress Touchdown Pages

There you’re, scrolling by this fascinating internet web page all about the advantages of coaching your canine to make use of these speaking buttons you retain seeing on-line. (Wait, do I even have a canine, you distantly marvel…)

Nearly as if in a trance, you click on that Purchase Now button to turn out to be the proud proprietor of 12 shiny, loud buttons that can quickly grace your ground. And finally, the again of a dusty closet. (I’m wondering how a lot that price, you suppose, slowly popping out of your daze…)

You, my buddy, have been touchdown page-d.

Touchdown pages are sometimes utilized by particularly astute entrepreneurs to plunk you on after you’ve clicked on an enticing advert, social media publish, or weblog hyperlink.

Their objective? To inform you all concerning the factor you’ve proven curiosity within the hopes you’ll buy it — or, to persuade you to share your data to allow them to comply with up with extra details about why you may’t stay with out it.

When used properly, a top quality touchdown web page can improve your web site conversions.

Almost everybody from newbie web site house owners to full-on web site builders can arrange efficient touchdown pages that woo guests and enhance income.

Nevertheless, optimizing one for most impact might be difficult, particularly because you solely have the house of a single web page to work with.

That’s why the important thing to a powerful touchdown web page is to maintain it targeted, particular, and as intriguing as potential. In case you embrace the suitable data on the proper moments, you may win leads with an efficient name to motion (CTA) on the finish.

So, irrespective of the place you fall on the spectrum of promoting and web site savviness, maintain studying! As a result of on this step-by-step information to touchdown pages, we’ll cowl all of it:

  • The ins and outs of touchdown pages.
  • Why it’s best to care about touchdown pages.
  • The fundamentals of touchdown web page design.
  • Precisely how one can create a touchdown web page in WordPress.

What Are Touchdown Pages?

In terms of advertising and marketing, generally much less actually is extra.

Nothing proves this aphorism fairly like touchdown pages.

A touchdown web page is principally a one-page web site, created particularly to attain a single aim. With its concentrate on getting guests to do only one factor, touchdown pages are highly effective instruments for reinforcing conversion charges.

DreamHost Glossary


An internet site conversion is any motion a person takes on a website that strikes them additional into the gross sales funnel. Examples embrace filling out an internet kind, clicking a name to motion, or buying a product.

Learn Extra

A touchdown web page is successfully the entire web site conversion funnel that’s been compressed right into a single web page.

By this web page alone, you’ll take the person on a linear journey towards finishing a specific motion. That motion may very well be:

  • Sharing an electronic mail handle.
  • Finishing a kind.
  • Signing up for a free trial.
  • Requesting a name.
  • Answering a survey.
  • Making a obtain (coupon, e-book, and so on.)

Your aim for a touchdown web page? That may very well be something, comparable to:

  • Promoting a selected services or products.
  • Encouraging sign-ups to your electronic mail record.
  • Gathering private data to create extra personalized advertising and marketing.

Each touchdown web page will need to have an specific aim in addition to a couple of primary parts. Keep tuned, as a result of we’ll discover precisely how it’s best to design your web page.

Associated: 30 Glorious Product Touchdown Pages Assured To Encourage You

Why Make investments Time In A Touchdown Web page?

Bar chart showing average sign-up rate per form type. Popup: 2.10%, Signup Box: 6.25%, Landing Page: 11.67%.

First, touchdown pages are higher than another sign-up kind in the case of collecting customer information — data that’s essential to nurturing leads, changing guests into leads, and constructing the relationships which are key to retention.

As well as, touchdown pages are additionally probably the greatest methods to match your advertising and marketing efforts to the intent of your viewers. This implies much less time wasted shouting into the void and extra time spent on efficient campaigns. Why? As a result of you may promote touchdown pages with totally different messaging through the particular platform that works for you.

For instance, in the event you’re promoting one thing costly with a protracted gross sales cycle, you could use a extra long-term advertising and marketing technique, comparable to search engine optimization, to get your touchdown web page in entrance of the suitable readers. Nevertheless, if in case you have a touchdown web page that’s all about fast gross sales, it’s simple to pivot the messaging and arrange a pay-per-click promoting marketing campaign that’ll repay in the case of fast conversions.

Lastly, touchdown pages are simply measurable and extremely changeable. As a substitute of monitoring customer knowledge from throughout your complete web site and making an attempt to determine what all of it means, you may merely have a look at the efficiency metrics on a single touchdown web page for insights.

Not sufficient guests making it to the underside of the web page? Not getting the engagement you anticipated in your CTA? If that’s the case, it’s time to A/B take a look at. In different phrases, tweak one factor at a time and measure and monitor anew to see if it’s any higher. In time, you’ll finally be capable of optimize your approach to a high-converting touchdown web page incrementally.

The 5 Key Parts Of Efficient Touchdown Pages

First off, touchdown pages must be distinctive. Your superb touchdown web page content material and construction all depend upon its objective!

For instance, a web page supposed to promote a product will likely be targeted totally on that product. It should in all probability embrace photos, an outline of the product’s key options, and evaluations. Most significantly, it is going to function an motion for the person to finish, which on this case could be making a purchase order.

Lead-generating touchdown pages will look totally different. The basics work the identical as in the event you had been promoting a product, however as a substitute, you’re promoting the worth guests ought to count on to obtain in the event that they share their data with you. There’ll doubtless be plenty of advantages messaging, testimonials, and even perhaps a suggestion comparable to a free trial or obtain in change for his or her data.

All that stated, at a minimal, all the following parts ought to be thought-about when constructing your very first touchdown web page:

Infographic showing the 5 key elements for a lead-generating landing page by way of a signposted webpage sample.

1. Clear Goal

We’ve talked about this a number of instances (hey, it’s essential!) — your touchdown web page must be actually targeted.

Every little thing you add to the web page ought to work towards the aim you’ve set for it. In case you’re making an attempt to generate leads, your entire web page ought to be dedicated to data to persuade a person to share their content material data with you, and even attain out on their very own.

Regardless of the objective, keep away from any filler content material, extraneous hyperlinks, and different distractions that may divert consideration away from it.

2. Highlighted Buyer Advantages

The advantages to the person should be made clear all through your touchdown web page.

A customer ought to be capable of get all the data they want from the touchdown web page, so that they don’t must look elsewhere in your website to know one thing. That is key to holding them engaged for lengthy sufficient to transform them.

Use your individual phrases to elucidate the advantages to the client, in addition to buyer testimonials that present further social proof.

3. Logical Narrative And Construction

Contemplate the order during which you current content material from the highest of the web page to the underside. In case you’ve ever heard of placing some data “above the fold” — that is the place that comes into play. Put a very powerful parts the place a customer will see them with out having to learn beneath the newspaper fold. Or, in trendy converse, earlier than they scroll in any respect.

Consider the touchdown web page as a journey you’re taking the person on. Make sure the narrative of the web page is smart, that every half follows logically from the final, and that all of it builds up towards your final aim: an easy-to-take motion.

4. An Simple-To-Take Motion

Your touchdown web page ought to at all times finish with a powerful name to motion.

The CTA is the final word aim of a touchdown web page. By the point they’ve reached your CTA, guests ought to have all the data they want, and be able to take motion.

Make sure you customise the CTA primarily based on the viewers and objective of the web page. For instance, a CTA for costly B2B software program could also be to enroll in a trial, however within the retail house, it might be all concerning the Purchase Now button.

5. Distribution Technique

With a good looking, customized touchdown web page fleshed out, there’s one final pivotal aspect to creating certain it’s successful. It’s important to get it on the market!

And also you’ll be in good firm. A whopping 97% of entrepreneurs have a promotion plan for his or her touchdown pages. The query is, how do they go about driving site visitors?

Listed here are their high methods:

  • 51.5% use social media.
  • 43.6% deploy electronic mail newsletters.
  • 35.6% depend on search engine marketing.
  • 32.7% promote through paid promoting.
  • 28.7% hyperlink to touchdown pages from weblog posts.
  • 20.8% use web site CTAs and banner adverts.
  • 17.8% depend on accomplice/affiliate marketing online.
  • 13.9% promote on YouTube.
  • 7.9% deploy a link-building-based technique.
  • 5.9% use a podcast to advertise touchdown pages.

Get Content material Delivered Straight to Your Inbox

Subscribe to our weblog and obtain nice content material similar to this delivered straight to your inbox.

How To Construct Your First WordPress Touchdown Web page (5 Steps)

From laying the groundwork to placing the suitable instruments and templates in place to creating these essential ending touches, right here’s precisely how one can go from zero to your first-ever touchdown web page in only a handful of steps.

1. Plan Your Web page

You don’t must get all fancy with a wireframing instrument (though you can). At this stage, it’s essential to know your touchdown web page’s aim, have many of the content material prepared, and know the way it will movement.

DreamHost Glossary


A wireframe is a two-dimensional illustration of an internet web page that determines the place parts will likely be positioned. That is an early step within the design course of that focuses on content material spacing, functionalities, and supposed behaviors.

Learn Extra

For this walkthrough, our aim for our touchdown web page will likely be to generate leads, so the principle focus will likely be on encouraging customers to supply their contact data not directly. We don’t must get too particular on the precise look and options at this level since we’ll be working from a template.

With that in thoughts, let’s get to the good things!

Study extra about wireframing: The Full Information To Creating Web site Wireframes

2. Select The Proper Instruments To Create Your Touchdown Web page

All through this information, we’ll be utilizing, which is different from That’s essential to know as a result of every has its personal plugin and theme directories, and the options and performance in every might look a bit totally different.

That stated, there are a number of methods you should use WordPress to create a lead-generating touchdown web page. Some are extra handbook, however we’ll make issues less complicated by specializing in utilizing the already-created themes and plugins we talked about.

There are many WordPress touchdown page-focused plugins. For instance, Elementor is a massively common page-building plugin that allows you to create touchdown pages without spending a dime, and contains varied templates to get you began. There’s additionally the Thrive Suite of (paid) plugins, which incorporates the Thrive Architect plugin and extra for constructing touchdown pages in addition to a WordPress web site that each one work collectively seamlessly.

For tons extra, go to the WordPress plugin directory and seek for “touchdown web page” to see all of the choices for creating and optimizing touchdown pages, from large names like ConvertKit to smaller creators like Fatcat Apps.

You’ll additionally want to decide on a WordPress theme that can be utilized to assemble a touchdown web page. Fortunately, as we speak, most trendy and up to date themes will allow you to take action. If not with built-in options, then by working alongside touchdown web page plugins.

Lastly, you may truly construct a stand-alone touchdown web page web site utilizing any one of many a whole bunch of touchdown web page themes within the WordPress theme directory.

For this walkthrough, we’ve chosen to work with the OceanWP WordPress theme.

It is because OceanWP is a free, versatile WordPress theme that accommodates a number of templates that can be utilized to create lead-generating touchdown pages. It can be built-in with the above touchdown web page builder plugins for elevated performance. As you’ll see, utilizing this theme will allow you to create and configure the fundamentals of your first touchdown web page rapidly, supplying you with a terrific basis for increasing it with your individual content material.

Now, let’s transfer on to sensible issues and dive into some of the accessible approaches to constructing a touchdown web page in WordPress.

3. Set up Your Touchdown Web page Theme

Have to improve to a contemporary theme to make the most of all the latest touchdown page-building options? Then let’s get to downloading and putting in your new theme.

Right here’s how to try this with OceanWP:

What we’d advocate doing goes into your WordPress Dashboard, discovering Look within the left sidebar, and clicking on it to find Themes.

WordPress dialog drop-down menu for "Appearance" and "Themes" selected.

On the high of the Themes web page, use the Add New Theme button and seek for “OceanWP.”

OceanWP's dialog box screenshot with the tagline, "EVERYTHING YOU NEED AND SO MUCH MORE" and a CTA button.

Hover over it to search out and click on on the Set up button. Wait a second, then press the Activate button as soon as it seems.

As soon as the web page refreshes, it’s best to see a notification on the high of the Themes web page asking you to put in and activate Ocean Further. Ocean Further is a plugin associated to OceanWP that features further performance.

Themes dialog box confirming installation of OceanWP theme and a button to "Install and Activate Ocean Extra" at the bottom.

Now, it’s time to arrange a template to your touchdown web page.

Associated: How To Set up A WordPress Theme (Tutorial)

4. Import A Touchdown Web page Template

After the earlier step, it’s best to have been redirected to OceanWP inside your WordPress occasion. If not, simply return to your Dashboard and search for it in your left-hand sidebar.

Now it’s time to put in a touchdown web page template, which they name “Demos.”

Click on OceanWP > Set up Demos within the sidebar:

OceanWP drop-down menu with the button "Install Demos" selected.

Scroll down within the OceanWP Panel till you begin to see the Demo choices. Click on on One Web page to see the templates which are finest for, properly, one-page shows. Select whichever you want, however we’ll be utilizing the Coach template for our instance.

"Coach" Landing Page Template with the screenshot of the demo and buttons for "Import" and "Live Preview."

Hit Import on the Coach template, and comply with the directions so as to add the plugins and add-ons that can make your touchdown web page match the demo. (FYI, a purchase order is required for Ocean Sticky Header.)

"IMPORT THE COACH DEMO" with a list of required plugins including Activate for Elementor and a button to go to the next step.

After going to the subsequent step, you may select what pattern knowledge you wish to import. This can allow you to edit the present pattern content material, quite than creating the whole lot from scratch. Have in mind this might override any content material you have already got on this WordPress occasion.

We’ll depart all of the bins checked, and eventually, we’re prepared to put in the demo!

A list of options to import including widgets and contact form, all check-marked. Button to INSTALL THE DEMO.

As soon as this course of is completed, the template will likely be put in and activated in your WordPress website. And now, it’s time to customise!

Further studying: Decoding WordPress: Customized Templates And Template Components

5. Customise Your Touchdown Web page

It’s now time to use what you’ve realized all through this text to customise your lead-generating touchdown web page.

We’ll be utilizing the Elementor plugin we put in earlier for this objective, because it’s really useful by the OceanWP theme.

To begin managing your touchdown web page, navigate to Dashboard > Templates > Saved Templates.

Templates selected, and the "Saved Templates" button clicked from the drop-down menu.

Choose coach-home then Edit with Elementor. Now you need to be wanting on the intuitive Elementor web page builder, the place you can also make modifications on to your touchdown web page.

Elementor's page builder with a sample landing page on the right, and a list of elements in the left sidebar.

For the time being, the construction of the web page is basically in place. You’ll be able to see how this template makes use of lots of the ideas we mentioned earlier. It opens with an attention-grabbing headline and introduces the CTA instantly, then dives into well-designed sections that define the whole lot guests have to know from advantages to bundle offers to testimonials.

After all, you’ll wish to customise the visuals, textual content, and even some parts of the structure of this web page. Within the left sidebar, you’ll see Parts that may be added to the web page. Any of those might be moved and deleted while you click on on them.

Need a contact kind? Choose WPForms within the sidebar and watch it seem. It’s able to be personalized proper on the web page!

Screenshot of button "WPForms" from the sidebar to include a contact form on your landing page.

As you click on round, you’ll additionally see the left sidebar replace to indicate what might be edited within the widget you’ve clicked on.

For instance, click on the Make An Appointment button to vary the textual content, the hyperlink it connects to, the way it appears to be like (below Type), and even the spacing and different results (within the Superior menu).

Options under "Content" to customize the button including changing the type, text, and link.

These are only a few very primary examples of how one can edit this template to fit your personal wants and construct a well-designed touchdown web page. You’ll be able to simply spend hours engaged on this in the event you like — have enjoyable with it!

Whenever you’re performed, at the very least in the meanwhile, on the backside of the display screen you’ll see choices for checking your edits on totally different display screen sizes, reverting to a earlier model, saving your modifications as a draft, or publishing them stay on the web with the Replace button. After every replace, we advocate visiting your stay web page to verify the whole lot is performing the way you wished.

It’s simple to get carried away right here, so while you’re tweaking your touchdown web page, don’t neglect the important thing parts we outlined earlier. Be sure that your web page’s aim and objective are clear, that you simply at all times make the advantages to the person apparent, and that the web page follows a pure construction and contains loads of alternatives to plug your CTA.

Want Assist Touchdown Extra Leads?

Now that you realize what goes into making a touchdown web page, why it’s best to hassle with it, and have a sturdy template to customise, you need to be properly in your approach to creating pretty, lead-generating touchdown pages very quickly!

Until that pesky little time factor continues to be standing in your means, that’s.

Many firm house owners and web site managers have to focus so intently on the rapid income-generating features of enterprise that they seldom have time to take a seat down and construct the advertising and marketing that paves the way in which for the future of the enterprise.

In case you merely don’t have the time to create essential advertising and marketing supplies, comparable to touchdown pages to your web site, we all know who does. (Trace: it’s us!)

In reality, at DreamHost, we’ve created an entire division to assist with precisely that.

From advertising and marketing to web site design, growth, and even administration, our professional companies suppliers know precisely how one can match up your wishes, their experience, and DreamHost’s sturdy internet hosting packages to create wildly efficient on-line experiences.

What do you say we accomplice as much as land you extra touchdown web page leads?

WordPress-Optimized Internet hosting to Energy Your Goal

DreamHost makes certain your WordPress web site is quick, safe and at all times up so your guests belief you.

Managed WordPress Hosting - DreamPress