How To Construct Lead-Producing WordPress Touchdown Pages


There you’re, scrolling via this fascinating net 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 grow to be the proud proprietor of 12 shiny, loud buttons that can quickly grace your flooring. And ultimately, the again of a dusty closet. (I ponder how a lot that price, you assume, slowly popping out of your daze…)

You, my good friend, have been touchdown page-d.

DreamHost Glossary

Touchdown Web page

A touchdown web page is a singular net web page that usually serves a novel advertising goal. As an illustration, this web page could also be designed to seize e-mail leads or talk a ‘coming quickly’ message.

Learn Extra

Touchdown pages are sometimes utilized by particularly astute entrepreneurs to plunk you on after you’ve clicked on a fascinating advert, social media put up, or weblog hyperlink.

Their goal? To let you know all in regards to 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 observe up with extra details about why you may’t dwell with out it.

When used nicely, a top quality touchdown web page can enhance your web site conversions.

Practically everybody from newbie web site homeowners to full-on web site builders can arrange efficient touchdown pages that woo guests and increase income.

Nevertheless, optimizing one for most impact could 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 robust touchdown web page is to maintain it targeted, particular, and as intriguing as potential. When you embrace the precise 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 selling and web site savviness, hold 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 is 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 the case of advertising, generally much less actually is extra.

Nothing proves this aphorism fairly like touchdown pages.

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

DreamHost Glossary


A web 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 online type, 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 means of 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 e-mail deal with.
  • Finishing a type.
  • Signing up for a free trial.
  • Requesting a name.
  • Answering a survey.
  • Making a obtain (coupon, e-book, and so forth.)

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

  • Promoting a particular services or products.
  • Encouraging sign-ups in your e-mail listing.
  • Gathering private data to create extra personalized advertising.

Each touchdown web page should have an specific objective in addition to just a few fundamental components. Keep tuned, as a result of we’ll discover precisely how it is 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 some other sign-up type in the case of accumulating buyer data — data that’s important to nurturing leads, changing guests into leads, and constructing the relationships which might be key to retention.

As well as, touchdown pages are additionally top-of-the-line methods to match your advertising 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 by way of the precise platform that works for you.

For instance, if you happen to’re promoting one thing costly with a protracted gross sales cycle, chances are you’ll use a extra long-term advertising methodology, akin to search engine optimization, to get your touchdown web page in entrance of the precise readers. Nevertheless, when you’ve got a touchdown web page that’s all about fast gross sales, it’s straightforward 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 an alternative 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 check. 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 ultimately 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 excellent touchdown web page content material and construction all rely upon its goal!

For instance, a web page supposed to promote a product will likely be targeted completely on that product. It would most likely embrace photographs, an outline of the product’s key options, and critiques. Most significantly, it would 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 if you happen to 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 possible be a number of advantages messaging, testimonials, and even perhaps a suggestion akin to a free trial or obtain in change for his or her data.

All that mentioned, at a minimal, all the following components needs to be thought of 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 Objective

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

The whole lot you add to the web page ought to work towards the objective you’ve set for it. When you’re making an attempt to generate leads, your complete web page needs 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 goal, 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 should look elsewhere in your website to know one thing. That is key to preserving them engaged for lengthy sufficient to transform them.

Use your individual phrases to elucidate the advantages to the shopper, in addition to buyer testimonials that present extra 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. When you’ve ever heard of placing some data “above the fold” — that is the place that comes into play. Put crucial components the place a customer will see them with out having to learn under the newspaper fold. Or, in fashionable converse, earlier than they scroll in any respect.

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

4. An Simple-To-Take Motion

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

The CTA is the last word objective 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.

Remember to customise the CTA based mostly on the viewers and goal of the web page. For instance, a CTA for costly B2B software program could also be to join a trial, however within the retail house, it might be all in regards to the Purchase Now button.

5. Distribution Technique

With a gorgeous, customized touchdown web page fleshed out, there’s one final pivotal ingredient to creating positive it’s successful. It’s a must 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 below are their high methods:

  • 51.5% use social media.
  • 43.6% deploy e-mail newsletters.
  • 35.6% depend on search engine marketing.
  • 32.7% promote by way of paid promoting.
  • 28.7% hyperlink to touchdown pages from weblog posts.
  • 20.8% use web site CTAs and banner advertisements.
  • 17.8% depend on associate/internet affiliate marketing.
  • 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 identical 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 precise instruments and templates in place to creating these important 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 should get all fancy with a wireframing instrument (although you may). At this stage, it’s essential to know your touchdown web page’s objective, have a lot of the content material prepared, and know the way it will circulation.

DreamHost Glossary


A wireframe is a two-dimensional illustration of an online web page that determines the place components 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 objective for our touchdown web page will likely be to generate leads, so the primary focus will likely be on encouraging customers to offer their contact data indirectly. We don’t should 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 great things!

Be taught 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 totally 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 could look a bit totally different.

That mentioned, there are a number of methods you should utilize WordPress to create a lead-generating touchdown web page. Some are extra guide, 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 vastly well-liked 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 every one work collectively seamlessly.

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

You’ll additionally must select a WordPress theme that can be utilized to assemble a touchdown web page. Fortunately, in the present day, most fashionable 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 lots of of touchdown web page themes within the WordPress theme listing.

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

It is because OceanWP is a free, versatile WordPress theme that comprises 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 shortly, supplying you with an excellent basis for increasing it with your individual content material.

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

3. Set up Your Touchdown Web page Theme

Must improve to a contemporary theme to reap the benefits of all the most recent touchdown page-building options? Then let’s get to downloading and putting in your new theme.

Right here’s how to do this with OceanWP:

What we’d suggest 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 is best to see a notification on the high of the Themes web page asking you to put in and activate Ocean Additional. Ocean Additional is a plugin associated to OceanWP that features extra 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 in 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 is 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 might be finest for, nicely, 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 observe 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 following step, you may select what pattern knowledge you wish to import. This can allow you to edit the prevailing pattern content material, quite than creating every little thing from scratch. Have in mind this might override any content material you have already got on this WordPress occasion.

We’ll go away all of the bins checked, and at last, 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 finished, the template will likely be put in and activated in your WordPress website. And now, it’s time to customise!

Extra studying: Decoding WordPress: Customized Templates And Template Elements

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 goal, 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 may make adjustments 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.

In the intervening time, the construction of the web page is essentially in place. You may see how this template makes use of most 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 every little thing guests must know from advantages to bundle offers to testimonials.

In fact, you’ll wish to customise the visuals, textual content, and even some components of the format of this web page. Within the left sidebar, you’ll see Parts that may be added to the web page. Any of those could be moved and deleted while you click on on them.

Need a contact type? 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 could be edited within the widget you’ve clicked on.

For instance, click on the Make An Appointment button to alter the textual content, the hyperlink it connects to, the way it seems to be (below Model), 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 fundamental examples of how one can edit this template to fit your personal wants and construct a well-designed touchdown web page. You may simply spend hours engaged on this if you happen to like — have enjoyable with it!

Once you’re achieved, a minimum of in the intervening time, on the backside of the display you’ll see choices for checking your edits on totally different display sizes, reverting to a earlier model, saving your adjustments as a draft, or publishing them dwell on the web with the Replace button. After every replace, we suggest visiting your dwell web page to ensure every little thing is performing the way you needed.

It’s straightforward to get carried away right here, so while you’re tweaking your touchdown web page, don’t overlook the important thing components we outlined earlier. Be sure that your web page’s objective and goal are clear, that you just 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 already know what goes into making a touchdown web page, why it is best to trouble with it, and have a strong template to customise, you need to be nicely in your approach to creating pretty, lead-generating touchdown pages very quickly!

Except that pesky little time factor remains to be standing in your manner, that’s.

Many firm homeowners and web site managers must focus so intently on the instant income-generating features of enterprise that they seldom have time to sit down down and construct the advertising that paves the best way for the future of the enterprise.

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

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

From advertising 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 strong internet hosting packages to create wildly efficient on-line experiences.

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

Ad background image

WordPress-Optimized Internet hosting to Energy Your Objective

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

Select Your Plan

Jennifer is Designer II at DreamHost and is accountable for branding, design, and UX/UI. In her free time, she enjoys crafting, cooking, and tenting. Observe Jennifer on LinkedIn: