How to Add Click-to-Call Links to Your Website
Adding click-to-call links is one of the fastest, highest-impact fixes you can make to your website. Research shows that 70% of mobile searchers call a business directly from search results — but only if your phone number is tappable. This guide shows you how to make it work on any platform in under 5 minutes.
Why Click-to-Call Matters
Over 60% of your website visitors are on mobile devices. When someone searches for a plumber, dentist, or any local service, they want to call — not fill out a form and wait. If your phone number is just plain text, mobile users have to memorize it, switch to their dialer, and type it in manually. Most won't bother. They'll call your competitor instead.
Click-to-call links solve this by making your phone number tappable. One tap opens the phone dialer with your number pre-filled. It's the difference between a phone call and a bounced visitor.
The impact of click-to-call:
- ✓70% of mobile searchers use click-to-call
- ✓Phone calls convert 10-15x higher than web forms
- ✓Local businesses report 25-40% more calls after adding click-to-call
- ✓Google flags missing click-to-call as a mobile usability issue
How to Check If You Have This Issue
Open your website on your phone. Find your phone number (usually in the header, footer, or contact page). Try tapping it. If nothing happens — no phone dialer opens — you need to add click-to-call links.
You can also run a free FreeSiteAudit — we automatically flag missing click-to-call links as a critical mobile issue.
Step-by-Step: Adding Click-to-Call
HTML (Any Website)
The simplest approach — works on every platform. Find your phone number in the HTML and wrap it in a link:
<!-- Before (plain text — not clickable) -->
<p>(555) 123-4567</p>
<!-- After (clickable on mobile) -->
<a href="tel:+15551234567">(555) 123-4567</a>
Important: Use the international format with country code in the href (e.g., +1 for US/Canada). Display the number however you like in the visible text.
WordPress
- 1.Open the page or widget containing your phone number in the block editor
- 2.Select the phone number text
- 3.Click the link icon (or press Ctrl/Cmd+K) and enter
tel:+15551234567 - 4.Save and publish
Wix
- 1.Click on the text or button with your phone number
- 2.Click "Link" in the toolbar
- 3.Select "Phone" as the link type
- 4.Enter your phone number and save
Squarespace & Shopify
Both platforms use a rich text editor. The process is the same:
- 1.Edit the block or section with your phone number
- 2.Highlight the phone number text
- 3.Add a link with the URL
tel:+15551234567 - 4.Save and publish
Before & After
Before
- Phone number displayed as plain text
- Mobile users can't tap to call
- Visitors must memorize or copy the number
- Lost calls = lost revenue
After
- Phone number is a tappable link
- One tap opens the phone dialer
- Number pre-filled — zero friction
- 25-40% more phone calls
Common Mistakes to Avoid
Using an image of your phone number
Search engines can't read text inside images. Neither can screen readers. Always use real text with a tel: link.
Forgetting the country code
Always include the country code (e.g., +1 for US) in the href. Without it, the link may not work for international visitors or on some devices.
Only adding it on the contact page
Your phone number should be clickable everywhere it appears — header, footer, sidebar, and contact page. Don't make visitors hunt for it.
Not testing on both iOS and Android
The tel: protocol works on both platforms, but test on real devices (not just browser preview) to make sure the dialer opens correctly.
Advanced Tips
Once you have basic click-to-call working, consider these upgrades:
- •Add telephone schema markup to help Google display your phone number directly in search results. See our Schema Markup Guide.
- •Track calls with Google Analytics by adding an event listener to your tel: links. This shows how many people actually call from your website.
- •Add a sticky call button on mobile that stays visible as users scroll. This is especially effective for service businesses like plumbers and HVAC companies.
Frequently Asked Questions
What is a click-to-call link?
A click-to-call link is an HTML link using the tel: protocol. When tapped on a mobile device, it opens the phone dialer with your number pre-filled so the user can call with one tap.
Does click-to-call work on desktop?
Yes. On desktop, clicking a tel: link opens the default calling app (FaceTime on Mac, Skype, or Google Voice). If no app is configured, the browser may prompt the user to choose one.
Do I need a developer to add click-to-call?
No. Most website builders (WordPress, Wix, Squarespace, Shopify) let you add click-to-call through their visual editor. Even in raw HTML, it's a single line of code.
Check if your site has click-to-call issues
Run a free audit to see if your phone numbers are tappable on mobile — plus 50+ other checks.
Run Free Audit