How to Make a Phone Link in HTML
Make a Call Now Button on Your Website
You want someone to click a phone number on your website and have it open their dialer. Seems simple, right?
But then the questions start:
- What’s the tag for phone links?
- Do I use
<a href>or something else? - Can I style it like a button?
- Will it work on mobile?
Let’s clear it up.
How to Create a Phone Call Link in HTML
Here’s the code:
<a href="tel:1234567890">Call Us</a>That’s it. tel: is the prefix that tells the browser or device, “Hey, this is a phone number.”
It works on:
- Mobile phones
- Some desktop calling apps (like FaceTime, Skype)
- Click-to-call browser extensions
Can You Make a Phone Number a URL?
Yes — that’s exactly what the tel: link does.
Just be sure to remove dashes and spaces:
<a href="tel:8005551212">Call Now</a>Want to Style It Like a Button?
That’s where it gets tricky. You can wrap a phone link in a styled <a> tag to make it look like a button.
Here’s a basic example:
<a href="tel:8005551212" style="padding: 10px 20px; background-color: #28a745; color: white; text-decoration: none; border-radius: 5px;">Call Now</a>It works… but hard-coding inline styles like that can get old fast.
Use This Free Tool Instead
Skip the guesswork and use my free Telephone Link Button Generator.
It lets you:
- Enter your phone number and button text
- Pick your size, colors, and style
- Preview the result live
- Copy fully styled HTML (with inline styles)
- Paste it anywhere — landing page, email, form, you name it
Common Questions About HTML Phone Number Links
What is the HTML link type for phone?
Use tel: in the href. Like this: <a href="tel:1234567890">Call</a>
What is the telephone tag in HTML?
There’s no dedicated <telephone> tag. Just use an <a> tag with href="tel:...".
How do I create a mobile number link?
Same as above — wrap your number in a tel: link.
Final Thoughts
If you want people to call you, make it easy for them. Phone links are a great start. Button-style links make them even better.
You could mess around with inline styles every time…
or just use this free tool and get back to running your business.
📄 Download a PDF of This Article
