<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1059590667558673&amp;ev=PageView&amp;noscript=1">
Growth Marketing

The Perfect HubSpot Lead Capture Landing Page Revealed

Written by Melissa Randall / September 18, 2019

As an Inbound Writer for Lean Labs, Melissa writes about high-converting websites and customer-centric marketing. She's an avid traveler, with trips to Iceland, Ukraine, and Portugal under her belt. She currently resides in Wilmington, North Carolina with her dog, Morrie.

Thanks to HubSpot, a landing page can be a lead vending machine.

You can build a modular, customer-centric landing page that converts high-quality leads like crazy. Those leads can be enrolled nurturing workflows and moved through your funnel pretty seamlessly. As a result, leads stay engaged, and you have a stronger foundation to build real relationships with potential customers.

However, to get leads like that, your HubSpot lead capture landing page needs to have all of the right components.

HubSpot Lead Capture Landing Page: The Most Critical Thing

A lot of companies focus on the design and look of their landing pages.

I prioritize the story. The right message, flow, and tone on your landing page will naturally attract and capture the attention of the best leads.

While pages that are aesthetically beautiful and sleek are great, without that strong, cohesive story, you’re going to get a lot of leads that don’t really understand what you’re selling. And that will be a conversion killer.

Here are all of the components I believe go into creating an excellent narrative for your landing page and are necessary to create a high-converting HubSpot lead capture landing page.

One Target Persona

When you get into the specifics of who your customer is, what they care about, what their triggers are, etc., you can get exceptionally specific about what kind of messaging and website content you need on a landing page.

Without that context, your landing page language will be too broad. You also risk attracting the wrong customer because you didn’t tailor it for a specific person.

It’s no surprise that HubSpot itself has one of the best examples of buyer persona data in play. From the copy of this module on their homepage, as well as their Get Started landing page.

 

growwithhubspot

 

getstartedwithhubspot


From the content on these pages, you can deduct that the buyer persona they’re targeting is:

  • Looking for more growth from their marketing or sales efforts
  • Feels that inbound marketing is difficult
  • Needs to increase leads or accelerate sales
  • May not be serving their customer as well as they should be

You can document this information with a one-page buyer persona template. HubSpot has a great Make My Persona tool, but we use a one-page template that looks like this:

buyerpersonatemplate


We use this template to record our persona’s internal and external struggles, obstacles, goals, and blockers. All of those insights can be used to write much more effective headlines, body copy, CTA button copy, and more.

An Awesome Offer With A Clear Benefit

If you have a weak offer, your conversion rate is going to be low. Visitors don’t want to waste their time with another EBook or worksheet that's going to sit in their downloads folder. The offer has to be great, period. 

Admittedly, I like Tony Robbins. But that’s not why I like this offer from his website. As a marketer, I respect it. The coaching session from a coaching expert a great offer. And if I go through the coach session, not only will I get advice, I will get results.

tonyrobbinsoffer


How do I know I'll get results? It tells me, right on the copy of the CTA button.

"Get a results coach."

If you want to get conversions, you need to make a compelling offer like this. You need to spell out the value for the visitor because they will not want to spend the mental calories to figure it out.

If you need guidance on what that value is, try a Jobs To Be Done exercise.

jobstobedone


If you can figure out what emotional job your offer fulfills (for Tony, it's making the person feel proud and ambitious), you can use that language on your landing page. Another critical job to do is the social job, which is how others will perceive your lead after they use the offer.

A Compelling Narrative/Flow

You wouldn’t write a story or shoot a film without an outline or script, right?

It’s no different for your landing pages. When landing pages don’t have a narrative, with a distinct start and finish, your content will come off disjointed and can be confusing. I like this example from Bolt, an end-to-end solution for payment processing and checkout for SaaS companies.

boltlandingpage


You get a clear idea of what you can do with Bolt. Then, there's an actionable next step: show me. From there, the page guides you through what you can do with Bolt.

boltlandingpage


From there, Bolt also provides specifics (through the use of modules) about the product. From there, you can find out more information (leading to more content) or you can sign-up.

A Place In The Buyer's Journey

You want every offer to fit somewhere in the buyer’s journey. Otherwise, your website content and landing pages will feel disjointed from your marketing strategy.

You can determine where your offer fits using a buyer journey template, where you can brainstorm the messaging and content needed at every stage to move the lead forward.

We use a buyer journey template that looks like this:

 

buyerjourneytemplate


Every stage serves a particular purpose. For instance, the interest stage consists of TOFU offers, such as podcasts, ebooks, and infographics to attract first-time visitors. Those assets (and the landing pages that support them) have a clear place.

 

To ensure your landing page and the offer fit in your buyer journey, ask yourself a few critical questions:

  • How does the offer on this landing page help the customer move forward in the buyer journey?
  • How does the lead access the landing page? What CTAs do they need to click on or pages they need to visit? 
  • After the lead converts on this page, what happens next? What does that tell us about their interest? What have we learned about them because they took that action?

Overall, you need your landing page to fit into your buyer journey, so there's a clear path for visitors to become leads and leads to become prospects, and so forth. 

A Crystal Clear CTA And Button 

When it comes to CTAs, there are two things to focus on:

  • The CTA button copy
  • The context leading up to the button, such as the header and sub-header.

For both, you want to avoid being generic at all costs. You need to be extremely specific and direct about what the CTA is and what happens next. 

I like this example from Continually. The call to action is actually at the top of the page (which I don’t hate), with a lot of great messaging.

Continually

 

“Try now for free” is the button copy, and there’s a lot of additional information. The landing page copy assures the visitor that the trial is free up to 1,000 views, they do not have to give their credit card information up front and they can cancel whenever they want.

parlorskiis


When it comes to CTA button copy, I like this one from Parlor Skis. It’s not lead generation (they sell skis, obviously,) but their CTA copy on one of their conversion pages directly relates to the content on the page.

After talking about custom skis, the next step is to “Make A Deposit Now.” When you click, a cart with a “$500 Deposit” pops up. You know what they’re asking you to do. You know what will happen when you proceed to checkout. They’re using the ask (the offer) to craft the CTA button copy.

Here are a few other examples of great CTAs:

CTA 1

 

 
Screen-Shot-2017-10-31-at-20.02.14 (1)

 

 

marie-forleo-sign-up-form-cta

 

CTAokcupid

 

Each CTA is direct and relates to the material and content on the rest of the landing page. 


An Overall Mood Or Vibe [Image/Video]

How is the offer supposed to make your persona feel when they get to it? Relieved? Excited?

It depends on who you’re selling to, what their mindset is, your industry, and your brand voice. You need to consider the mood when choosing images, graphics, illustrations, writing headlines, etc.

Take Legacy for example. Legacy is a fertility site for men. The site is pretty serious, promising the client privacy, quality, and security. They use a lot of language like "safeguard" and "private."

 

givelegacy

 

legacymessaging


If you wanted to add additional imagery or video to their client products page, you would need to select something that fit that tone.

A father and son image like this would be a good fit:

fatherandsonlegacyhappy


While a father and son image like this would not:

fatherandsonlegacyhappysurf


The differences between the photos are subtle but impactful. Because for this particular subject matter, you want to stick with the theme of security and trust. Words that convey anything fun, casual or breezy may break the mood and deter leads from moving forward with you.

You can also lose the trust of your customer or potentially offend them with the wrong choice of imagery or videography.

Exceptional Copy

All of these steps naturally lead to one of the most critical components of a landing page: the copy.

On your landing page, the message is everything. You need to prioritize writing exceptional headlines, having a compelling offer title, enticing CTA button copy, modules that clearly explain the values and benefits of your offer for your landing pages to be successful.

Here are a few landing page copy examples that inspire me.

 

Continually1

 

Continually uses modules to explain what you will get from using their product.

 

eyeson2


Eyeson includes the benefit of each of their product features.

offgrid3

 

OffGridBox uses statistics and proof points to break down the complexities of their product.

To write this kind of copy, you need three things:

  • An incredible writer (if you do not have one, hire one.)
  • What your lead needs to hear about your product or service to convert. You can get this from your buyer personas if they're detailed enough.
  • A page flow, or landing page outline.

A key page flow is basically a series of questions with a recommended structure for lead capture landing page messaging.

The one I use looks like this:

KeyPageFlow-1


Using this, I have all of the direction I need to write excellent lead capture page copy. I start from the bottom and work my way down, documenting all of this from the customer's point of view. Then, I go back and polish and use the template to create my landing page.

Overall, your lead needs to know that the offer they're going to receive is worth the click.

Easy To Use Form

Another critical component to any HubSpot lead capture landing page is your form. You want to build a form with form fields that match the intended buyer journey stage, asking for the appropriate information at the right time. You also want the form to be easy to use, especially on mobile.

Here are a few examples that I like a lot:

demio


Demio
adds to their form with a few Capterra user reviews, which cycles through actual reviews from a third-party review site.

coderblock


Coderblock
also has a great form on their freelancer landing page, which asks for a minimal amount of information.

leanlabsformexample

 

Our playbook form has additional fields, but with progressive profiling, the forms will decrease when information is known or not known. In this case, I'd be a new lead since the form asks for first name, last name, email address, etc.

A Thank You Page

Having a thank you page is also a critical component of a HubSpot lead capture page. A thank you page acts as a logical next step for the lead, providing context to how they will receive their offer, give a link to that asset, as well as share links to additional blog content or social media links.

Here are a few great thank you pages that give an actionable next step, communicate context about the offer, and more.

thankyoupageexample

 

thankyoupageexample

 

thankyoupageexample


The example above, from Digital Marketer, is great because it not only provides essential information about the offer but recommends another offer that's related to the one they just downloaded.

The thank you page is critical. Without it, there's nothing for the customer to do but leave. And you don't want there to be any drop-off pages for your customer. You always want to have a relatable recommendation of how they should move forward.

Building The Perfect HubSpot Lead Capture Page

To create a HubSpot lead capture page that drives conversions and delivers ROI, you need to have an exceptional understanding of your ideal customer. As long as you conduct in-depth customer research, have a great offer, and strong messaging, your HubSpot lead capture page will convert like crazy. 

However, there's more to lead generation than just landing pages. You also need a customer-centric website and a buyer journey. Using our free Strategy Kit, you can gain access to website strategy documents that will inform a better site, and help you attract and convert high-quality leads.  

Chris
Growth Marketing

Organic marketing is a long-game, but if done right, can drive massive results. With these 12 tactics you'll get the snowball rolling and earn continual growth in your traffic, conversions, and sales.

The Ultimate Guide to Increasing Organic Website Traffic

organic-website-traffic-guide

12 Tactics to Explode Your Website's Organic Traffic

We have become really good at increasing organic traffic for our clients - better than a lot of other agencies we've talked to. We've found 12 tactics that work together to see month-over-month growth in organic traffic from Google. 

Learn How to Master:

  • On-Site optimization - Send Google the right signals.
  • Content optimization - What content performs best on search?
  • Content promotion - The best ways to promote your content without spamming.
  • Video marketing tweaks - How to turn your videos into hyper-searchable traffic-builders.
  • The Fresh Test - How to keep your content sparkly clean and fresh in Google's eyes.
  • Plus more...

Grab Your Copy