Making Image CTAs: HubSpot Tip of the Week

[fa icon="calendar'] May 24, 2017 / by Eric Hangartner

Call-to-actions are the key to converting your website visitors into leads. So why not use them to their full potential? Go beyond basic buttons and see how using custom images can add variety and creativity to your CTAs: 

undefined

1. Designing image CTAs

Image CTAs are simply images with click-through links, meaning if you click anywhere on the image it will take you to the designated landing page. But image CTAs offer you more flexibility and creativity design-wise; you have more real estate to work with, you can use multiple colors, incorporate images, or even use GIFs.

Image CTA Supported File Types: .png, .ico, .bmp, .jpg, and .gif

But when designing your image CTA, it's still important to include a button or message such as "Click here to download" to clearly indicate to your visitors that there's a click-through link. Here's an example of an effective image CTA:

HW-Shopify_eBookCTA.png

In this example, the "DOWNLOAD NOW" button helps users understand that the image is clickable.

2. Uploading image CTAs to HubSpot

Once you've designed your custom image CTA, you can upload it to HubSpot by going to Content>Calls-to-Action and then clicking the Create a CTA button. The following window will then appear:

Screenshot 2017-05-23 11.27.11.png

Once you've entered your CTA information, click on the "Design" tab. Directly underneath the "Design" tab, select the "Image Button" tab. Then simply click "Choose Image" to upload your custom image. Once uploaded, you can adjust its size using the "Image Size" buttons. Also, don't forget to add Alt Text for your image CTA. This is the text that will appear in the event that your image CTA doesn't load properly.

Screenshot 2017-05-23 11.33.06.png

Once you've entered all the necessary information, click Create CTA to seal the deal. There you have it! A snazzy new image CTA. Taking full advantage of this feature will allow you to create some seriously fantastic custom CTAs and in turn, help to increase your lead generation.


  New Call-to-action

Topics: Inbound Marketing, HubSpot

Eric Hangartner

Written by Eric Hangartner