Skip to content
Landing Pages

Create a click-to-call or mailto link

Last updated: August 24, 2021

Applies to:

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 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: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > 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

  • In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
  • 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

click-to-call-cta


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 enter: mailto:recipient@hubspot.com for your link.

You can modify any mailto link to generate an email with a specific subject line and body. The basic structure 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 Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > 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.  
     
    mailto-link-in-content-editor

Add a mailto link to a CTA

  • In your HubSpot account, navigate to Marketing > Lead Capture > CTAs.
  • 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

  • Click Save.

New Call-to-action