Let’s get to work.<\/p>\n
What is a landing page: examples<\/h2>\n
Landing pages have a big advantage over the static pages of your website: the visitors who arrive are a warm audience, because they usually come from a funnel.<\/p>\n
This lets you get straight to the point without any preamble.<\/p>\n
In fact, it’s best not to distract visitors from your purpose with unnecessary content, which is why these pages usually have no navigation menu (and we recommend that from the start).<\/p>\n
What’s clear is that, one way or another, every landing page serves the same purpose: turning visitors into customers.<\/strong><\/p>\n Let’s be a bit more specific.<\/p>\n Landing pages can have two goals.<\/p>\n Yes, only two:<\/p>\n \u25cf The first, capturing leads who may become future sales.<\/p>\n \u25cf The second, selling directly.<\/p>\n Unlike a web design<\/a>, a landing page focuses on creating a page built for conversion.<\/p>\n Shall we look at a landing page example for each of these goals?<\/p>\n We’ll start with one that could well illustrate the characteristics a landing page needs to be truly effective.<\/strong><\/p>\n Here Ma\u00efder Tomasena puts on a real copywriting show: value proposition, a few benefits and pain points to win the lead.<\/p>\n She finishes with authority, which she certainly has.<\/p>\n \n Landing page example by Ma\u00efder Tomasena<\/strong><\/em><\/p>\n Now let’s look at an example of a landing page headline with the second goal: selling. It’s from the language company Babbel.<\/p>\n In its headline: few distractions, urgency, a clean design and a description of features with their always powerful benefits.<\/p>\n \n Landing page example by Babbel<\/strong><\/em><\/p>\n\n From landing page to email, the perfect combination<\/p>\n Turn your landing page visitors into subscribers and nurture that relationship with Mailrelay’s email marketing.<\/p>\nDiscover Mailrelay<\/a>\n<\/div>\n Right: now that we know what a landing page is and what it’s for, let’s see what structure it could have.<\/p>\n At this point it helps to have good tools for creating landing pages<\/strong> so you can build them with the elements that will help you turn visitors into leads or customers.<\/p>\n We suggest a basic structure, so you have a guide when building your landing page.<\/p>\n The skeleton of any landing page should be:<\/p>\n \u25cf Headline:<\/strong> where you present, clearly and concisely, how you’re going to help your customers so they keep reading.<\/p>\n \u25cf Body:<\/strong> to explain what the product or service is, how to get it and why they should buy.<\/p>\n \u25cf The call to action or CTA:<\/strong> the moment of truth, where we find out whether we’re reaching the conversion goal we set.<\/p>\n Of course, you need to complete and adapt this structure to your product or service depending on variables such as the complexity of what you sell, its price and your target audience.<\/p>\n Let’s look at each element more calmly:<\/p>\n The ideal headline for your landing page should have a title and a subtitle.<\/p>\n The title is the first thing a person will read when they reach the landing page, so the copywriting<\/strong> has to be spot on.<\/p>\n It should contain the value proposition so that whoever reads it can decide within a few seconds whether to stay or leave.<\/p>\n To refine it or make it more interesting, we recommend adding a subtitle that makes it more complete.<\/p>\n Here’s an example we love because they apply copywriting right in the above the fold<\/em> area (what we see before we scroll<\/em> with the mouse). It’s the financial company eToro.<\/p>\n On the left, a short and concise value proposition, with a subtitle tied to the distinguishing features of their product.<\/p>\n Note the use of numbers, in this case as percentages. Using numbers and symbols is a good copy technique for grabbing the user’s attention.<\/p>\n With this title + subtitle, users already know what they sell and what to do to get the product, thanks to the \u201cJoin now\u201d CTA.<\/p>\n We can’t overlook the right side of the page, with the logos of some of their clients. They use this prime space to show off their authority and build trust.<\/p>\n Who can beat that?<\/p>\n \n Landing page example by eToro<\/strong><\/em><\/p>\n Another example of a conversion-oriented headline is Aplazame’s, a company that finances end customers’ purchases in online stores.<\/p>\n In fact, look closely at the phrase \u201cconversion rate\u201d. They use it in the main headline, we assume as a keyword.<\/p>\n So this is a good sample of on-page SEO through copywriting when creating a landing page: putting the main keyword in the title (or H1).<\/p>\n And in the subtitle (or H2) it plays with the semantic field using words from the same family: conversions, sell more, CRO\u2026<\/p>\n If you want the landing page to rank organically because you expect to get more out of it than the visits you inject through paid campaigns, this practice will be almost essential.<\/p>\n \n Landing page example by Aplazame<\/strong><\/em><\/p>\n This part of the landing page anatomy is where a landing page for capturing leads differs most from one whose goal is to make a sale.<\/p>\n Likewise, the length of the landing page<\/strong> we’re creating will depend largely on the price of the product and its level of complexity.<\/p>\n Look, in general we see it like this.<\/p>\n \u25cf Low price and simple product: short landing page.<\/p>\n \u25cf High price and sophisticated product or service: long landing page.<\/p>\n Here’s an example of a landing page whose goal is to capture leads by offering a lead magnet download. It’s from the web design agency Itserra:<\/p>\n \n Landing page example by Itserra<\/strong><\/em><\/p>\n We said sophisticated product, didn’t we? Well, here’s the sales page for a training program that brings together Vilma Nu\u00f1ez of Convierte M\u00e1s and Ma\u00efder Tomasena of Escuela de Copywriting.<\/p>\n It gives plenty of detail about what they offer, since the price is high for the number of hours and the service is still relatively new:<\/p>\n \n Landing page example by Escuela de Copywriting<\/strong><\/em><\/p>\n The body of the landing page is where we tell the potential customer everything they need to know to decide to buy, subscribe or download a lead magnet.<\/p>\n This is where we have to capture their attention and make everything clear to them. If they don’t understand what we sell and how they can get it, they’re unlikely to buy.<\/p>\n In this respect, copywriting is our best asset when building a landing page.<\/p>\n\n Capture leads directly from your landing page<\/p>\n Connect your forms to Mailrelay and grow your subscriber list automatically.<\/p>\nGet started with Mailrelay<\/a>\n<\/div>\n We couldn’t close a section on the body of the ideal landing page without talking about copywriting formulas<\/strong> that can help you create a powerful page.<\/p>\n Let’s be clear: there are many formulas and every one of them is a help, not an obligation.<\/p>\n That said, we especially recommend these two for landing pages focused on generating sales:<\/p>\n In this example from Escuela de Nuevos Negocios we can identify each of these points.<\/p>\n \u2714 It grabs your attention<\/strong> so you stop doing other things and focus on reading what it’s about to present. It reinforces this with a video.<\/p>\n \u2714 It generates interest<\/strong> with information and data that make you feel this looks good.<\/p>\n \u2714 It presents the product or service and arouses desire<\/strong> for it through social proof, as successful business owners already use the product.<\/p>\n \u2714 It ends by inviting you to take action<\/strong> with an imperative and by reinforcing what will happen if you don’t download it, with that \u201cDon’t miss out on the 10 keys to detecting what’s going wrong in your business\u201d.<\/p>\n \n Landing page example by Escuela de Nuevos Negocios<\/strong><\/em><\/p>\n The sales page example using the PASTOR formula that we’ve chosen is from the nutritionist May Mor\u00f3n. In it we see all the elements of this formula, although not in the same order as the acronym.<\/p>\n This recipe is also very common and you can adjust it to suit you too: you should know the formulas, yes, but they are at our service and not the other way around.<\/p>\n \n Landing page example by May Mor\u00f3n<\/strong><\/em><\/p>\n Let’s analyze the example; it’s the best way to see it.<\/p>\n \u2714 It starts with the solution<\/strong> that will solve the target’s problem.<\/p>\n \u2714 Next it describes the problem<\/strong> in detail, touching on pain points.<\/p>\n \u2714 From there it agitates<\/strong> the issue by showing the consequences of not solving it. That \u201cIF YOU DON’T MAKE THAT MENTAL CLICK\u201d goes straight to the audience’s heart.<\/p>\n \u2714 It introduces the solution<\/strong> by explaining what she does and how she can help you.<\/p>\n \u2714 It continues with the call to action<\/strong> that invites you to discover more.<\/p>\n \u2714 It finishes with the testimonials<\/strong>. There’s nothing better for getting someone to consider us as an option than having the opinion of those who have already tried it.<\/p>\n Alright.<\/p>\n You’ll have noticed several things about the structure and copywriting of this sales page.<\/p>\n Perhaps you find it odd that it describes the problem in detail yet agitates it only a little.<\/p>\n This is one of the copywriting tips and tricks we can give you when writing your landing pages<\/strong>. Don’t overuse pain points or blow them out of proportion: we don’t want anyone leaving terrified.<\/p>\n If you’ve dug deep into what stirs the audience, go softer on the agitation.<\/p>\n You’ll also have noticed that there are three calls to action.<\/p>\n This is because on long landing pages it’s a good idea to include at least three CTAs throughout the page. That way we’ll get interaction from anyone who arrives, whatever their level of awareness of the product.<\/p>\n Imagine you already know what you want and have to scroll down looking for how to get in touch. You’re likely to leave before you do.<\/p>\n That’s why the AIDA formula example also has 3 Calls to Action.<\/p>\n In this case, the first two calls to action are aimed at the main goal: getting visitors to get in touch.<\/p>\n And the last one?<\/p>\n The last one is aimed at capturing the contact through the download of a lead magnet. Note that it’s at the bottom of the page. Whoever gets here and downloads the gift will be a highly qualified lead, which is also good even if it isn’t the main goal.<\/p>\n We could say that, on the menu of the perfect landing page, the dessert that rounds it off is the call to action or CTA<\/a>.<\/p>\n The CTA is that landing page button that has to be irresistible<\/strong> so that users click on it.<\/p>\n As you know, we readers no longer read, we scan. That’s why it’s so important for CTAs to stand out in the design of landing pages. That way they won’t be overlooked by visitors.<\/p>\n In short, one of the characteristics a landing page needs to be effective is a well-written, well-designed button.<\/p>\n Burn these recommendations into your memory when you build your landing page:<\/p>\n \u2714 The button text should be clear, short and start with an action verb.<\/p>\n \u2714 If you can, accompany the button with microcopy that clarifies what happens after clicking.<\/p>\n \u2714 On short landing pages, a single CTA. Preferably on the right and eye-catching.<\/p>\n Here’s an example that meets these three characteristics. It’s very clear, isn’t it?<\/p>\n \n Landing page example by \u00c1lex Fern\u00e1ndez<\/strong><\/em><\/p>\n \u2714 On long landing pages, as we said before: placing three buttons throughout the page works well. Their design is best kept identical, and if you change the copy, keep the starting verb the same.<\/p>\n \u2714 Very important: never fill the landing page with different calls to action. All the ones you include must serve the page’s single goal.<\/p>\n Let’s see it in an example from the company Lookiero. In this case they insert two very clear CTAs in terms of copywriting and design, both aimed at the same purpose:<\/p>\n \n Landing page example by Lookiero<\/strong><\/em><\/p>\n We’ve seen how to build a textbook landing page, with examples. And now we’ll wrap up with a recap so you don’t forget the most important points.<\/p>\n That’s what will make sure the money you invest in driving traffic to the landing page<\/strong> isn’t lost in the far corners of the web.<\/p>\n If you want a landing page that converts, remember:<\/p>\n \u2714 Your landing page content must be designed with a single main goal<\/strong>. Don’t beat around the bush, so you don’t distract.<\/p>\n \u2714 A landing page usually has two main goals: capturing leads or selling (with the phone call as the exception)<\/strong>.<\/p>\n \u2714 The basic parts of the page’s anatomy are three: headline, body and CTAs.<\/p>\n \u2714 Take care with the copy of the headline and, of course, of the buttons and the body of the landing page.<\/p>\n \u2714 To write the body content you can follow two very versatile copywriting formulas: AIDA and PASTOR.<\/p>\n \u2714 The placement and design of the call-to-action buttons depend on the size of the landing page.<\/p>\n With these characteristics you now have everything you need to create your perfect landing page. Even so, the best thing you can do is test two versions of copy and design and see which works better.<\/p>\n Launch an A\/B test<\/strong> and track the main metrics for a while, which will vary according to your goals. Very important: wait until you receive a reasonable number of visits before measuring.<\/p>\n Generally the most revealing metrics are conversion rate, bounce rate and session duration, in case you need somewhere to start.<\/p>\n After the test period measuring these three variables, you’ll see which version people liked most and, above all, which one brings you closer to your conversion goal.<\/p>\n We hope you enjoyed this guide to building the perfect landing page, real examples included.<\/p>\n \ud83d\udc40 If you have recommendations for other landing pages worth seeing, we’d love to see them. Tell us about them in the comments, and see you next time!<\/p>\n \n Before designing it, be very clear about who your ideal customer<\/a> is, since all the copy and design must speak directly to them.<\/p>\n If you also need to rethink your home page<\/a>, many of these same design and conversion principles apply there too.<\/p>\n\n![\"landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-1-1.jpg\" "\\"landing")
<\/figure>\n<\/div>\n![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-2.jpg\" "\\"Landing")
<\/figure>\n<\/div>\nHow to create a landing page: the structure of the perfect landing page<\/h2>\n
#1 A top headline for your landing page<\/h3>\n
![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-3.jpg\" "\\"Landing")
<\/figure>\n<\/div>\n![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-4.jpg\" "\\"Landing")
<\/figure>\n<\/div>\n#2 Landing page body and its length<\/h3>\n
Example of a short landing page<\/h3>\n
![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-5.jpg\" "\\"Landing")
<\/figure>\n<\/div>\nExample of a long landing page<\/h3>\n
![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-6-scaled.jpg\" "\\"Landing")
<\/figure>\n<\/div>\nBonus: copywriting for the body of your landing page<\/h2>\n
1. The AIDA formula: Attention, Interest, Desire and Action.<\/h3>\n
![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-7.jpg\" "\\"Landing")
<\/figure>\n<\/div>\n2. The PASTOR formula: Problem, Agitation, Solution, Testimonials, Offer and Response<\/h3>\n
![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-8-scaled.jpg\" "\\"Landing")
<\/figure>\n<\/div>\n#3 Call to action<\/h3>\n
![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-9.jpg\" "\\"Landing")
<\/figure>\n<\/div>\n![\"Landing](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2021\/05\/landing-page-ejemplos-10.jpg\" "\\"Landing")
<\/figure>\n<\/div>\nSome final words on the perfect landing page<\/h2>\n