Clickable Elements You Should Include
📞 Phone Number
Use tel:+61412345678 to make phone numbers tap-to-call on mobile devices. Essential for sales teams and customer-facing roles.
📧 Email Address
Use mailto: links so recipients can start a new email with one click. Add a subject line: mailto:[email protected]?subject=Hello
🌐 Website URL
Link to your website, a specific landing page, or your booking calendar. Always use full HTTPS URLs.
🔗 Social Media Icons
LinkedIn, Twitter/X, Instagram, Facebook, GitHub — use small icon images linked to your profiles.
🔘 CTA Button
"Book a Meeting", "Download Brochure", "Shop Now" — styled HTML buttons with a clear action.
🖼️ Logo & Banner
Link your company logo to your homepage and banners to promotional landing pages.
How to Make HTML Buttons in Email Signatures
True CSS buttons don't work reliably in email clients. Instead, use "bulletproof buttons" — table cells styled to look like buttons:
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color:#f97316;border-radius:6px;padding:10px 20px;">
<a href="https://yoursite.com/book" style="color:#ffffff;text-decoration:none;font-weight:bold;font-size:14px;">Book a Meeting</a>
</td>
</tr>
</table>This approach works in Outlook, Gmail, Apple Mail, and mobile clients. The border-radius won't render in Outlook Desktop, but the button will still function and look acceptable.
Social Media Icon Best Practices
- Size: 24×24px or 32×32px icons. Small enough to be subtle, large enough to be tappable.
- Format: PNG with transparent background. Hosted externally.
- Limit to 2-4 platforms — LinkedIn + one or two others relevant to your industry.
- Spacing: 8-12px between icons to avoid accidental taps on mobile.
- Alt text: Set alt="LinkedIn" etc. for accessibility when images are blocked.
💡 Fully clickable: All our 132 templates include clickable phone, email, website, social icons, and optional CTA buttons — pre-coded and tested across every client.