Skip to content
InboxSign Logo

How to Add a Clickable Phone Number to Your Email Signature (2026 Guide)

How to Add a Clickable Phone Number to Email Signatures
An email signature acts as your digital business card. While email is perfect for asynchronous communication, sometimes your clients or colleagues need an immediate answer. That's when they'll look for your phone number. Adding a phone number to your email signature makes you appear more accessible, builds trust, and removes friction for your most important contacts. But formatting it correctly so that it is clickable—and looks professional across every email client—requires some specific HTML know-how. In this guide, we'll show you exactly how to add a clickable phone number to your email signature, how to fix the dreaded "blue underline," and which numbers you should (and shouldn't) include.

The HTML Code: Making Your Phone Number Clickable

To ensure your phone number can be dialed with a single tap on a mobile device, you need to format it as a link using the tel: protocol.

Just like a website link starts with https:, a telephone link starts with tel:. This tells the operating system (iOS, Android, macOS, or Windows) to open the default phone or dialing application (like FaceTime or Skype on desktop).

Basic Click-to-Call HTML

Here is the basic HTML snippet to create a clickable phone number:

html

<a href="tel:555-123-4567">555-123-4567</a>

Best Practice: International Format

For maximum compatibility, especially if you have international clients, it is highly recommended to use the international dialing format (E.164) inside the href attribute. You can still display the local format to the user:

html

<a href="tel:+15551234567">(555) 123-4567</a>

[!TIP]
Want people to text you instead? You can use the sms: protocol instead of tel:. For example: Text Me. When clicked, this will automatically launch the user's default messaging app.

How to Remove the Blue Underline (The Developer Way)

If you just drop a plain text phone number into an email, Apple Mail, iOS, and Outlook will automatically turn it into a bright blue, underlined link. They do this because they detect the number pattern and want to make it helpful for the user.

Unfortunately, this automatic styling can clash horribly with your brand colors.

The secret to preventing this is to link the phone number yourself and apply specific inline CSS styles to override the email client's default link colors.

Use this HTML structure to style your phone number, match your brand color (e.g., a nice slate gray), and remove the underline:

html

<a href="tel:+15551234567" style="color: #4A5568; text-decoration: none !important; font-weight: bold;">

(555) 123-4567

</a>

By adding text-decoration: none !important;, you force strict email clients like Gmail to drop the underline, keeping your signature looking clean and professional.

Which Phone Numbers Should You Include?

Choosing which numbers to share depends heavily on your role and industry. Here is a quick breakdown of best practices:

  • Sales & Account Management: Include your direct office line or cell phone. Accessibility is your greatest asset.
  • Customer Support: Do *not* include your personal direct line. Instead, link to the main company support line (e.g., 1-800-COMPANY) to ensure tickets go through the proper routing channels.
  • Executives: Include the office line and optionally an extension. Cell phones should typically be reserved for internal signatures.

Internal vs. External Signatures

Many professionals use two different signatures.

  • Internal Signature (for coworkers): Includes your cell phone number and direct extension for fast collaboration.
  • External Signature (for clients/public): Only includes the main company line or a dedicated sales line.
[!NOTE]
The Easier Way to Build Your Signature
Writing HTML and dealing with inline CSS quirks across 40+ different email clients can be exhausting. If you want to skip the code and just get a beautiful, click-to-call signature in 2 minutes, try the InboxSign Email Signature Generator.
Our generator automatically handles the tel: links, completely removes the ugly blue underlines, and ensures your phone numbers look perfectly branded on every device. Best of all? It's completely free and has no watermarks.

If you aren't writing HTML and just want to add a link using your email client's visual editor, the process is simple:

  • Gmail: Highlight your phone number, click the "Link" icon (or press Ctrl/Cmd + K), and type tel:555-123-4567 into the URL box.
  • Outlook: Highlight the text, click the "Link" button, and enter tel:555-123-4567 as the address.
  • Apple Mail: Highlight the text, right-click, select "Add Link", and enter your tel: protocol link.

Summary

Adding a phone number to your email signature is one of the easiest ways to improve your professional accessibility. Remember to always use the tel: protocol for click-to-call functionality, style your links with inline CSS to prevent the default blue underline, and use the international dialing format for maximum compatibility.

If you don't want to mess with code, you can always rely on a tool like InboxSign to handle the technical details for you.

Common Questions

Everything you need to know about professional email signatures.

How do I make a phone number clickable in an email signature?

To make a phone number clickable, you need to use an HTML anchor tag with the 'tel:' protocol. For example: <a href="tel:+15551234567">555-123-4567</a>. When clicked on a mobile device, this will automatically prompt the user to call the number.

Can I remove the blue underline from a linked phone number in Gmail?

Yes, though it requires specific inline CSS. To remove the underline, add style="text-decoration: none !important; color: inherit;" to your anchor tag. Note that some email clients (like older Outlook versions) may still aggressively style links.

How do I add a text message (SMS) link to my signature?

Similar to the 'tel:' protocol, you can use the 'sms:' protocol in your HTML link. For example: <a href="sms:+15551234567">Text Me</a>. This will open the default messaging app on the user's device.

Why is my phone number automatically turning blue in Apple Mail?

Apple Mail and iOS devices automatically detect number sequences that look like phone numbers and convert them into clickable links for convenience. To override this, you must manually link the number yourself using a 'tel:' link and apply your own inline color styles.

Verified Content

Expert-Reviewed & Tested by Email Signature Specialists

Last Reviewed: July 2026

This guide has been carefully validated by the InboxSign Editorial Team. With deep, hands-on experience in cross-client compatibility and modern communication standards, our specialists ensure you receive accurate, up-to-date methodologies.

IS
UX
QA
Editorial & UX TeamEmail Architecture Specialists
What we verified in this guide:
  • Signature rendering in Gmail, Outlook, and Apple Mail
  • Mobile responsiveness across iOS & Android devices
  • HTML compatibility and grid layout standards
  • Accurate feature analysis and industry relevance

1,000+Email signatures analyzed for compatibility.

View Editorial Process
Take Action

Design your free professional email signature.

Launch Free Generator

Similar professional guides

View All →

Master your professional identity.

Weekly insights on email optimization and branding delivered directly to you.