Create a click-to-call or mailto link

Click-to-call links allow visitors using mobile devices to be connected to a specific phone number when clicked. Similarly, mailto links open the compose window of a visitor's default email program and can be configured to generate an email with a designated recipient, subject line, and email content.

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

• To add a click-to-call link to a rich text module:

  1. 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 Service > Knowledge Base.
     • Email: In your HubSpot account, navigate to Marketing > Email.
  2. Click the name of your content. 
  3. In the content editor, highlight a section of text or image.
  4. In the rich text toolbar, click the link InInInsert link icon.
  5. In the pop-up box, enter tel:, then the numbers of a phone number. For example, if the phone number is 123-456-7890, enter tel:1234567890. Click-to-call links cannot contain spaces or dashes. 
  6. 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)

• To add a click-to-call link to a CTA (legacy):
  1. In your HubSpot account, navigate to Marketing > CTAs.
  2. In the top left, click the dropdown menu and select CTAs (Legacy).
  3. Hover over a CTA and click the Actions dropdown menu, then select Edit. 

  4. Set your CTA design, then click Next in the bottom right.

  5. In the dialog box, click the URL redirect type dropdown menu and select Phone number.

  6. In the Enter phone number field, enter a phone number. This phone number shouldn't contain any spaces. 

• When you've finished configuring your click-to-call link for the CTA (legacy), click Save in the dialog box. 

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.

• To create a mailto link manually:
  1. Highlight the text you want to link to, then click the Link to dropdown menu and select URL.
  2. In the Link URL field, entermailto:recipient@hubspot.com, then replace recipient@hubspot.com with the recipient's email address. 
• To format the mailto link with a specific email subject and email body: 
  1. Highlight the text you want to link to, then click the Link to dropdown menu and select URL.
  2. In the Link URL field, enter mailto:recipient@hubspot.com?subject=[email subject]&body=[email body]. Then, replace the recipient's email address, email subject, and email body with your details. 
  3. To include spaces in the email subject and email body, enter %20 in place of each space. 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 be formatted like this:

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

• To format longer email body and email subject line content, HubSpot recommends using a free mailto link generator like this one.

Add a mailto link in a rich text module

• To add a mailto link in a rich text module:

  1. 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 Service > Knowledge Base.
     • Email: In your HubSpot account, navigate to Marketing > Email.
  2. Click the name of your content. 
  3. In the content editor, highlight a section of text or image. 
  4. In the rich text toolbar, click the link InInInsert link icon.
  5. In the pop-up box, click the Link to dropdown menu and select Email address. 
  6. Enter your mailto link, starting with the email address. Learn how to add a subject line and email body to a mailto link. 
  7. Click Insert. 

• To set your changes live, click Publish or Update in the upper right.

Add a mailto link to a CTA (legacy)

• To add a mailto link to a CTA (legacy):
  1. In your HubSpot account, navigate to Marketing > CTAs.
  2. In the top left, click the dropdown menu and select CTAs (Legacy).
  3. Hover over a CTA and click the Actions dropdown menu, then select Edit. 
  4. Set your CTA design, then click Next in the bottom right.
  5. Click the URL redirect type dropdown menu and select Email address.
  6. Enter your mailto link, starting with the email address. Learn how to add a subject line and email body to a mailto link. 
• When you've finished configuring your mailto link for the CTA (legacy), click Save in the dialog box.