{"id":195,"date":"2020-04-19T11:01:11","date_gmt":"2020-04-19T08:01:11","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=195"},"modified":"2023-08-17T14:10:16","modified_gmt":"2023-08-17T11:10:16","slug":"clickable-phone-links","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/clickable-phone-links\/","title":{"rendered":"How to make clickable phone links or mailto links in Elementor widgets"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Use Smart Links<\/h3>\n\n\n\n<p>With <em>Elementor Pro&#8217;s <a href=\"https:\/\/elementor.com\/help\/dynamic-contact-url-pro\/\">Dynamic Contact URL<\/a><\/em> feature, quickly create \u201csmart\u201d links, such as clickable phone links or mailto links from any widget that has a <em>Link<\/em> field, like the <a href=\"https:\/\/elementor.com\/help\/button-widget\/\"><em>Button<\/em> <\/a>widget. Many other smart links can be created with this feature as well, including SMS message links, Whatsapp conversation links, Skype call links, Viber call links, Waze navigation links, Facebook Messenger links, and calendar event links. <a href=\"https:\/\/elementor.com\/help\/dynamic-contact-url-pro\/\">Click to learn how easy it is to use these smart links.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p>To <strong>manually<\/strong> create clickable phone links and mailto links instead of using Smart Links, follow the instructions below:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Clickable Phone Links<\/h3>\n\n\n\n<p><strong>To Create a Clickable Phone Link That Opens a Dial Dialog on Smartphones and Mobile Devices:<\/strong><\/p>\n\n\n\n<p>Enter <strong>tel:<\/strong> followed by the complete phone number, without dashes or any other symbols, like this:<\/p>\n\n\n\n<p><strong>tel:<\/strong>9855551212<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"323\" height=\"99\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg\" alt=\"Clickable Phone Links\" class=\"wp-image-2952\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg 323w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links--300x92.jpg 300w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Mailto Links<\/h3>\n\n\n\n<p>Simply enter the appropriate <strong>mailto:<\/strong> code into the <em>Link<\/em> field of any linkable widget.<\/p>\n\n\n\n<p><strong>To Create a Basic Mailto Link, with the TO: field filled out:<\/strong><\/p>\n\n\n\n<p>Type <strong>mailto:<\/strong> followed by the email address to send the email to, as shown in the example below:<\/p>\n\n\n\n<p><a href=\"mailto:jane@somewhere.com\"><strong>mailto:<\/strong>jane@somewhere.com<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"345\" height=\"96\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Mailto-Links-.jpg\" alt=\"Mailto Links\" class=\"wp-image-2951\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Mailto-Links-.jpg 345w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Mailto-Links--300x83.jpg 300w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/figure>\n\n\n\n<p><strong>To Create a Mailto Link, with the TO: field and the SUBJECT: field filled out:<\/strong><\/p>\n\n\n\n<p>Add <strong>subject=<\/strong> followed by the text of the email\u2019s subject<\/p>\n\n\n\n<p><a href=\"mailto:jane@somewhere.com\"><strong>mailto:<\/strong>jane@somewhere.com<\/a><strong>?subject=<\/strong>Thank You For Getting In Touch<\/p>\n\n\n\n<p>Or<\/p>\n\n\n\n<p><a href=\"mailto:jane@somewhere.com\"><strong>mailto:<\/strong>jane@somewhere.com<\/a><strong>?subject=<\/strong>Thank%20You%20For%20Getting%20In%20Touch<\/p>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: Spaces between the words of the Subject will probably be okay, but in some cases, it may not work well. The safest way to handle that is to replace the spaces with <strong>%20<\/strong><em>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to use Elementor to create clickable phone or email links<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c6c5a40fcf7122835be926","62c6c5a40fcf7122835be926"],"footnotes":""},"categories":[1438],"tags":[],"class_list":["post-195","post","type-post","status-publish","format-standard","hentry","category-manage-your-widgets"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Make Clickable Phone Links or Mailto Links | Elementor<\/title>\n<meta name=\"description\" content=\"Learn how to create clickable phone links in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/clickable-phone-links\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make Clickable Phone Links or Mailto Links | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn how to create clickable phone links in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/clickable-phone-links\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T08:01:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T11:10:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"323\" \/>\n\t<meta property=\"og:image:height\" content=\"99\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"How to make clickable phone links or mailto links in Elementor widgets\",\"datePublished\":\"2020-04-19T08:01:11+00:00\",\"dateModified\":\"2023-08-17T11:10:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/\"},\"wordCount\":280,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg\",\"articleSection\":[\"Manage your widgets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/clickable-phone-links\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/\",\"url\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/\",\"name\":\"How To Make Clickable Phone Links or Mailto Links | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg\",\"datePublished\":\"2020-04-19T08:01:11+00:00\",\"dateModified\":\"2023-08-17T11:10:16+00:00\",\"description\":\"Learn how to create clickable phone links in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/clickable-phone-links\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg\",\"width\":323,\"height\":99,\"caption\":\"Clickable Phone Links\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/clickable-phone-links\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Manage your widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to make clickable phone links or mailto links in Elementor widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Make Clickable Phone Links or Mailto Links | Elementor","description":"Learn how to create clickable phone links in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/clickable-phone-links\/","og_locale":"en_US","og_type":"article","og_title":"How To Make Clickable Phone Links or Mailto Links | Elementor","og_description":"Learn how to create clickable phone links in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/clickable-phone-links\/","og_site_name":"Help","article_published_time":"2020-04-19T08:01:11+00:00","article_modified_time":"2023-08-17T11:10:16+00:00","og_image":[{"width":323,"height":99,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg","type":"image\/jpeg"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"How to make clickable phone links or mailto links in Elementor widgets","datePublished":"2020-04-19T08:01:11+00:00","dateModified":"2023-08-17T11:10:16+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/"},"wordCount":280,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg","articleSection":["Manage your widgets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/clickable-phone-links\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/","url":"https:\/\/elementor.com\/help\/clickable-phone-links\/","name":"How To Make Clickable Phone Links or Mailto Links | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg","datePublished":"2020-04-19T08:01:11+00:00","dateModified":"2023-08-17T11:10:16+00:00","description":"Learn how to create clickable phone links in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/clickable-phone-links\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Clickable-Phone-Links-.jpg","width":323,"height":99,"caption":"Clickable Phone Links"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/clickable-phone-links\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Manage your widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/"},{"@type":"ListItem","position":5,"name":"How to make clickable phone links or mailto links in Elementor widgets"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/195\/revisions"}],"predecessor-version":[{"id":38462,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/195\/revisions\/38462"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}