Ultimate Guide to Using Links in Your HTML Email Signatures

Using links in your email signature effectively ensures that your contacts can easily reach you through various communication channels. Here's a detailed guide on how to use different types of links correctly in your email signature.

Ultimate Guide to Using Links in Your HTML Email Signatures

Using links in your email signature effectively ensures that your contacts can easily reach you through various communication channels. Here's a detailed guide on how to use different types of links correctly in your email signature.

General Tips for Using Links in Email Signatures

  1. Use Descriptive Text: Avoid raw URLs (e.g., https://example.com). Use descriptive text like "Visit Our Website" or "Connect with Me on LinkedIn."
  2. Shorten Long Links: Use services like Email Signature Rescue and Bitly if URLs are excessively long.
  3. Test Your Links: Ensure all links are clickable and direct to the correct destination.
  4. Use Consistent Styling: Match font, size, and color for link text with the rest of your signature. For accessibility, underline links or use contrasting colors.

Link Types and How to Use Them

1. Website Links (https://)

  • Purpose: Direct users to your website or a specific landing page.
  • Example:
  • <a href="https://www.example.com" target="_blank">Visit Our Website</a>
  • Best Practices:
    • Always include the https:// prefix for security and proper functionality.
    • Use target="_blank" to open links in a new tab.

2. Email Links (mailto:)

  • Purpose: Allow users to click and start composing an email directly to your address.
  • Example:
  • <a href="mailto:you@example.com">Email Me</a>
  • Advanced: Pre-fill subject and body for convenience:
  • <a href="mailto:you@example.com?subject=Hello&body=How%20are%20you%3F">Email Me</a>

3. Phone Links (tel:)

  • Purpose: Allow users to tap and call you on mobile devices.
  • Example:
  • <a href="tel:+1234567890">Call Me</a>
  • Best Practices:
    • Include the country code for international usability (e.g., +1 for the US).

4. Skype Links (skype:)

  • Purpose: Initiate a Skype call or chat.
  • Examples:
    • For a call:
    • <a href="skype:live.username?call">Call Me on Skype</a>
    • For a chat:
    • <a href="skype:live.username?chat">Chat on Skype</a>

5. WhatsApp Links (https://wa.me/)

  • Purpose: Direct users to chat with you on WhatsApp.
  • Example:
  • <a href="https://wa.me/1234567890">Message Me on WhatsApp</a>
  • Best Practices:
    • Include the full international phone number without spaces or symbols (e.g., +).
    • Add pre-filled messages:
    • <a href="https://wa.me/1234567890?text=Hello%20there!">Message Me on WhatsApp</a>

6. Social Media Links

  • Purpose: Direct users to your social media profiles.
  • Examples:
  • <a href="https://www.linkedin.com/in/yourprofile" target="_blank">LinkedIn</a>
  • <a href="https://www.twitter.com/yourprofile" target="_blank">Twitter</a>

7. Location Links (https://maps.google.com/)

  • Purpose: Provide directions to your office or physical location.
  • Example:
  • <a href="https://maps.google.com/?q=1600+Amphitheatre+Parkway,+Mountain+View,+CA">Find Us on Google Maps</a>
No items found.
Email Signature Template 1
Email Signature Template 2
100+ Professional Templates

Stand Out with Beautiful Email Signatures

Create professional email signatures that make a lasting impression. Easy to customize, easy to install in Gmail, Outlook, Apple Mail + 60 more email clients, apps and CRM.

Find Your Email Signature

8. Download Links

  • Purpose: Allow recipients to download files, brochures, or documents.
  • Example:
  • <a href="https://www.example.com/your-brochure.pdf" target="_blank">Download Our Brochure</a>

9. Video Call Links (Zoom, Teams, Google Meet)

  • Purpose: Provide a link to a scheduled or general video meeting.
  • Examples:
    • Zoom:
    • <a href="https://zoom.us/j/123456789">Join My Zoom Meeting</a>
    • Google Meet:
    • <a href="https://meet.google.com/xyz-abcd">Join My Google Meet</a>

10. Calendar Links

  • Purpose: Allow users to book appointments or view your calendar.
  • Examples:
    • Calendly:
    • <a href="https://calendly.com/yourname">Schedule a Meeting</a>

More About Links in email signatures

  1. Responsive Design:
    • Use simple, responsive HTML so links work well on all devices.
    • Test your signature on both desktop and mobile platforms.
  2. Privacy and Security:
    • Avoid sharing sensitive personal information in public links.
    • Use secure URLs (https://) wherever possible.
  3. Testing:
    • Ensure that all links are functional across email clients (Gmail, Outlook, Apple Mail, etc.).

By following these guidelines, your email signature will look professional and allow recipients to connect with you easily across various platforms.

No items found.
Email signature example design

100's professionally designed and tested templates

See All Templates

Do shortened links work in all email clients?

Shortened links like esig.ly and Bitly links are designed to function across various platforms, including email clients. However, their performance can vary depending on the specific email client and its security settings. Here's what you need to know:

Compatibility Across Email Clients:

  • General Functionality: Most modern email clients support esig.ly (Email Signature Rescue) shortened links and Bitly links, allowing recipients to click and be redirected to the intended destination without issues.
  • Security Considerations: Some email clients implement strict security measures that may flag shortened URLs, including Bitly links, as potential security risks. This is because shortened links can obscure the final destination, making it harder to detect malicious sites.

Best Practices for Using Bitly Links in Emails:

  1. Use Branded Short Links: Utilizing a custom domain for your Bitly links can enhance trust and reduce the likelihood of being flagged by email clients. Branded links clearly indicate the destination, alleviating security concerns.
  2. Bitly
  3. Provide Context: Accompany your Bitly link with descriptive anchor text that informs recipients about the link's destination. This transparency builds trust and encourages engagement.
  4. Test Across Clients: Before deploying your email campaign, test your emails in various clients (e.g., Outlook, Gmail, Apple Mail) to ensure that Bitly links function as intended.
  5. Monitor Engagement: Use Bitly's analytics to track link performance and identify any anomalies that might indicate issues with specific email clients.

Additional Considerations:

  • Corporate Environments: Some organizations deploy email filters that block shortened URLs to prevent phishing attacks. In such cases, even legitimate Bitly links might be inaccessible.
  • Alternative Approaches: If you encounter issues with esig.ly or Bitly links in certain email clients, consider using full URLs or creating hyperlinks with descriptive text to maintain transparency and trust.
  • You can turn off shortened links in your Email Signature Rescue settings.

By adhering to these best practices, you can effectively use esig.ly and Bitly links in your email communications while minimizing potential compatibility issues.

Ready to transform your email signatures?

FLYBY Signature
AUTHOR Signature
RAISE Signature
See Templates
OUR AWESOME CLIENTS

We work with
the best clients

Join our community of satisfied clients who trust us to create, host, manage and deploy their HTML email signatures.

4.8
Trustpilot Rating
200k+
Users Rescued
30M+
Hours Saved
10+
Years in the Business
1.1M+
Images Hosted