Working With HubSpot Call To Action Buttons

06/12/2013 4 min read Written by Samantha Winski

ButtonsIf you are struggling to set up an A/B test on your current website, or are unsure what buttons users are clicking within your current page – read on about HubSpot’s CTA module.

What is the HubSpot CTA module?

The HubSpot CTA module allows you to generate unique buttons to place on various pages. While it’s meant for the HubSpot CMS-hosted pages, it can also be used on externally hosted pages.

How do I get started?

We recommend a couple basic steps to make the use of the HubSpot CTA module.

1. Plan your button(s)

Review your page analytics to see which pages aren’t converting. Then, decide what messaging and graphics you want to represent an offer or piece of advanced content. If you’re planning to run an A/B test, decide which messages you’re interested in testing,and their placements, colors, etc.

2. Build your button(s)

HubSpot has some great screenshot instructions to guide you through creating simple one-color buttons. It is important to note that you can also have your designer provide a web-optimized graphical file for you to upload for a custom button instead of a plain one. It will be tracked in the same way as long as it is uploaded in the CTA module.

HubSpot CTA
On this page of instructions above you’ll also find some tips to targeting CTA modules with CSS to allow for hover events, etc. to make those buttons pop!

3. Create variations, smart CTAs

Two advanced features of the HubSpot CTA builder include the ability to A/B test your buttons and also present new content for users that have already converted for a particular offer. 

To create an A/B test simply create your first variation then choose to create another button from the options to the right:

HubSpot CTA
A smart CTA can be created right from the main CTA page – simply choose “Create a Smart Call-to-Action” instead of the normal “Create Call-to-Action”. From this page, you’ll define what new CTA buttons to present for users who are in a list or have reached a certain lifecycle stage.

4. Place on your page(s)

Grab the “embed code” from the main CTA page to feature on a non-HubSpot CMS page. 
If you’re using the HubSpot CMS – simply choose the CTA where it sits within your template if on the new COS. With the old CMS you can add with an HTML module or content module (choose the CTA button once you’re inside the content module to add).

5. Review, analyze

Depending on your traffic, you will want to review your data for any CTA modules starting at least 2 weeks out from when you set it up. Judge your CTA’s against the click-through rate, and your landing pages against the conversion rate. Is your CTA not driving enough clicks – or generally not performing as you expected? Ask yourself a few questions, to consider if a test or an edit is needed:

1) Do you have any current customers or feedback from customer service to lean on to make sure the offer is appealing and relevant?
2) Does your CTA set the right expectations for what they will receive?
3) Is your CTA language clear and concise?
4) Does your CTA language and styling (color, etc.) encourage action?
5) Is your CTA in a position on the page where it will be seen by a majority of users?
6) Is your offer old and stale?

Still unsure on how you’ll use the CTA module of HubSpot? Let us know and we can start planning your HubSpot project today.

 

Speak with online marketing and website experts
 
Photo Credit: Lucy Nieto via Compfight cc
By: Samantha Winski

Samantha Winski is a Senior Onboarding Consultant with Lynton, helping companies move or optimize their HubSpot instances. She writes for Lynton remotely from Pittsburgh about process management and optimization using HubSpot.

Subscribe Today

Stay Up-to-Date With HubSpot and Marketing Trends

Never miss a beat with the latest marketing strategies and tactics. Subscribe to the Lynton blog and receive valuable insights straight to your inbox.