Clickable phone field link

This thread is resolved. Here is a description of the problem and solution.

Problem:

I am trying to: get all the phone numbers in the accordions to be able to be used on a mobile phone.

I want to be able to click them on a mobile phone and the number then opens in the phone dialler so you can dial the number.

Solution:

You just need to setup the HTML codes like this:

<a href="tel:303-499-7111">303-499-7111</a>

For example:

https://toolset.com/forums/topic/clickable-link/#post-1149693

Relevant Documentation:

This support ticket is created 6 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Views plugin

This topic contains 4 replies, has 3 voices.

Last updated by zbyszekZ 6 years, 1 month ago.

Assisted by: Luo Yang.

Author

Posts

November 19, 2018 at 9:34 pm #1149409

StephenD4019

I am trying to: get all the phone numbers in the accordions to be able to be used on a mobile phone.
I want to be able to click them on a mobile phone and the number then opens in the phone dialler so you can dial the number.
I tried adding a href but it did not work.
Is it possible to do this, please?

Link to a page where the issue can be seen:
hidden link

November 20, 2018 at 4:58 am #1149693

Luo Yang

Hi,

You just need to setup the HTML codes like this:

<a href="tel:303-499-7111">303-499-7111</a>

For example:
Edit the layout:
hidden link
Edit the visual editor cell under "Quotes", replace the shortcode from:

Telephone:  [types field='qttelephone'][/types]

To:

Telephone:  <a href="tel:[types field='qttelephone'][/types]">[types field='qttelephone'][/types]</a>

And test again

November 20, 2018 at 9:35 pm #1150127

StephenD4019

My issue is resolved now. Thank you!

November 21, 2018 at 1:02 am #1150169

Luo Yang

You are welcome

March 14, 2021 at 3:54 pm #1985737

zbyszekZ

Hi Luo Yang,
I just found this post. It is very helpful.
But I have in my phone field marked allow multiple occurrences of this field.
And when I used this advice links to my 2 phones numbers was joined.
Look here:
hidden link
There should be two separate numbers: 41 260 50 60 ; 881 088 522.

My code looks like this:
<p>telefony: [types field='telefon'][/types]</p>

Could you write me how can I fix it?

Thanks a lot in advance!