Website Pages

Create click-to-call or mailto links

Last updated: November 20, 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 tap. 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

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.
  • Hover over the page you want to edit, then click EditOr, create a new page
  • 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. 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.

  • click Add link.
  • Publish your changes by clicking Publish in the upper right.

Add a click-to-call link to a CTA

  • In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
  • To edit an existing CTA, hover over the CTA you want to edit, then click Actions, then select Edit. Or, create a new CTA by clicking Create CTA in the upper right.
  • After choosing your CTA design, click Next in the bottom right 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.
/cos-general/how-to-make-a-click-to-call-button-for-your-website