How to build a top SaaS landing page
Tags: webdev, tutorial, saas
Published: 2023-10-19 23:07:02

Hi there 👋

I'm Charlie, a Product Manager in B2B SaaS and today I'll share with you everything I know about how to build a top-converting landing page for a SaaS product.

The average conversion rate (CVR) for SaaS is ~10%, but most are 3-4%. At this level, just a 1% increase boosts MRR by 25-35%!

So it really matters!

Let's jump in 👇

---

## 🧠 The Newsletter For SaaS Founders

Every week discover the best growth, marketing, tech and product development strategies for your SaaS!

Join **1,100+** SaaS founders, indie hackers and tech entrepreneurs already reading!

**[Subscribe here](https://ideahub.tech/subscribe?utm_source=blog&utm_medium=referral&utm_campaign=devto).**

---

## 1. How to build a top landing page

For most new SaaS products, the landing page is just the website's home page. But 90% of the time, a dedicated landing page will convert better.

Here are the must-have sections for almost all SaaS products:

### Hero

![IdeaHub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tn3eav2g01v7d74zfss7.png)

([See Unbounce’s full landing page](https://unbounce.com/landing-pages-nb)

A hero has 3 things:

- A clear headline

- A justifiable sub-heading

- A simple call-to-action (CTA)

Your headline is the first thing a customer reads. Its job is to get across the why of your product. If customers don’t feel it resonates with them, they will bounce (leave without interaction) immediately.

Your sub-heading should expand on the headline, adding more detail on how the customer can achieve their goal.

An image is optional, but they have [been shown to increase CVR](https://www.wordstream.com/blog/ws/2016/10/03/landing-page-images) by supporting the statement in your headline.

Your CTA should be singular and tell your customers exactly what you want them to do. It depends on your specific SaaS model, but here are the most common ones:

- _“Start a free trial”_

- _“See pricing”_

- _“Book a demo”_

- _“Get started”_

[Read this guide](https://www.saastitute.com/blog/cta-for-saas-websites-in-2021) on CTA’s to figure out what’s best for your business.

### Feature Spotlights

The next section of your landing page should tell your customers about your product’s key features.

For each, include a screenshot of the product and some short copy focused on how the feature helps solve the customer’s problem.

Here’s how Unbounce does it:

![IdeaHub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14h8nej6aruf265mn01u.png)

### Testimonials/Social Proof

Landing page visitors don’t know or trust you. They need to know others have already achieved success. Include reviews, ratings, awards and customer logos.

Plus, tools like [Famewall](https://famewall.io/) make it super easy to collect and display this on your landing page.

## 2. Boost CVR in < 1 hour

These tactics can easily boost CVR by 1%+:

### Minimise links

Every link on your landing page is an opportunity for a visitor to leave without converting. So minimising the number of links will naturally increase CVR.

Remove all menus, chat widgets, newsletter sign-ups and footers. The only links you truly need are a privacy policy and terms of service. Everything else is take it or leave it.

### Repeat the CTA

[Research shows](https://bloomcu.com/research-shows-if-you-repeat-your-call-to-action-more-people-will-convert) that repeating your CTA multiple times increases conversions. And near the end of the page is one of the best places to do it.

Why? Because those who make it to the end of the page are more engaged and likely to convert.

### Track behaviour

Keeping customers around for longer increases their chances of converting.

Install tools like [Hotjar](https://www.hotjar.com/) for heatmaps and [Simple Analytics](https://www.simpleanalytics.com/) as a Google Analytics alternative to spy on your customers.

Identify the biggest areas where customers are leaving your page and adjust them to fix the leak.


## 3. Awesome landing pages

How can we know landing pages even work?

A lot of the links below are from search ads. The big guys are putting money behind landing pages, so you should use them too.

- [Unbounce](https://unbounce.com/landing-pages-nb/)

- [LeadPages](https://lp.leadpages.com/free-trial/)

- [Zoom](https://explore.zoom.us/en/lp/video-meetings/)

- [Magic Beans](https://magicbeans.app/)

- [Salesforce](https://www.salesforce.com/uk/campaign/sem/salesforce-products)

- [MixPanel](https://mixpanel.com/contact-us/ps-sem-demo-request-emea)

- [ProCore](https://www.procore.com/en-gb/sem/estimating-software)

- [Shopify](https://www.shopify.com/uk/ppc/ecommerce/ecommerce-platform)

- [LeapSome](https://www.leapsome.com/explore/okr-management-software)

- [Monday](https://monday.com/lp/project-management)

- [RocketLane](https://rocketlane.com/lp/project-automation-workflow-management)

- [Quickbase](https://www.quickbase.com/lp/solutions/no-code)

- [Quantive](https://quantive.com/lp/quantive-vs-workboard)

- [BirdEye](https://birdeye.com/cmp/reputation-management-platform)

- [Jobber](https://getjobber.com/dlp/construction-sched-software)

---

That's all!

I hope this helps you convert more website visitors into customers!

## 🧠 The Newsletter For SaaS Founders

Every week discover the best growth, marketing, tech and product development strategies for your SaaS!

Join **1,100+** SaaS founders, indie hackers and tech entrepreneurs already reading!

**[Subscribe here](https://ideahub.tech/subscribe?utm_source=blog&utm_medium=referral&utm_campaign=devto).**