You’ve done it. Months spent hunched in front of the computer have finally culminated in a minimum viable product. Phew. Time to unleash it on the world.
You launch the site and fire up the marketing machine. You tweet. You share. You email “influencers.” You set up ads for Facebook, Twitter, LinkedIn, and Adwords.
And nothing. Crickets. Your analytics app shows a dismal conversion rate: 5 new users from 10,000 visitors.
What happened, you wonder. People could definitely benefit from your product, but they aren’t signing up.
The answer’s in your landing page. Maybe it’s confusing, or boring, or downright scary. Whatever the cause, it’s broken. Let’s see how you can fix it.
7 elements of successful landing pages
If no one’s signing up for your killer product, the problem lies in your landing page. Thankfully, millions of landing pages built by thousands of companies—paired with careful analysis—have led to something of a formula for success.
Here are the elements of high-converting landing pages:
1. Detailed, but concise copy – be specific about what your product is, does, why it matters, and how it will help your visitors. People won't pay for something they don't understand. But they don’t want to have to read an essay first.
2. Clear calls to action (CTAs) – your calls to action (buttons and links) should be both visually prominent and clear in meaning, so people know what you expect them to do.
3. Genuine tone – sounding like a keyword-spewing robot can scare people away and make your product sound cheap. Write like you speak.
4. Engaging content – people get bored and intimidated by large blocks of text. Keep their attention with engaging and easy-to-read copy, lists, imagery, and data visualizations.
5. Social proof – have big-name or really happy customers? Show them off. Nobody wants to use an app nobody else uses.
6. Carefully considered pricing – the right pricing display can sway people’s decision-making.
7. Logical progression – the most convincing arguments rely on precise timing. If you dive into price before covering the benefits, you could intimidate people. That said, if you have a free trial or price is a big differentiator from your competition, it’s worth mentioning early.
It doesn’t matter how many visitors hit your landing pages if they don’t convert. So let’s dive deeper into each of these elements of a killer landing page so you can start capitalizing on all the traffic you’re breaking the bank to get.
1. Tell people what you offer
Too many landing pages make it impossible to figure out exactly what the product does. They’re filled with pithy, generic statements that emphasize emotion over clarity.
How many times have you seen a headline like, “Fakia will revolutionize how you do business!” and thought:
You never want visitors to ask that question. You know what your business is and does, but your customers have no idea. So explain:
- What your product/service is: is it a desktop app, a mobile app, a social network?
- What it does: and be specific, even if it is revolutionary.
- Who it’s for: designers, lawyers, hungry people, CPAs?
- Why it matters: what sets it apart from similar products?
Be clear, descriptive, and concise. Write as if you’re speaking to someone who has no idea what your product does—because 99% of the time, you are.
A word on jargon
In most cases, you want to explain your product as simply as possible, using everyday language. But it’s okay to use industry-specific terms if you’re selling to a niche audience. Just don’t assume every person who visits your page will know what you’re talking about.
For example, rather than saying you offer a “natural language search-optimization platform,” you could say: “Bring more people to your website by using the search terms they’re actually using.”
2. Use prominent and clear calls to action. Often.
Whether you want people to sign up for your newsletter or to buy your product, you need to give them a clear path to that next step.
So make sure your calls to action (CTAs) stand out from the rest of the page. Instead of a plain text link, use a button. Then make it pop with a strong, high-contrast color.
And be sure to spread your calls to action throughout the page. After all, some people will want to dive right in, while others might need to scroll through the entire page. Some will even check out your page, then leave to look for reviews or social media chatter, only to return and convert later. So feature at least two calls to action—one “above the fold” and another at the bottom of the page. You could also try making a “sticky” CTA that follows people as they scroll down the page, so they’re never without an easy way to convert.
3. Don’t be an infomercial
Avoid being spammy, or you’ll scare people off and make your brand and product look cheap. What’s “spammy?” Sounding like a used car salesman. Or an infomercial.
So don’t shout at people. Don’t randomly all-caps copy (especially the word “free”) or promise things you can’t deliver. Be real. Talk like a person. Write as if you were explaining your product to your mother, significant other, or best friend. If you’re real with people, they’ll be much more likely to trust you and what you’re telling them.
And please, no pop-ups, takeovers, or strobe lights. Those just infuriate people. And angry people don’t become customers.
4. Keep people engaged
If people get bored or lost, they’ll bounce, off to check out cute kitten GIFs. Here’s a few ways to keep your audience engaged from page load to conversion:
Be clear. Make sure your content is clear and easy to read or people will get frustrated.
Use visual content. Long blocks of text can turn reading into a chore. So break up your copy into digestible chunks with bullet lists, images, and data visualizations like charts, graphs, and infographics. This will not only help keep people reading, but also engage those who learn better through visuals.
Be entertaining. People are more likely to keep reading if you make them smile. Throw out the odd joke. But not too odd.
Touch close to home. Speak to your audience’s challenges and goals. They’ll keep reading if it sounds like you’re not only aware of their problems, but aiming to solve them.
5. Don’t forget the social proof
Ever avoid a nice-looking restaurant just because it was empty? Or wander into a crowd just to see what they’re gawking at? We all have.
If other people have decided that something is entertaining or useful, we’re more likely to give it a try. Saves us having to do the homework ourselves.
So highlight people already enjoying your product with quotes, testimonials, Facebook likes, and even case studies. Show the real people behind the quotes to make them more impactful and credible. Include names, faces, and company logos (if you’re selling a business product). And choose testimonials that match your message so it’s not just you saying your product’s amazing.
Just make sure you get these people’s approval first. There’s little weirder than stumbling across your face or words on a website when you never approved it.
Lastly, if you have high-profile clients, such as Fortune 500 companies or celebrities, ask if you can highlight them. If Facebook or Barack Obama use your product, people will be more inclined to trust it.
6. Play with pricing
Pricing is key not only to the health of your business, but also your conversion rate. And it’s not just about what your prices are—how you display them matters too.
The psychology of pricing deserves a gigantic list, and luckily, someone else already put it together: check it out and craft your perfect pricing strategy.
Give people options
Ever head to a store because you saw an extremely low price on a product you’ve been itching for, then learn that for just a little more money, you could get so much more? Sometimes you end up spending twice what you meant to, but feel okay about it because you saved on the extras.
That’s exactly why so many startups and software-as-a-service (SaaS) companies offer free tiers and trials, but restrict the power features to premium tiers. The cheap option gets people in the door—and it’s a lot easier to upsell them when they’re already half-invested.
Plus, some people just like to have the best of the best. Offer a premium version and they’ll jump at the opportunity. Just don’t provide too many options, or you’ll leave people stuck with analysis paralysis (the inability to make a choice that stems from having too many things to choose from).
7. Do it all in the right order
If someone walked up to you right now and asked you to sign up for something called “Fakia,” and started with, “it only costs $5 per month,” would you do it?
No. Which is why your landing page not only needs to be informative, but also needs to inform in the right order. Selling something requires a well-crafted and perfectly timed plan of attack:
1. Set up the problem. People bounce if a page is slow to explain itself, just like they do if it’s slow to load. So hook them with an interesting headline and image combo that makes it clear what problem your product solves, and offers a solution.
2. Detail the solution. Explain exactly how your product or service fixes addresses the problem you set up.
3. Use your social proof. Sway the unsure with a few words from happy or famous customers.
4. Introduce pricing. Make people want your product before you involve money in the process.
5. Leave them thinking. If readers aren’t convinced yet, end on a point that’ll stick so they come back later.
Now go forth and convert
Now it’s time to put that knowledge to work. Fire up one of your landing pages and make just one change right now—don’t close the tab and tell yourself you’ll do it later.
To make the most of your landing pages, start running A/B tests to find the combination of words, images, colors, and layout that converts people best. I recommend Optimizely and Visual Website Optimizer. They’re both powerful, easy to use, and don’t even require coding. Kinda like Webflow.
Finally, use analytics software to help you track your conversion rate and identify areas for improvement. I’d also recommend tracking the performance of each call to action to determine exactly where people convert.
Need inspiration? Check out Land Book for some beautiful examples.
Do you have a landing-page success story, or a great trick you’d love to share? Let us know in the comments!
While speed, reliability, scalability, and security should be your chief concerns, Webflow offers a host (pun sheepishly intended) of other features that have a significant impact on SEO and performance, and may not be offered by most hosting services.
This new standard promises faster websites across the web — but not all hosting platforms support it yet. Because Google has always cared about page speed, there’s a good chance that HTTP/2 will become a component of their ranking algorithm soon.
Here are some benefits of HTTP/2 support/compatibility:
Multiplexing: Your browser can receive requests over multiple connections, not just one. Think of it like switching from a one-lane road to an interstate.
Header compression: Your browser loads the top of your pages first, before the rest of the page, which means your site visitors see content faster. On mobile especially, this is a big improvement.
Webflow’s hosting has been HTTP/2 compliant for a couple years now, unlike services out there. (And even hosts who do offer it typically only do so on higher-tier packages.)
Today, all assets published to a Webflow site are served via HTTP/2 — increasing page load performance when a large number of assets need to be downloaded.
Other powerful features of Webflow hosting
Everything above is more or less essential, but there are many other features that can make managing your website a lot easier and more convenient. These include:
Automatic backups and version control (you can also save and name a site version whenever you’d like with the key combo Command + Shift + S on Mac or Control + Shift + S on Windows)
Site-wide and per-page password protection
Simple publishing workflows
Protection against distributed denial of service (DDoS) attacks
On top of these features, Webflow hosting includes:
Form submissions (manage lead gen and let us store your data for you). It’s like Wufoo, but built into Webflow!
SEO and social tools: manage OpenGraph and SEO meta tags in one convenient interface. Easily combine it with the CMS to automate your metadata optimization.
Dynamic embeds: integrate Webflow CMS with Shopify for ecommerce, SoundCloud for music, Eventbrite for events, and anything else that uses custom code embeds.
Webflow combines all these elements in a first-class global hosting infrastructure that’s available at the click of a button. This means that when you publish with Webflow, your site’s files and assets are published across the globe and immediately ready for any amount of traffic, from any location.
Want to know how much we believe in Webflow hosting?
We put a lot of thought and effort into making Webflow hosting one the the best hosting services out there. We’ve seen Webflow-using businesses like Kisi grow their organic traffic by over 300%, while also supporting thousands of requests per second for businesses like Eventbrite.
In fact, when Eventbrite launched their Amstel Live festival page with Webflow, they received over 10,000 requests a second — resulting in over 3,000,000 page views in just one hour. Webflow hosting was able to handle it without a hitch.
But above all, we believe in our hosting platform so much so that we use it for our own websites, which see hundreds of thousands of visitors from around the globe every day, and have seen nearly perfect performance over the last year.