{"id":54120,"date":"2022-10-13T08:00:00","date_gmt":"2022-10-13T12:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/?p=54120"},"modified":"2026-05-20T12:09:48","modified_gmt":"2026-05-20T16:09:48","slug":"html-clickable-phone-number-in-email","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email","title":{"rendered":"How to Create Clickable Phone Numbers with HTML in Emails"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_5be998fb948f7c65a49be2558ad38efb\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<table style=\"background-color: #f2f3f6;\">\n<tbody>\n<tr>\n<td class=\"block-1\" style=\"padding: 20px;\">\n<h3>Key takeaways<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li aria-level=\"1\"><strong>Leveraging clickable phone numbers in emails reduces friction for subscribers, driving faster responses, higher conversions, and improved customer satisfaction.<\/strong><\/li>\n<li aria-level=\"1\"><strong>Improving email accessibility with HTML click-to-call links ensures customers can instantly connect with your brand, benefiting sales, support, and consultations.<\/strong><\/li>\n<li aria-level=\"1\"><strong>Styling clickable phone numbers effectively enhances visibility and encourages user interaction, providing a seamless subscriber experience across all devices.<\/strong><\/li>\n<li aria-level=\"1\"><strong>Testing clickable phone and SMS links across various email clients and devices ensures reliable functionality, preventing user frustration and improving engagement.<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400;\">A <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/using-responsive-email-templates\" target=\"_blank\" rel=\"noopener\">responsive email<\/a> list is the first step to building brand awareness. Leveraging your <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-drive-your-email-list-strategy\/\"><span style=\"font-weight: 400;\">email list <\/span><\/a><span style=\"font-weight: 400;\">to build your phone list is a good next step.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Luckily, you can integrate the two by embedding click-to-call buttons in your email. This allows your audience to give you feedback, raise pressing concerns quicker, and communicate with you from multiple platforms.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keep reading to learn what types of emails benefit from click-to-call phone numbers, and a step-by-step guide on how to add them.<\/span><\/p>\n<h2>What is a click-to-call phone number?<\/h2>\n<p><span style=\"font-weight: 400;\">A click-to-call phone number, or a clickable phone number, is a link inside an email that opens up a calling app. So if you\u2019re opening the email on your phone, the link will open up the phone app with the phone number pre-populated.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When adding a clickable phone number to your emails, start out by testing a click-to-call button for mobile devices. If your audience engages with it, then test a desktop version.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keep in touch with your support\/call center team to see if calls increased when the email went out. Combined with a <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/increase-email-ctr\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">good click-through rate<\/span><\/a><span style=\"font-weight: 400;\">, a high call volume would be an indicator of success.<\/span><\/p>\n<h2>Why are clickable phone numbers important in email?<\/h2>\n<p><span style=\"font-weight: 400;\">There a few reasons why a clickable phone number is important in an email:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It builds trust with your audience<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It requires less effort from your audience than <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/email-copywriting-kit\" target=\"_blank\" rel=\"noopener\">writing an email<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It gives customers an immediate way to connect with your company<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Instant calling is an advantage when your email content encourages conversation and engagement. A clickable phone number benefits sales, customer support, and consultation emails.<\/span><\/p>\n<h3>1. Sales emails<\/h3>\n<p>Eliminate steps between prospects <i style=\"background-color: var(--bs-body-bg); font-size: 1rem; text-align: var(--bs-body-text-align);\">wanting<\/i><span style=\"font-weight: 400;\"> to contact you and actually contacting you.<br \/>\n<\/span><\/p>\n<h3>2. Customer support emails<\/h3>\n<p>Empower customers to quickly reach out for support. An already flustered customer might not want to type (and wait for)\u00a0 an email reply. By using a clickable phone number, they can get in touch faster.<\/p>\n<figure id=\"attachment_54132\" aria-describedby=\"caption-attachment-54132\" style=\"width: 744px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-54132 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/01.png\" alt=\"Example of HTML clickable phone numbers using a country code in an email\" width=\"744\" height=\"407\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/01.png 744w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/01-300x164.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/01-700x383.png 700w\" sizes=\"(max-width: 744px) 100vw, 744px\" \/><figcaption id=\"caption-attachment-54132\" class=\"wp-caption-text\">Source: Farfetch<\/figcaption><\/figure>\n<h3>3. Consultation emails<\/h3>\n<p><span style=\"font-weight: 400;\">Brands with in-house consultants (like stylists, dietitians, or technicians) can benefit from an HTML clickable phone number button. Customers can use them to directly get in touch with experts \u2014increasing connectivity and brand familiarity.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This example adds a clickable phone number for a stylist.\u00a0<\/span><\/p>\n<figure id=\"attachment_54130\" aria-describedby=\"caption-attachment-54130\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-54130\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/02.jpg\" alt=\"email example from Ajio Luxe\" width=\"600\" height=\"642\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/02.jpg 828w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/02-280x300.jpg 280w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/02-768x822.jpg 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/02-700x749.jpg 700w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-54130\" class=\"wp-caption-text\"><i><span style=\"font-weight: 400;\">Source: Ajio Luxe<\/span><\/i><\/figcaption><\/figure>\n<h3>4. Feedback emails<\/h3>\n<p><span style=\"font-weight: 400;\">Clickable phone numbers in feedback emails used <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/post-purchase-emails\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">post-purchase<\/span><\/a><span style=\"font-weight: 400;\"> (or post-interaction) make you more accessible to your customer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this example, the clickable phone number is used to get feedback on the customer\u2019s shopping experience.\u00a0<\/span><\/p>\n<figure id=\"attachment_54131\" aria-describedby=\"caption-attachment-54131\" style=\"width: 1263px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-54131 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/03.png\" alt=\"email example from Aijo\" width=\"1263\" height=\"395\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/03.png 1263w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/03-300x94.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/03-1024x320.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/03-768x240.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/03-700x219.png 700w\" sizes=\"(max-width: 1263px) 100vw, 1263px\" \/><figcaption id=\"caption-attachment-54131\" class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: Ajio Customer Support<\/span><\/figcaption><\/figure>\n<h3>5. Return package emails<\/h3>\n<p><span style=\"font-weight: 400;\">Placing return requests via request forms and shopping apps can be tedious\u2014using a clickable phone number to place a return request is much easier for the customer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This example uses an HTML clickable phone number for return requests as part of an eco-friendly initiative.\u00a0<\/span><\/p>\n<figure id=\"attachment_54134\" aria-describedby=\"caption-attachment-54134\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-54134\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/04.jpg\" alt=\"Tata Cliq Luxury email example\" width=\"1200\" height=\"614\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/04.jpg 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/04-300x154.jpg 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/04-1024x524.jpg 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/04-768x393.jpg 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/04-700x358.jpg 700w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-54134\" class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Source: Tata Cliq Luxury<\/span><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Do not include a click to call button if you can&#8217;t support an increased call volume. You don&#8217;t want subscribers to be calling only to be put on hold. And if you have a <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-client-market-share\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">large Apple Mail audience<\/span><\/a><span style=\"font-weight: 400;\">, keep in mind that the click-to-call feature on Mac opens FaceTime. Not sure where your unique audience engages? Find out with <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-analytics\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Litmus Email Analytics<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2>How to make an HTML phone link in an email<\/h2>\n<h3><span style=\"font-weight: 400;\">Step 1<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Start creating your link as you would any other.<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;a rel=\"noopener\" target=\"_blank\" href=\u201d\u201d&gt;Click to call&lt;\/a&gt;<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_d50c6362895571aa57bbb1bd585927de\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><span style=\"font-weight: 400\">If you&#8217;re using a button, use a bulletproof one. <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Bulletproof buttons<\/span><\/a><span style=\"font-weight: 400\"> are <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices\/\" target=\"_blank\" rel=\"noopener\">call-to-action (CTA)<\/a> buttons built with code instead of images. Because they are built with code, they work even if your customer is in a low-network area or has turned off image downloading. This makes bulletproof buttons more reliable and widely accessible.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Note: make sure to add bulletproof clickable phone numbers to emails specifically requiring subscribers to get in touch. (For example, <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-write-emails-that-sell\" target=\"_blank\">sales emails<\/a> that include a \u2018book a call\u2019 <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/guide-to-ctas\/\"><span style=\"font-weight: 400\">CTA<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<h3><span style=\"font-weight: 400\">Step 2<\/span><\/h3>\n<p><span style=\"font-weight: 400\">Instead of adding a URL in the href, add &#8220;tel:&#8221; to create a <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-use-click-to-call-functionality-for-better-email-attribution\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">click-to-call link<\/span><\/a><span style=\"font-weight: 400\"> and then add the phone number:\u00a0<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;a rel=\"noopener\" target=\"_blank\" href=\u201dtel:(866)787-7030\u201d&gt;Click to call&lt;\/a&gt;<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_fb9196efa35977224905f7b5538e67d0\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><span style=\"font-weight: 400\">If you&#8217;re adding a \u2018click to text\u2019 link, you can also add <code>\"?&amp;body=\"<\/code> after the phone number, much like you would do with a &#8220;mailto:&#8221; link. Then you\u2019ll need to encode any message you want to include as a URL. (You can use online tools like <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.urlencoder.io\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">URLEncoder <\/span><\/a><span style=\"font-weight: 400\">to help with this).\u00a0<\/span><\/p>\n<p><strong>A click to text link would look like this:<\/strong><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;a rel=\"noopener\" target=\"_blank\" href=\u201dsms:(866)787-7030?&amp;body=Thanks%20for%20the%20article%20with%20click%20to%20text%20examples%21\u201d&gt;Click to text&lt;\/a&gt;<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_72d68c1bdc2b7572b0e1cc47a148cb78\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h3><span style=\"font-weight: 400\">Step 3<\/span><\/h3>\n<p><span style=\"font-weight: 400\">Next, use mobile class to hide the click-to-call links for desktop computers:<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">.mobile { display: none !important; }\n  &lt;style&gt;\n\t@media screen and (max-width:600px) {\n    \t\t.mobile { display: block !important; }\n}\n&lt;\/style&gt;\nThen you can use a desktop class to provide a linked version that is either a landing page with a contact form or a mailto link with an email address:\n.mobile { display: none !important; }\n  &lt;style&gt;\n\t@media screen and (max-width:600px) {\n    \t\t.mobile { display: block !important; }\n\t\t.desktop { width: 0 !important; display: none !important; }\n}\n&lt;\/style&gt;<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_53ef1f6b89c45b7c6e88213a4d3f274b\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h3><span style=\"font-weight: 400\">Step 4<\/span><\/h3>\n<p><span style=\"font-weight: 400\">You can style click-to-call links by targeting based on html attributes:<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">a[href^=\"tel\"] { color: #1F7F4C !important; }\na[href^=\"sms\"] { color: #C54D3F !important; }<\/pre>\n\n\n\n\n\t<div id=\"simple-text-block-block_4c70ff1cacd4464f2cefd8c56b4db3ec\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><span style=\"font-weight: 400\">This works in many email clients, but putting the styles in-line is the best way to ensure support everywhere.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Note: <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-testing\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Email testing these links is key<\/span><\/a><span style=\"font-weight: 400\">! (For example, we&#8217;ve heard that click-to-text doesn&#8217;t work in Gmail, Yahoo, and Outlook.com\u2013 but they worked when we tested them for this article).<\/span><\/p>\n<p><span style=\"font-weight: 400\">Here are two <\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/builder\/Y3mV36i0q2LfJLdR\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">versions of click-to-call and click-to-text <\/span><\/a><span style=\"font-weight: 400\">in <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-builder\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Litmus Builder<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<h2>How to style an HTML telephone link in an email<\/h2>\n<p><span style=\"font-weight: 400\">You can style the HTML phone link as <\/span><strong>buttons, links, <\/strong>or<strong> an image wrap-around.\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The clickable phone number is styled as a \u2018Get Help\u2019 button in this example.\u00a0<\/span><\/p>\n<figure id=\"attachment_54142\" aria-describedby=\"caption-attachment-54142\" style=\"width: 1194px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-54142\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/05.jpg\" alt=\"email example from Apple\" width=\"1194\" height=\"578\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/05.jpg 1194w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/05-300x145.jpg 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/05-1024x496.jpg 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/05-768x372.jpg 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/05-700x339.jpg 700w\" sizes=\"(max-width: 1194px) 100vw, 1194px\" \/><figcaption id=\"caption-attachment-54142\" class=\"wp-caption-text\"><span style=\"font-weight: 400\">Source: Apple<\/span><\/figcaption><\/figure>\n<h3><span style=\"font-weight: 400\">There are two different ways to style an HTML telephone link.\u00a0<\/span><b><\/b><\/h3>\n<ol>\n<li><strong>Style it in the heading section of the emails.<\/strong> <span style=\"font-weight: 400\"><span style=\"font-weight: 400\">To do this, use attribute selectors like this: <code>a[href^=\"tel:\"] or a[href^=\"sms:\"]<\/code>.<\/span><\/span><span style=\"background-color: var(--bs-body-bg);font-size: 1rem;text-align: var(--bs-body-text-align)\"><br \/>\nor\u2026<br \/>\n<\/span><\/li>\n<li><strong>Style it inline (steps detailed above).<\/strong> <span style=\"font-weight: 400\">If you do this, style it with an underline.\u00a0<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">Carin Slater, Email Marketing Specialist at Litmus also offers this pro-tip: \u201cFor inline styles, a hover-over is a stylistic enhancement. When your reader hovers over the clickable link, the enhancement makes the underline disappear. This tells your reader that the link is an interactive element.\u201d<\/span><\/p>\n<p><strong>Note:<\/strong> <span style=\"font-weight: 400\">Gmail doesn&#8217;t support clickable phone numbers in the header section. So, if you have a large number of subscribers on Gmail, add styles <\/span><b>inline.\u00a0<\/b><\/p>\n<h2>Add a click to SMS link<\/h2>\n<p><span style=\"font-weight: 400\">A clickable messaging link allows your customers to text you instead of calling. It works like a clickable phone number, but can be a more convenient option for some customers.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Clickable SMS links can also be used to get your customers to opt into SMS marketing, join exclusive SMS groups, or access instant customer support.<\/span><\/p>\n<p><span style=\"font-weight: 400\">In this example, a click to SMS link is styled as a \u2018chat with us\u2019 CTA button.<\/span><\/p>\n<figure id=\"attachment_54133\" aria-describedby=\"caption-attachment-54133\" style=\"width: 1442px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-54133\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/06.png\" alt=\"Using HTML code to create a clickable SMS link in an email\" width=\"1442\" height=\"632\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/06.png 1442w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/06-300x131.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/06-1024x449.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/06-768x337.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/06-700x307.png 700w\" sizes=\"(max-width: 1442px) 100vw, 1442px\" \/><figcaption id=\"caption-attachment-54133\" class=\"wp-caption-text\"><i><span style=\"font-weight: 400\">Source: Shop Rescue Spa<\/span><\/i><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400\">In this example, a click-to-SMS link encourages customers to join an exclusive SMS list for an event launch.<\/span><\/p>\n<figure id=\"attachment_54149\" aria-describedby=\"caption-attachment-54149\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-54149\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/07.jpg\" alt=\"Utilizing a SMS link in an email to feature an event\" width=\"1200\" height=\"669\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/07.jpg 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/07-300x167.jpg 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/07-1024x571.jpg 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/07-768x428.jpg 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/07-700x390.jpg 700w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-54149\" class=\"wp-caption-text\">Source: Really Good Emails<\/figcaption><\/figure>\n<h2>Don\u2019t forget to test your clickable phone number!<\/h2>\n<p><span style=\"font-weight: 400\">Make sure to send yourself versions of your email and test them on multiple devices to ensure the interaction works as you intend. And don\u2019t forget to test your HTML clickable phone numbers or SMS links for mobile and desktop devices for each version.<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_4bbea9e435b02f9b86ea51a2e4198db8\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t  <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/07\/blog-cta-buttons-issues.svg\">\n\t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\n\t\t\t  <h2 class=\"h-sm\"><strong>Ensure your designs come across right<\/strong><\/h2>\n\t\t\t  <p>Broken emails lead to less conversions. Preview your emails across 100+ email clients, apps, and devices to ensure an on-brand, error-free subscriber experience. Every time.<\/p>\n\t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\n\t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t  <a class=\"btn btn-primary\" rel=\"noopener\" target=\"_blank\" href=\"\/email-testing\/\">Learn more<\/a>\n\t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t  \t\t  \t\t  \t\t  \t\t       <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>","protected":false},"excerpt":{"rendered":"<p>An HTML clickable phone number in email allows readers to easily contact you immediately! Read now to learn how to create call links for your next email. <\/p>\n","protected":false},"author":25,"featured_media":54122,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[478,206,102,10280,381],"blog_category":[10300],"class_list":["post-54120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-design","tag-dynamic-content","tag-html","tag-litmus-analytics","tag-personalization","blog_category-email-building"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Create Clickable Phone Numbers with HTML in Email - Litmus<\/title>\n<meta name=\"description\" content=\"Create HTML clickable phone numbers in email so readers can easily contact you immediately! Read now to learn how to create call links for your next email.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Clickable Phone Numbers with HTML in Emails\" \/>\n<meta property=\"og:description\" content=\"Create HTML clickable phone numbers in email so readers can easily contact you immediately! Read now to learn how to create call links for your next email.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-13T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-20T16:09:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/How-to-use-HTML-clickable-phone-numbers.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"724\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Clickable Phone Numbers with HTML in Email - Litmus","description":"Create HTML clickable phone numbers in email so readers can easily contact you immediately! Read now to learn how to create call links for your next email.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email","og_locale":"en_US","og_type":"article","og_title":"How to Create Clickable Phone Numbers with HTML in Emails","og_description":"Create HTML clickable phone numbers in email so readers can easily contact you immediately! Read now to learn how to create call links for your next email.","og_url":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2022-10-13T12:00:00+00:00","article_modified_time":"2026-05-20T16:09:48+00:00","og_image":[{"width":1380,"height":724,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/How-to-use-HTML-clickable-phone-numbers.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email"},"author":{"name":"","@id":""},"headline":"How to Create Clickable Phone Numbers with HTML in Emails","datePublished":"2022-10-13T12:00:00+00:00","dateModified":"2026-05-20T16:09:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email"},"wordCount":10,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/How-to-use-HTML-clickable-phone-numbers.jpg","keywords":["Design","Dynamic Content","HTML","Litmus Analytics","Personalization"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email","url":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email","name":"How to Create Clickable Phone Numbers with HTML in Email - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/How-to-use-HTML-clickable-phone-numbers.jpg","datePublished":"2022-10-13T12:00:00+00:00","dateModified":"2026-05-20T16:09:48+00:00","description":"Create HTML clickable phone numbers in email so readers can easily contact you immediately! Read now to learn how to create call links for your next email.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/How-to-use-HTML-clickable-phone-numbers.jpg","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/10\/How-to-use-HTML-clickable-phone-numbers.jpg","width":1380,"height":724},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/html-clickable-phone-number-in-email#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"How to Create Clickable Phone Numbers with HTML in Emails"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/54120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=54120"}],"version-history":[{"count":17,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/54120\/revisions"}],"predecessor-version":[{"id":124223,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/54120\/revisions\/124223"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/54122"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=54120"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=54120"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=54120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}