If you’re leading marketing or sales ops, you know how crucial it is to meet prospects the moment they’re ready to connect. But too often, even interested leads drop off before reaching out—because you didn’t make it easy enough.
Click-to-call and mailto CTAs remove that friction. When placed well, they let your prospects call or email you with a single tap—no forms, no delays. Done right, they not only improve contact engagement but also shorten follow-up cycles and help your team convert in real time.
Still, many HubSpot users hesitate when trying to set up CTAs that open phone dialers or pre-populate email drafts. Common roadblocks include formatting errors, lack of tracking, and underutilized personalization. This guide walks you through exactly how these CTAs work in
HubSpot: How to configure them correctly and ensure they perform. You’ll also learn where to place them, what to avoid during setup, and how INSIDEA can help you drive better results with every click.
How to Link a HubSpot CTA to a Phone Number or Email Address
Inside HubSpot, CTAs (calls-to-action) are visual prompts that guide your visitor to act—book a demo, download content, or contact a rep. While typical CTAs direct someone to another page, click-to-call and mailto versions immediately launch a phone or email app on the user’s device. They feel seamless because they shorten the path between interest and connection.
Click-to-call buttons use the tel: prefix, and mailto buttons use the mailto: prefix. You can include them in landing pages, blog posts, marketing emails, or page headers built through HubSpot tools.
There are two common ways to create them: via HubSpot’s native CTA editor or by embedding a properly formatted link into custom modules and rich text areas.
- To let users place a call, you’ll use a format like tel:+11234567890. When someone taps this CTA on a phone, their dialer screen opens with the number pre-filled.
- For email interactions, a mailto:sales@company.com link creates a new email in the user’s email client. You can also add a default subject or body copy for added context.
Performance tracking is available through HubSpot’s legacy CTA tool or the updated “CTAs (Beta)” feature in Marketing Hub, depending on your subscription.
How It Works Under the Hood
Click-to-call and mailto CTAs use simple yet powerful link protocols that your lead’s browser or device interprets.
At setup, you insert a text label or image, connect it to a tel: or mailto: link, and optionally add tracking or personalization. When someone clicks, the command opens the appropriate native app—either the phone dialer or the default email client.
Here’s what’s happening behind the scenes:
Inputs:
- A CTA element (like a button or image)
- A properly formatted link starting with tel: or mailto:
- Optional UTM parameters or Smart Content variations for targeting
Outputs:
- A user-friendly CTA that opens a call or email window depending on the OS/browser
- Integrated click tracking (when built with HubSpot’s CTA tools or included in a tracked asset)
Bonus features you can customize:
- Mailto links can include pre-written subject lines or email bodies (e.g., mailto:info@company.com?subject=Pricing%20Question)
- Visual styles to match your website or email design
- Personalization tokens, so each visitor sees a rep or region-specific contact option
Using HubSpot’s newer CTA editor, you can embed these links into polished buttons, enable click tracking, and monitor each CTA’s performance without leaving the platform.
Main Uses Inside HubSpot
The greatest advantage of these CTAs is speed—they move leads to action while they’re still engaged. Here’s where they work best in your HubSpot setup:
Lead Engagement on Landing Pages
Your landing pages are hot spots for engaged traffic. By embedding a click-to-call CTA on your contact or pricing page, you give leads an immediate way to reach your team.
Example: A SaaS company adds a “Talk to Sales” button linked as tel:+15551234567 on their pricing page. Mobile users tap the button and instantly connect—no form friction, no delay.
Accelerating Email Response in Campaigns
Text links in emails often go ignored. A mailto CTA makes it easier (and more inviting) to reply.
Example: A campaign manager includes a “Reply to Book a Demo” button in a sales nurture email. When recipients click, their email client opens a pre-filled message to the assigned rep—one less obstacle in the conversion trail.
Improving Mobile Contact Options
When mobile visitors want answers now, a tap-to-call button is the fastest route.
Example: A home services company adds a CTA that only appears for mobile users, thanks to HubSpot’s Smart Rules. Their mobile traffic sees a sticky “Call Now” button that jumpstarts same-day inquiries.
Common Setup Errors and Wrong Assumptions
Even small technical mistakes can stall your contact strategy. Here are common missteps you can avoid from the start:
Missing the Link Prefix (tel:/mailto:)
If you add just the number or email without the right prefix, the CTA won’t work.
→ Always include tel: before numbers and mailto: before email addresses.
Skipping the Country Code
Local-only phone numbers fail when dialed from mobile or international devices.
→ Format as tel:+countrycodephonenumber to ensure universal dialing (e.g., tel:+14155552671).
Using Unencoded Characters in Mailto Links
Spaces and special characters can break email formatting.
→ Use URL encoding (%20 for space) and test how it renders in common email clients.
Expecting Calls to Automatically Log as Activities
Clicking a phone CTA doesn’t mean a call took place—and it won’t show in the contact record.
→ Only tools like HubSpot Calling or integrated apps log actual calls. CTA clicks show as engagements, not call completions.
Skipping CTA Tracking Configuration
If you paste raw HTML without tracking parameters or skip the CTA tool, your insights are incomplete.
→ Use HubSpot’s built-in CTA creator or ensure manual embeds have tracking enabled.
Step by Step Setup or Use Guide
You don’t need a developer to create effective contact CTAs—HubSpot gives you the tools. Just follow these steps.
- Go to Marketing > Lead Capture > CTAs
Click “Create CTA.” Choose between the legacy editor or the newer beta CTA builder based on your portal settings.
- Choose CTA Type and Design
Pick a button format. Add your CTA label—like “Call Now” or “Send Us an Email.” Tweak colors, fonts, and spacing to match your page or email style.
- Add Your Click-to-Call or Mailto Link
Enter your link:
- For Call: tel:+1xxxxxxx
- For Email: mailto:support@company.com
Optional: Add parameters
- Subject: ?subject=Quick%20Question%20About%20Services
- Body: &body=Hi%20Team,%20I%20would%20like%20to%20learn%20more.
- Set Tracking and Placement Options
Assign the CTA to a campaign if needed. Enable click tracking. Choose where this CTA will live—on a landing page, in an email, or as an embed on another site.
- Preview and Test
Use the preview window to test behavior. On mobile, make sure tapping opens the dialer or email app. Adjust if needed.
- Publish Your CTA
Use “Add Module” in your HubSpot asset or paste the embed code to place your CTA.
- Review Initial Performance
Check early data a few days after launch via Marketing > Lead Capture > CTAs. Look for views, clicks, and click-through rate.
- Connect Results to Contacts (Optional)
In the contact record, look for tracked clicks on the CTA if it was used in a HubSpot email or page. This helps tie engagement to qualified leads.
Measuring Results in HubSpot
Setting up your CTA is only half the job. If you’re not monitoring performance, you’re flying blind. Here’s what to measure in HubSpot:
Standard CTA Reports:
- Views: How often your CTA was displayed
- Clicks: Number of users who tapped it
- Click Rate: Conversion efficiency (Clicks ÷ Views)
Custom Reports:
Use the report builder to see how CTAs correlate with deeper outcomes. View how many visitors clicked your call button before converting elsewhere (like requesting a demo).
High-Value Dashboard Metrics:
- Click Rate by Channel (Are users responding better in emails or on pages?)
- Clicks by Source (Which list or visitor segment clicks most?)
- Conversion Events Post-CTA (How many clicked and took the next step within a day or two?)
CTA Tracking Checklist:
- Is tracking enabled on the CTA or its page/email?
- Are you segmenting performance by desktop vs. mobile using Smart Content reports?
- If using rep-specific phone numbers: which rep’s CTA leads to more engagement?
- Are you refreshing reports and dashboards weekly for accurate data?
Keep in mind: mailto link tracking is less precise because email clients don’t always push real-time interaction data. You can bridge the gap by pairing these with confirmation forms or follow-up workflows.
Short Example That Ties It Together
A B2B sales manager builds two CTAs in HubSpot:
- A phone CTA, “Speak with an Advisor,” linking to tel:+18005551212
- An email CTA, “Email Customer Success,” linking to mailto:support@company.com?subject=New%20Customer%20Inquiry
Both are placed on thank-you pages and in outbound sales emails as test elements. Within a week, the click-to-call CTA gets 250 views and 45 clicks—a solid 20% click-through rate. Notably, 30% of those clickers booked meetings within 48 hours.
Meanwhile, the mailto CTA generates 40 new inbound emails, which are added manually to contact records. Over time, the team discovers that mobile click-to-call outperforms on landing pages, while desktop users engage more through email. Based on these insights, they refine placement and content—no guesswork needed.
How INSIDEA Helps
Making your CTAs airtight—technically and strategically—takes more than adding a link. You need precision in formatting, consistency in tracking, and full alignment with your campaigns. That’s where INSIDEA comes in.
Here’s how we help HubSpot users like you make every contact CTA work harder:
- HubSpot onboarding: Set up your portal so your CTAs plug into the right automations from day one
- Ongoing portal support: Keep data flowing cleanly and integrations stable
- Workflow refinement: Improve how your leads are routed after CTA clicks
- Campaign and CRM alignment: Connect CTA engagement to pipeline and deal tracking
- CTA optimization: Build, test, and track tel: or mailto: buttons using best practices and clean design
Whether you’re embedding your first contact CTA or refining advanced lead workflows, our team helps you get it right. Check out INSIDEA’s HubSpot consulting services or connect with one of our specialists.
