{"id":162264,"date":"2017-01-27T13:00:17","date_gmt":"2017-01-27T13:00:17","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=162264"},"modified":"2019-04-26T16:42:07","modified_gmt":"2019-04-26T16:42:07","slug":"no-fail-landing-page-tips","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/no-fail-landing-page-tips\/","title":{"rendered":"18 No-Fail Tips for Stunning Landing Pages with WordPress"},"content":{"rendered":"<p>We\u2019re all familiar with the term \u201clanding page\u201d thanks to Google Analytics. But while a landing page is technically the first page someone \u201clands\u201d on when they visit a website, that\u2019s not always what we mean when we talk about landing pages.<\/p>\n<p>While most pages on your website <em>should<\/em> be able to convert visitors (i.e. sign up to an email list, click a call-to-action button etc) in some form or another, that\u2019s not always the explicit intention of them (at least from the visitors\u2019 point of view). Home pages elicit emotion. Services and product pages educate. Blog posts inform and deliver value.<\/p>\n<p>In marketing speak, landing pages created for the specific purpose of driving conversions. For example:<\/p>\n<p>This is Wistia\u2019s home page. Notice how it follows the standard best practices of\u00a0<a href=\"https:\/\/wpmudev.com\/blog\/decluttering-communicating-effectively\/\" target=\"_blank\" rel=\"noopener\">minimalism<\/a>.<\/p>\n<div  class=\"wpdui-pic-large   \" >\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1364x1364 size-1364x1364\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/01\/wistia-landing-page.jpg\" alt=\"Video hosting service Wistia has a gorgeous, minimalist home page that focuses users on clicking the &quot;Get started&quot; call-to-action button.\" width=\"1364\" height=\"850\" \/><figcaption class=\"wp-caption-text\">Video hosting service Wistia has a gorgeous, minimalist home page that focuses users on clicking the &#8220;Get started&#8221; call-to-action button.<\/figcaption><\/figure>\n<\/div>\n<p>Now, check out\u00a0<a href=\"https:\/\/wistia.com\/account\/signup\" rel=\"noopener\" target=\"_blank\">Wistia\u2019s sign-up landing page<\/a>. It\u2019s similar in its dedication to minimalist design, but it\u2019s much more simplistic in terms of what it offers. There are very limited options available on this page: sign up or log in.<\/p>\n<div  class=\"wpdui-pic-large   \" >\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1364x1364 size-1364x1364\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/01\/wistia-signup-page.jpg\" alt=\"The Wistia signup page assumes users are ready to do one thing, and one thing only: sign up for an account.\" width=\"1364\" height=\"830\" \/><figcaption class=\"wp-caption-text\">The Wistia signup page assumes users are ready to do one thing, and one thing only: sign up for an account.<\/figcaption><\/figure>\n<\/div>\n<p>The assumption then is that visitors don\u2019t need to be informed at this point. That\u2019s what the rest of the website was for. If they\u2019ve reached your landing page, they\u2019re here for one reason and one reason only: to convert.<\/p>\n<p>While landing pages will differ from business to business in terms of what they say, what they sell, and how they look, the technique developers use to create powerful, conversion-generating landing pages is always the same.<\/p>\n<p>The following guide will lay out all the essential steps and pieces required for building a WordPress landing page that delivers.<\/p>\n<h2>What It Takes to Build a Great Landing Page<\/h2>\n<p>So, what\u2019s your goal in building a landing page for your WordPress website? Do you want to teach prospects about a game-changing technology solution? Do you want to offer selected visitors a once-in-a-lifetime deal on coaching services? Do you need to sell more spots to an exclusive webinar?<\/p>\n<p>It\u2019s pertinent to have a clear goal in mind before starting \u2013 and to <em>only<\/em> have one. If you have more than one goal, then you\u2019ll need multiple landing pages.<\/p>\n<p>In terms of developing a landing page, there are three essential pieces you\u2019ll need:<\/p>\n<ul>\n<li>Copy,<\/li>\n<li>Design, and<\/li>\n<li>Analytics.<\/li>\n<\/ul>\n<p>Take a look again at the landing page example from Wistia above or this one from Shopify:<\/p>\n<div  class=\"wpdui-pic-large   \" >\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1364x1364 size-1364x1364\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/01\/shopify-landing-page.jpg\" alt=\"Super simple: Shopify's landing page.\" width=\"1364\" height=\"1070\" \/><figcaption class=\"wp-caption-text\">Super simple: Shopify&#8217;s landing page.<\/figcaption><\/figure>\n<\/div>\n<p>While the copy, design, and (most likely) analytics pieces are all present, there really isn\u2019t a whole lot going on. And that\u2019s a key point to remember. In general, you want to keep the amount of work visitors have to do to convert at a minimum. Give them less to read, less to scroll through, less fields to fill out, and so on.<\/p>\n<p>Less is always more when it comes to landing pages.<\/p>\n<h2>Crafting Copy That Sells<\/h2>\n<h3>1. Remember the Source<\/h3>\n<p>Every landing page has a source. It may be an email marketing campaign, a special offer link on social media, or maybe it\u2019s a redirect from a remarketing ad. Wherever the traffic originated from, it\u2019s important to maintain consistent messaging between the source and the landing page.<\/p>\n<h3>2. Start with the Headline<\/h3>\n<p>Every landing page needs a unique selling proposition (or USP). What will this page do for your visitors that they won\u2019t find anywhere else? Once you know your USP, weave it into the headline and grab your visitors\u2019 attention from the get-go.<\/p>\n<h3>3. Use Eye-Catching Copy<\/h3>\n<p>While the words themselves matter, so too does the way you present them on the page. This is why landing pages make use of\u00a0<a href=\"https:\/\/wpmudev.com\/blog\/wordpress-tags\/\" target=\"_blank\" rel=\"noopener\">eye-catching header text<\/a> to guide visitors easily through the page. Ultimately, each sub-headline (or other stylized text) should support the original USP and persuade visitors to make their way down to the CTA.<\/p>\n<h3>4. Be Brief<\/h3>\n<p>I can\u2019t stress this enough. Brevity is absolutely critical to your landing page\u2019s success. Use the copy to be as clear and specific as possible about what visitors will get out of the page. Define their pain and offer up a solution that will ease their worries, questions, or problems.<\/p>\n<h3>5. Create <em>One<\/em> Call-to-Action<\/h3>\n<p><a href=\"https:\/\/www.fastcompany.com\/3031364\/why-having-too-many-choices-is-making-you-unhappy\" rel=\"noopener\" target=\"_blank\">Barry Schwartz<\/a> said, \u201cAs the number of options increases, the costs, in time and effort, of gathering the information needed to make a good choice also increase. The level of certainty people have about their choice decreases. And the anticipation that they will regret their choice increases.\u201d<\/p>\n<p>One landing page. One choice.<\/p>\n<h2>Developing Designs That Convert<\/h2>\n<h3>6. Remember the Basics<\/h3>\n<p>All the basic best practices you usually follow when creating a WordPress website (or new web page) still need to be abided by. Responsive design will ensure people can convert no matter which device they visit your landing page from. Minimalism will keep distractions away and the focus on the messaging. And <a href=\"https:\/\/wpmudev.com\/blog\/5-quick-ways-to-speed-up-your-wordpress-site\/\" target=\"_blank\" rel=\"noopener\">page optimization<\/a> is important, especially if your goal is to convert.<\/p>\n<h3>7. Align with Your Branding<\/h3>\n<p>Although a landing page usually doesn\u2019t show up within your site\u2019s navigation, it should still align with your website\u2019s look and branding. That doesn\u2019t mean it needs to 100% match the site\u2019s design, but there should be a clear correlation between the two.<\/p>\n<h3>8. Use Images the Right Way<\/h3>\n<p>Images aren\u2019t a necessity for landing pages (see Wistia example above) unless they are relevant to the page and will improve the user experience.<\/p>\n<h3>9. Apply Color Strategically<\/h3>\n<p>Color, on the other hand, is an absolute must for landing pages. If you\u2019re unsure of how to use color to optimize your landing page and improve conversions, check out this article on the <a href=\"https:\/\/wpmudev.com\/blog\/color-psychology\/\" target=\"_blank\" rel=\"noopener\">psychology of color<\/a>. It explains basic color theory and how you can use colors to evoke the right emotional response from visitors.<\/p>\n<h3>10. Customize the Navigation<\/h3>\n<p>Minimizing the number of options your visitors have doesn\u2019t just mean having one CTA. This also means that you may want to do away with the navigation altogether. This way, there will be one singular pathway leading visitors to convert. If you do want to include outbound links, keep them simple and non-competitive, like links for social sharing or a redirect to a related service\u2019s or product\u2019s landing page.<\/p>\n<h3>11. Keep in Contact<\/h3>\n<p>If you choose to remove the standard navigation from the landing page, consider including alternative methods of communication with your visitors. You can add a short FAQ to the bottom of the landing page to answer common questions about the service\/product\/offering. Or you can add a <a href=\"https:\/\/wpmudev.com\/blog\/live-chat-wordpress-pros-cons\/\" target=\"_blank\" rel=\"noopener\">live chat<\/a> module as a way to stay in contact, just in case.<\/p>\n<h3>12. Stay Away from Popups<\/h3>\n<p>This is not the time to distract visitors.<\/p>\n<h3>13. Add Trust Marks<\/h3>\n<p>Since a landing page\u2019s goal is to get visitors to convert, it wouldn\u2019t hurt to include some trust marks or social proof to give them extra assurance and peace of mind about making their decision. Trust marks include things like customer testimonials, partner logos, security badges, and case studies.<\/p>\n<h3>14. Use Video When Possible<\/h3>\n<p>Studies have shown that landing pages that include video can <a href=\"https:\/\/instapage.com\/blog\/video-landing-page-examples\" rel=\"noopener\" target=\"_blank\">increase conversion rates<\/a> by up to 80%. If you have a short explainer video, a customer testimonial caught on video, or something else that would more effectively capture leads than a whole lot of text, consider creating a video-centric landing page.<\/p>\n<h3>15. Optimize the Form<\/h3>\n<p>Every landing page needs a lead or conversion capture form. Here are a few things to keep in mind:<\/p>\n<ul>\n<li>Keep it short.<\/li>\n<li>Only ask for pertinent pieces of information.<\/li>\n<li>Link the form to your <a href=\"https:\/\/wpmudev.com\/blog\/crm-business-tools\/\" target=\"_blank\" rel=\"noopener\">CRM<\/a>.<\/li>\n<li>After signing up, direct visitors to a Thank You page written specifically for the landing page.<\/li>\n<\/ul>\n<h2>Analyzing Your Page for Better Results<\/h2>\n<h3>16. Start with Google Analytics<\/h3>\n<p><a href=\"https:\/\/wpmudev.com\/blog\/google-analytics-guide\/\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a> is the go-to analysis and performance-tracking tool for WordPress websites. If you haven\u2019t paid much attention to the Conversions module within this tool yet, now is the time to do so.<\/p>\n<p>Within the Admin dashboard of Google Analytics, you can create different goals for your landing pages, including video clicks, time on page, form fills, and Thank You page arrivals. This will help you track the performance of the page and identify any possible missteps made in the copy or design that may be preventing visitors from converting.<\/p>\n<h3>17. Dig Deeper with Heatmaps<\/h3>\n<p>Once you have an idea of how your WordPress landing page is performing, you\u2019ll want to dig a little deeper. Maybe there is too little text up top and visitors are confused about what to do. Maybe the imagery and colors aren\u2019t shocking enough. Use a <a href=\"https:\/\/wpmudev.com\/blog\/sneaky-online-tools-spy-on-site-visitors\/\" target=\"_blank\" rel=\"noopener\">heat mapping tool<\/a> to see if your landing page\u2019s design or copy is tripping visitors up where it shouldn\u2019t be.<\/p>\n<h3>18. A\/B Test\u2026 Even If All Is Going Well<\/h3>\n<p>Google Analytics and heat maps will let you know what\u2019s happening with your landing page, even if you already have a sense for its success or failure based on the ensuing sales (or lack thereof). Regardless of how well or poorly your landing page performs, it\u2019s important to run A\/B tests on it. You never know. It could be going a whole lot better if you just tweaked the font size or shifted the CTA to a spot slightly higher on the page.<\/p>\n<p>Use <a href=\"https:\/\/wpmudev.com\/blog\/ab-testing\/\" target=\"_blank\" rel=\"noopener\">A\/B testing<\/a> to confirm your theories and play around with new ones to improve your WordPress landing pages\u2019 conversion rate.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>Landing pages are a highly effective way to help visitors make up their minds about you. You can use them to build trust, demonstrate value, or offer something they absolutely can\u2019t live without. By applying best practices to your <a href=\"https:\/\/wpmudev.com\/blog\/wordpress-landing-pages\/\" target=\"_blank\" rel=\"noopener\">WordPress landing page<\/a> development, you\u2019ll soon have a landing page that visitors will have no choice (or desire) to say anything but \u201cyes\u201d to.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re all familiar with the term \u201clanding page\u201d thanks to Google Analytics. But while a landing page is technically the first page someone \u201clands\u201d on when they visit a website, that\u2019s not always what we mean when we talk about landing pages. While most pages on your website should be able to convert visitors (i.e. [&hellip;]<\/p>\n","protected":false},"author":344989,"featured_media":162309,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263],"tags":[9825,10156],"tutorials_categories":[],"class_list":["post-162264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-landing-pages","tag-marketing"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/162264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/344989"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=162264"}],"version-history":[{"count":6,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/162264\/revisions"}],"predecessor-version":[{"id":176209,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/162264\/revisions\/176209"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/162309"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=162264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=162264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=162264"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=162264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}