Skip Navigation

[Resolved] 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 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.

Our next available supporter will start replying to tickets in about 7.57 hours from now. Thank you for your understanding.

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: 

This topic contains 4 replies, has 3 voices.

Last updated by zbyszekZ 6 years ago.

Assisted by: Luo Yang.

Author
Posts
#1149409

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

#1149693

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

#1150127

My issue is resolved now. Thank you!

#1150169

You are welcome

#1985737

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!