19.09.2018

Websites & Portals

Where should you place HubSpot CTAs on your website?

4 min read

Matthew

HubSpot CTA 1

Not all of your website visitors will navigate to your website’s resources page – and if you want to increase your website’s conversion ratio, those visitors will need a little nudge in the right direction.

HubSpot calls-to-action (CTAs) on your website are the first step towards directing your visitors to a landing page, and it’s important that these CTAs show your visitors the right content at the right time to maximise conversion rates.

But even if you have relevant CTAs, where should you include them on your website? In this blog, I’ll share some top tips on HubSpot call-to-action placement across your website to ensure that you are nurturing your contacts with the right content at the right time.


Use banner CTAs on your homepage

A great way of breaking up the text on your homepage is to use banner CTAs so that your best, top of the funnel pieces of content is front and centre and have a bold CTA encouraging website visitors to click. This can be a particularly powerful driver to landing pages if the CTA fits naturally and can follow on from the page copy.

Check out this really cool example from HubSpot!

Include smart CTAs throughout your website

If a visitor has submitted a form on your website previously, then you need to get some smart CTAs on your website! 

HubSpot’s smart CTAs enable you to add another layer of personalisation to your website which can be based on:

  • The device a contact is using (i.e. mobile, desktop, tablet)

  • The country they are in

  • Their preferred language

  • The source that led them to your website

  • HubSpot active list membership

  • Their lifecycle stage

For example, if a contact has filled out a form for a top of the funnel eBook, when they visit your homepage again, you can show them a different CTA which links to a different piece of top or middle of the funnel content. Please see the examples below.

On the first visit prior to filling out a form:

image-23

On the second visit after filling in a form: 

Alternatively, if a contact is viewing your website on a mobile device, you can ensure that you’re showing them a smaller CTA that is proportionate to the size of the screen they’re viewing it on. You can optimise your CTAs for mobile devices by clicking the following rule (Visitor's device type) when creating a smart CTA.

In another scenario, if your contact has become a marketing qualified lead, you can start showing them content CTAs that will help to move them further down the funnel, such as case studies, middle and bottom of the funnel eBooks or whitepapers. 

Before becoming a marketing qualified lead:

 After becoming a marketing qualified lead: 

Add demo CTAs to your navigation

While it may be tempting to add demo CTAs to your homepage, stop and think about the impression it gives visitors, particularly brand-new visitors to your website.

Although booking demos are the holy grail of conversions, people are unlikely to sign up for them if they are being bombarded with ‘Book a demo’ CTAs as soon as they land on the website.

Instead, having a demo CTA as part of the website navigation menu means that your contacts can access it when it suits them and it’s always visible. Also, if you are using lead nurturing, another method is to include a short P.S. at the end of an email to promote a demo in a more passive way.

Use HubSpot CTAs on your product and service pages

On your product and service pages, the copy is more specific to your offering and can be tailored toward certain buyer personas. Here, a mix of sidebar and banner CTAs are again useful to break up copy and target prospects with content that is focused on their specific problems and how you help them solve them.

Alternatively, text-based CTAs can be added at this point and included naturally within the page copy without blocking up the page with banners and graphics.

Thank you pages and (not strictly website but) follow-up emails

You can also optimise your thank you pages with CTAs that link to the next piece of content in the funnel. Using smart CTAs here too can eliminate the risk of promoting a piece of content to a contact who has downloaded it before.

Again, adding CTA areas to your follow-up emails allows you to keep up the engagement with your leads by encouraging them to download more content.

You can also amend your thank you page and in-email CTAs to include smart content that segments by buyer persona and targets their specific pain points.

So there you have it, the top ways that you can optimise your website with effective, impactful CTAs that ensure that you present your contacts with the right content at the right time. 

Latest Insights

HubSpot Implementations

17 min read

HubSpot and Sensitive Data: Keep Your Organization Compliant and Secure

Learn how to manage sensitive data securely in HubSpot, with compliance and best practices for industries like healthcare, finance, and government.

Read more

HubSpot Implementations

12 min read

Can HubSpot Breeze replace Demandbase?

Explore if HubSpot Breeze can replace Demandbase for ABM. Learn which tool is best for your business based on scale, complexity, and intent data needs.

Read more

HubSpot Implementations

12 min read

HubSpot launches three new data centres: everything you need to know

Learn more about HubSpot regional data centers, the data migration processes and benefits for large organisations navigating complex data needs.

Read more

Sales & Revenue

7 min read

Sales in 2026: the future of AI in Sales

Explore how AI will transform sales in 2026, covering AI-driven personalisation, predictive analytics, and real-time coaching.

Read more

Marketing & Creative

8 min read

Marketing in 2026: the future of AI in Marketing

Explore how AI will transform the daily workflow of marketers of the future: from AI-driven insights to content creation, crisis management, and more!

Read more

AI Solutions

5 min read

5 practical strategies to overcome AI adoption challenges

Explore practical strategies to overcome AI adoption challenges, including building a strong data foundation and upskilling teams.

Read more

AI Solutions

5 min read

Embracing AI: overcoming adoption challenges in sales and marketing

Explore strategies to drive AI adoption in sales and marketing teams, addressing cultural resistance and building trust in AI tools.

Read more

HubSpot Implementations

20 min read

HubSpot user adoption: a comprehensive guide to boosting CRM adoption

Explore strategies, best practices, and tools to drive user adoption in HubSpot, ensuring a smooth transition and maximising user engagement.

Read more

AI Solutions

11 min read

How an AI Managed Services Provider can drive your AI strategy

Explore how an AI Managed Services Provider can help your business navigate AI adoption, drive efficiency, and measurable results.

Read more

Websites & Portals

13 min read

Sites that convert: ten examples of websites built in HubSpot

See examples of website projects we've developed using HubSpot, highlighting the impact of HubSpot CMS in developing effective website solutions.

Read more