Skip to content

Create a click-to-call or mailto link

Last updated: May 23, 2024

Available with any of the following subscriptions, except where noted:

All products and plans

When clicked, click-to-call buttons connect visitors on mobile devices with a specific phone number. 

Mailto links open the compose window of a visitor's default email program. They can be constructed to create an email with a specific recipient, subject line, and email body.

You can insert click-to-call and mailto links in rich text modules and CTAs (legacy)

Create a click-to-call link

Add a click-to-call link to a rich text module

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
    • Blog: In your HubSpot account, navigate to Content > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Content > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > Marketing Email.
  • Click the name of your content. 
  • In the content editor, highlight a section of text or image.
  • In the rich text toolbar, click the link InInInsert link icon.
  • In the pop-up box, enter tel:, then the numbers of a phone number. For example, if the phone number is 123-456-7890, you would enter tel: 1234567890. Click-to-call links cannot contain space or dashes. 
  • Click Add link.
  • To set your changes live, click Publish or Update in the upper right.

Add a click-to-call link to a CTA (legacy)

  • In your HubSpot account, navigate to Marketing > CTAs.
  • In the top left, click the dropdown menu and select CTAs (Legacy).
  • Hover over a CTA and click the Actions dropdown menu, then select Edit
  • Set your CTA design, then click Next in the bottom right.

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

  • In the Enter phone number field, enter a phone number. This phone number should not contain any spaces. 

  • In the bottom right, click Save

click-to-call-cta-phone-number

Create a mailto link

All mailto links will open a new email to a specific recipient in the visitor's default email program. You can set up a mailto link to include a specific subject line and email body.

Format a mailto link

If you're not using a rich text module or a CTA, you can create a mailto link manually instead. Highlight the text you want to link, then click the Link to dropdown menu and select URL. In the Link URL field, enter mailto:recipient@hubspot.com, then replace recipient@hubspot.com with the recipient's email address. 

You can modify any mailto link to generate an email with a specific subject line and body. The basic structure of a mailto link with a subject line and body looks like this: 

mailto:[recipient email address]?subject=[email subject]&body=[email body]

Since links don't support spaces, you will need to use%20 in place of each space. Each %20 will render as a space in the email subject line and body when the mailto link is clicked.

For example, the mailto link for an email with a recipient of recipient@hubspot.com, a subject line of "Register for our webinar" and an email body of "Don't forget to sign up now!" would look like this:

mailto:recipient@hubspot.com?subject=Register%20for%20our%20webinar&body=Don't%20forget%20to%20sign%20up%20now!

For longer emails and subject lines, HubSpot recommends using a free mailto link generator like this one.

Add a mailto link in a rich text module

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
    • Blog: In your HubSpot account, navigate to Content > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Content > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > Marketing Email.
  • Click the name of your content. 
  • In the content editor, highlight a section of text or image
  • In the rich text toolbar, click the link InInInsert link icon.
  • In the pop-up box, click the Link to dropdown menu and select Email address
  • Enter your mailto link, starting with the email address. Learn how to add a subject line and email body to a mailto link
  • Click Insert
     
    mailto-link-in-content-editor

Add a mailto link to a CTA (legacy)

  • In your HubSpot account, navigate to Marketing > CTAs.
  • In the top left, click the dropdown menu and select CTAs (Legacy).
  • Hover over a CTA and click the Actions dropdown menu, then select Edit
  • Set your CTA design, then click Next in the bottom right.

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

add-mailto-link-to-cta

New Call-to-action

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.