Create a click-to-call or mailto link

Click-to-call and mailto links help visitors contact your team directly from your content. Click-to-call links are useful for visitors who want to call with a single tap or click. Mailto links open a new email message in the visitor's default email program.

Before you get started

Before you begin creating a click-to-call or mailto link, review the requirements and considerations.

Understand limitations & considerations

• Click-to-call and mailto links are supported in rich text modules and CTAs (legacy).
• Click-to-call links can't contain spaces or dashes.

Create a click-to-call link

Click-to-call links connect visitors to a phone number when clicked or tapped on your content. These links are commonly used on content where calling is the next step. 

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, click the Link to dropdown menu and select URL.
6. In the URL field, enter 'tel:' then the phone number (e.g., tel:1239990000). 
7. Click Insert.
8. When finished, click Publish or Update in the top right.

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

Add a click-to-call link to a CTA (legacy) and then add the CTA (legacy) to your content.

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, click the Actions dropdown menu, and select Edit.

4. In the right panel, customize your CTA design, then click Next in the bottom right.

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

6. Enter a phone number in the Enter phone number field. 

7. When finished, click Save in the bottom right.

Create a mailto link

Mailto links open a new email message addressed to a specific recipient in the visitor's default email program. These links are useful when a page needs to prompt email-based outreach, such as support requests or general inquiries. 

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 Insert link icon.
5. In the pop-up box, click the Link to dropdown menu and select Email address. 
6. Enter the email address in the mailto: field. Learn how to add a subject line and email body to a mailto link. 
7. Click Insert. 
8. When finished, click Publish or Update in the top right.

Add a mailto link to a CTA (legacy)

Add a mailto link to a CTA (legacy) and then add the CTA (legacy) to your content.

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 the email address in the Enter email address field. Learn how to add a subject line and email body to a mailto link. 
7. When finished, click Save.

Format a mailto link manually

Manually formatting mailto links is required when a mailto link isn't added through a rich text module or a CTA (legacy).

Basic mailto link

• A basic mailto link opens a new email message addressed to a specific recipient. Use the following format:

mailto:recipient@mydemo.test

• Replace recipient@mydemo.test with the intended email address.

Mailto link with a subject line and email body

Mailto links can include a predefined subject line and email body. This is useful for standardizing inbound requests, such as support or sales inquiries.

• Use these formatting rules:
  • Use ?subject= to define the subject line.
  • Use &body= to define the email body.
  • Replace spaces with %20.

• Use the this format:

mailto:recipient@mydemo.test?subject=[email subject]&body=[email body]

• Replace the [email subject] and [email body] placeholder values with the desired subject and email body text.
• This is an example of a manually formatted mailto link for a sales team, including recipient, subject, and email body:

mailto:sales@mydemo.test?subject=Sales%20Inquiry&body=Hello%2C%20I%20would%20like%20to%20learn%20more%20about%20your%20product%20and%20pricing.%20Thanks

To: sales@mydemo.test
Subject: Sales Inquiry

Hello, I would like to learn more about your product and pricing. Thanks

• For longer subject lines or email body content, consider using a mailto link generator to avoid formatting errors.