{"id":147,"date":"2016-11-04T14:39:41","date_gmt":"2016-11-04T03:39:41","guid":{"rendered":"https:\/\/www.host101.com.au\/blog\/?p=147"},"modified":"2016-11-04T15:37:52","modified_gmt":"2016-11-04T04:37:52","slug":"wordpress-how-to-add-smartphone-click-to-dial-phone-number-links","status":"publish","type":"post","link":"https:\/\/www.host101.com.au\/blog\/wordpress-how-to-add-smartphone-click-to-dial-phone-number-links\/","title":{"rendered":"WordPress &#8211; How to add Smartphone click to dial phone number links and buttons."},"content":{"rendered":"<h4>Click to Dial<\/h4>\n<p>Its pretty important to have your contact phone number super accessible on your site, and even more so when working with mobile sites. So a click to dial phone contact number on your site is a great way to make that as easy as possible.<\/p>\n<p><!--more--><\/p>\n<p>Luckily, most Smartphones will recognise a phone number right off the bat. For example, see below:<\/p>\n<p>1300 761 930<\/p>\n<p>Sure, some older phones or less well known models, not recognise it automatically&#8230;or perhaps you want a nice button, to really draw your visitors eye to the &#8220;Call Us&#8221; side of your site.\u00a0 Keep reading below, for a tip that will cover both!<\/p>\n<p>&nbsp;<\/p>\n<h4>Click to Dial &#8211; Buttons, code and more.<\/h4>\n<p>To make sure your contact numbers are click to dial on all SmartPhones or if you would like a click to dial button, as shown below:<\/p>\n<p><a href=\"callto:\/\/1300761930\"><img loading=\"lazy\" class=\"size-full wp-image-154 alignleft\" src=\"https:\/\/www.host101.com.au\/blog\/wp-content\/uploads\/2016\/11\/click-to-dial-button.png\" alt=\"click-to-dial-button\" width=\"200\" height=\"38\" \/><\/a><\/p>\n<p>To do this, you use the one of two protocols, either <code>tel:<\/code> or <code>callto: <\/code>Both these will work on any smartphone, and prompt to connect a call. However, the issue with the <code>tel:<\/code> protocol is that on a desktop device, it gives a prompt to open an unknown program. Using the <code>callto:<\/code> protocol will try to prompt a PC or MAC user to open programs such as skype or other PC based calling software that they may have installed, which is much neater.<\/p>\n<p>Both protocols work in a similar way to how the &#8220;mailto&#8221; protocol works, which is used when setting up an email link. The format is as shown below, where the example number to dial is 123456:<\/p>\n<p><code> &lt;a href=\"callto:123456&gt;TEXT HERE&lt;\/a &gt; <\/code><\/p>\n<p>In the above example, note the lack of a space used in the number part of the <code>callto:<\/code> protocol. The &#8220;TEXT HERE&#8221; value can be absolutely anything you choose, for example:<\/p>\n<p><code>&lt;a href=\"callto:123456&gt;Call us on 123 456&lt;\/a&gt;<\/code><\/p>\n<p>Which would show:<\/p>\n<p><a href=\"callto:123456\">Call us on 123 456<\/a><\/p>\n<p>TO user in an image, or button as we showed above, you wrap the <code>img<\/code> in the <code>a<\/code> protocol, for example:<\/p>\n<p><code>&lt;a href=\"callto:123456&gt;&lt;src=\"MY IMAGE URL\"\/&gt;&lt;\/a&gt;<\/code><\/p>\n<p>As always, let us know if you need any help with the coding shown, our design team can provide you with a no obligation quote to check and optimise all the phone number links within your website.<\/p>\n<h4>You can contact us on <a href=\"callto:1300761930\">1300 761 930<\/a> or via <a href=\"mailto:support@host101.com.au\">support@host101.com.au<\/a>.<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Click to Dial Its pretty important to have your contact phone number super accessible on your site, and even more so when working with mobile sites. So a click to dial phone contact number on your site is a great way to make that as easy as possible.<\/p>\n","protected":false},"author":1,"featured_media":177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,30,18],"tags":[],"_links":{"self":[{"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/posts\/147"}],"collection":[{"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":29,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/posts\/147\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/posts\/147\/revisions\/150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/media\/177"}],"wp:attachment":[{"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/categories?post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.host101.com.au\/blog\/wp-json\/wp\/v2\/tags?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}