CMS-General

Create click-to-call or mailto links

Last updated: June 13, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
HubSpot CMS

With a click-to-call button, website visitors on a mobile device can call your business with a single click. With a mailto link, visitors can compose a new email in their default program with a specific recipient, subject line, or email body.

You can add these types of links to a call-to-action (CTA) or rich text module in your HubSpot content.

Create a click-to-call link

To add a click-to-call link, you'll format your link with tel: pointing to your phone number, instead of https:// pointing to your website. You don't need to select the Open link in new window checkbox, since this type of link will open the visitor's default calling program on their device.

Please note: there can't be any spaces or dashes in the click-to-call link.

Add a click-to-call link to your website, blog, or email

  • In your HubSpot account, navigate to your landing pages, website pages, blog, or email.
  • Highlight the text or image you want to use for your click-to-call link.
  • Click the link icon link in the rich text toolbar.
  • Enter tel:5555555555 in the URL field, replacing 5555555555 with the phone number for your business.

Add a click-to-call link to a CTA

  • In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.

  • Click Create CTA.
  • After choosing your CTA design, click Next to configure your CTA options.

  • Click the URL redirect type dropdown menu to select Phone number.

  • Select the country code and enter the phone number for your business.

  • Click Save.

Create a mailto link

A mailto link will open the visitor's default email program on their device and compose a new email to a specific email address.

Please note: there can't be any spaces in the mailto link. You'll need to place %20 in place of each space.

Add a mailto link to your website, blog, or email

  • In your HubSpot account, navigate to your landing pages, website pages, blog, or email.
  • Highlight the text or image you want to use for your mailto link.
  • Click the link icon link in the rich text toolbar.
  • Click the Link to dropdown menu and select Email address. The email address entered here will appear in the To field of the email that's composed when a visitor clicks this link.
  • You can also use a mailito link to set a specific subject line or email body. Click the Link to dropdown menu and select Email address. Enter an email address followed by ?subject= to edit the subject line or ?body= to edit the email body when a visitor clicks the mailito link. format-mailito-link

Add a mailto link to a CTA

  • In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.

  • Click Create CTA.
  • After customizing your CTA design, click Next to configure your CTA options.

  • Click the URL redirect type dropdown menu and select Email address.

  • Enter the email address for the To field of the email that's composed when a visitor clicks this CTA.

  • Click Save.