# Making phone number clickable on front page

**URL:** <https://colorlibsupport.com/t/making-phone-number-clickable-on-front-page/16402>\
**Category:** Illdy\
**Created:** [June 1, 2017, 3:19pm UTC](https://colorlibsupport.com/t/making-phone-number-clickable-on-front-page/16402 "2017-06-01T15:19:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris123](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/5fc32e/32.png) [@chris123](https://colorlibsupport.com/u/chris123)\
**Post date:** [June 1, 2017, 3:19pm UTC](https://colorlibsupport.com/t/making-phone-number-clickable-on-front-page/16402/1 "2017-06-01T15:19:56Z")

</div>

Hi

I want to drop in some code to make the phone number clickable on the front page contact section. Went into the Editor but don’t know where to drop it in.

Any ideas? Would be great if it was already set up for smart phones.

Chris

---

<div class="post-metadata">

**Author:** ![owengotimer](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/o/d6d6ee/32.png) [@owengotimer](https://colorlibsupport.com/u/owengotimer)\
**Post date:** [June 9, 2017, 11:45pm UTC](https://colorlibsupport.com/t/making-phone-number-clickable-on-front-page/16402/2 "2017-06-09T23:45:21Z")

</div>

As a hyperlink, you can use “tel:XXXXXXXXXX” to dial a phone number much like an email uses “[mailto:XXX@XYZCompany.com](mailto:XXX@XYZCompany.com)” to create a new email.

However, on the Illdy theme I can not solve the clickable phone number dilemma. Any help yet from ColorLib?

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [June 13, 2017, 12:47pm UTC](https://colorlibsupport.com/t/making-phone-number-clickable-on-front-page/16402/3 "2017-06-13T12:47:10Z")

</div>

Hello there,

I hope you are doing well today.

In the widget area, in order to have the telephone be a clickable element you would have to add the following code:

`<a href="URL HERE" target="_blank">Telephone Number</a>`

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![chris123](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/c/5fc32e/32.png) [@chris123](https://colorlibsupport.com/u/chris123)\
**Post date:** [June 13, 2017, 3:18pm UTC](https://colorlibsupport.com/t/making-phone-number-clickable-on-front-page/16402/4 "2017-06-13T15:18:47Z")

</div>

Thanks - easier than I thought, didn’t realise you could drop the code into the widget area on the front page customization area.

All done - although strangely though I added the **tag which worked fine, the color tag doesn’t do what I want it to do.**

 

**Chris**