How to Create Click-to-Call and Mailto Links in HubSpot

Using HubSpot to add click-to-call and mailto links makes it easier for visitors to contact you directly from any device, improving user experience and conversions on your pages.

This guide explains how to build phone and email links in the content editor and design tools, following the same steps shown in the official HubSpot knowledge base.

What Are Click-to-Call and Mailto Links in HubSpot?

A click-to-call link lets visitors tap or click a phone number to start a call in their default calling app. A mailto link opens their default email client to send you a message.

In HubSpot, you can add these links to:

• Website pages and landing pages
• Blog posts and knowledge content
• Menus, buttons, and CTAs in templates
• Rich text modules in custom designs

The basic formats are:

• tel:+15555555555 for phone calls
• mailto:someone@example.com for email

When to Use HubSpot Click-to-Call Links

Adding a click-to-call link in HubSpot is ideal when:

• You get many leads from mobile search or paid ads
• Your sales or support team handles live calls during business hours
• You want to track button clicks and engagement in reports

Click-to-call links pair well with clear CTAs such as “Call for a quote” or “Talk to sales now.”

How to Add a Click-to-Call Link in the HubSpot Page Editor

Follow these steps to add a phone link to a page using the HubSpot drag-and-drop editor.

Step 1: Open Your HubSpot Page

1. Log in to your HubSpot account.
2. Go to Marketing > Website > Website pages or Landing pages.
3. Hover over the relevant page and click Edit.

Step 2: Select the Rich Text Area

1. In the page preview, click the rich text module where you want the link.
2. Highlight the text you want to turn into a click-to-call link, such as your phone number or a call-to-action phrase.

Step 3: Insert the HubSpot Click-to-Call URL

1. In the rich text toolbar, click the Link icon.
2. In the link type options, choose URL.
3. In the URL field, enter your phone link using the format:
   tel:+[country code][phone number]
   For example:
   tel:+15555555555
4. Set how the link opens (usually in the same tab).
5. Click Insert or Apply.

Check the preview to confirm that your HubSpot page displays the link correctly and that the phone number is easy to tap on mobile devices.

How to Create a Mailto Email Link in HubSpot

A mailto link helps visitors quickly send you an email from the HubSpot page they are viewing.

Step 1: Edit the Page or Post

1. In your HubSpot account, open the page, landing page, or blog post you want to edit.
2. Click into the rich text module that should contain the email link.

Step 2: Highlight Text for the Mailto Link

1. Select the text you want to use as the link, such as your email address or “Email our team.”
2. Click the Link icon in the toolbar.

Step 3: Add the Mailto Format in HubSpot

1. Choose URL as the link type.
2. In the URL field, enter a mailto link in this format:
   mailto:someone@example.com
3. Optionally, you can prefill the subject and body with URL parameters, for example:
   mailto:someone@example.com?subject=Quote%20Request&body=Please%20share%20more%20details.
4. Click Insert or Apply to save.

Publish or update your HubSpot content and test the link in a browser to ensure your email client opens correctly.

Using Click-to-Call and Mailto Links in HubSpot Design Tools

If you use custom templates or coded modules, you can still add phone and email links in HubSpot using HTML inside rich text or custom modules.

Basic HTML for Phone Links in HubSpot

Insert this HTML inside your module or template:

<a href="tel:+15555555555">Call us at (555) 555-5555</a>

This renders a clickable phone number in your HubSpot template.

Basic HTML for Mailto Links in HubSpot

Use this HTML for email links:

<a href="mailto:someone@example.com">Email our team</a>

You can also add a subject and basic email body:

<a href="mailto:someone@example.com?subject=Support%20Request">Contact support</a>

Best Practices for Click-to-Call Links in HubSpot

• Use international format: Always include the country code with the tel: protocol.
• Make links obvious: Format phone numbers as buttons or bold text in HubSpot modules so visitors know they are clickable.
• Test on multiple devices: Check links in mobile and desktop environments to confirm they open the correct app.
• Track engagement: Combine click-to-call links with HubSpot analytics events or button tracking where possible.

Where to Learn More About HubSpot Link Options

For the original reference on creating phone and email links, see the official HubSpot documentation on click-to-call and mailto links at this support article.

If you need strategic help implementing contact links, tracking conversions, or optimizing your entire HubSpot setup for SEO and lead generation, you can also explore consulting resources such as Consultevo.

Summary: Streamline Contact Options with HubSpot

Click-to-call and mailto links in HubSpot remove friction for users who want to call or email you directly. By adding these links to key pages, you can improve the user journey, increase inbound inquiries, and make your site more helpful across devices.

Use the simple URL formats tel:+number and mailto:address, apply them in rich text modules or template HTML, and always test your HubSpot pages before publishing.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`