Skip to content

Create calls-to-action (CTA)

Last updated: October 13, 2020

Applies to:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

A call-to-action (CTA) is a button you can use on your HubSpot content to drive prospective customers to your website, where they can then convert on a form and be added to your contacts database. CTAs should be visually attractive, action oriented, and easy to locate on your pages and emails. 

Create a CTA 

  • In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
  • Click Create CTA
  • In the slide-in pane, select Custom Button, then customize the CTA's style:
    1. Button content: enter the text that will display on your CTA button. You can also add emojis here. Your contacts and visitors will see the native emoji style for the device they're using (Mac, Windows, Chrome, Android, etc.).
    2. Button style: use the dropdown menu to select a style for your CTA button. If you want your button to look like a regular text link, select Link (No Style) from the dropdown menu.
    3. Button color: click the color picker or enter a custom color hex value in the Button color field.
    4. Advanced options: click Advanced options to customize your CTA's pixel padding and CSS stylingcta-editor-create-custom-button-panel
  • If you want to use an image for your CTA instead of customizing the button, click Image Button:
    1. Click Upload and select an image file from your device. 
    2. Click Browse images to select an image from your file manager. From the slide-in pane, select an image to use it as a CTA button. 
    3. Adjust the Width and Height of the image button. Learn more about retina optimization for uploaded images. 
    4. Enter an Alt text for the image. cta-create-image-button-cta
  • When you're done editing your custom button or image button, click Next >
  • Next, configure your CTA options:
    • CTA internal name: for organizational purposes, enter a name for your CTA that only you and the users in your account will be able to see. 
    • URL Redirect type:
      • Select External website URL to link your CTA to an external page outside of HubSpot, then enter the website URL in the Enter URL field.
      • Select HubSpot page or blog post to link your CTA to one of your HubSpot pages or blog posts, then select the page or post in the Choose a HubSpot page or blog post dropdown menu.
      • Please note: when selecting a HubSpot page or blog post, the CTA's link is tied to the page directly (i.e., the page's ID). If the page's URL changes, the CTA's link will automatically update to the page's new URL.

        When setting up pages with content staging, CTAs that link to any original pages will continue to link to them. It is recommended to update existing CTAs or create new CTAs for your new pages.
      • Select Meeting link to link your CTA to a HubSpot meeting link, then select the meeting link in the Choose a meeting link dropdown that appears below.
      • Select File link to link your CTA to a file in your file manager. Click Browse files and choose a file, then select the Open page in new window checkbox if you want visitors who click on the CTA to view the image in a new browser window. 
      • Select Email address to create a mailto link.
      • Select Phone number to create a link to call the specified phone number.
    • Link a HubSpot campaign: if you want to associate your CTA analytics with a campaign, click the dropdown menu and select a campaign. 
  • Click Save
  • Your finished CTA will now show at the top of the pane. Click the pencil icon edit at the top to edit the internal name. Choose one of the following:
    • Click Finish to save your CTA. 
    • Click Create smart version to create a smart CTA. 
    • Click Create multivariate test if you want to A/B test your CTA. 

Additional CTA actions

On the CTA dashboard, analyze high-level metrics to get a sense of how your CTAs are performing. You can also filter your CTA dashboard to locate a specific CTA, or take action on any of the CTAs listed. 

  • Use the Date range dropdown menu to filter your CTAs across a specific time range. 
  • If you've associated your CTAs with a campaign, use the Campaign dropdown menu to filter by campaign.
  • Use the Type dropdown menu to filter by CTA type. cta-dashboard-filters
  • Hover over your CTA and click Preview to see your CTA in a preview sidebar pane, or click the Actions dropdown menu and then choose one of the following: 
    • Edit: make changes to your CTA. 
    • Create multivariate test: create a second version of your CTA to test version A and version B with your contacts and visitors.  
    • Create smart version: create a smart CTA.
    • View details: see analytics for your CTA including the number of views, clicks, and submissions.
    • Clone: create an exact copy of your CTA. 
    • Embed code: add your CTA to one of your external pages by copying and pasting the embed code.
    • Delete: delete your CTA.
Learn more about analyzing your CTA's performance