Create a click-to-call or mailto link

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 calls-to-action (CTAs). 

Create a click-to-call link

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

• Navigate to your content:

  • Website Pages:
  • Landing Pages:
  • Blog:
  • Knowledge Base:
  • Email:
• Hover over your content and click Edit. 
• 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

• 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. 

• In the bottom right, click Save. 

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:
  • Landing Pages:
  • Blog:
  • Knowledge Base:
  • Email:
• Hover over your content and click Edit. 
• 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.  
   
  

Add a mailto link to a CTA

• 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.

• Enter your mailto link, starting with the email address. Learn how to add a subject line and email body to a mailto link.  

• Click Save.