Skip Navigation

[Resolved] Inserting a click to call link for mobile users

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

Problem:

The issue here is that that the user wanted to allow his phone number field to be clickable and make a call.

Solution:

This can be done by using the following.

<a href="tel:[types field='number-field'][/types]">[types field='number-field'][/types]</a> 
This support ticket is created 6 years, 4 months 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 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 7 replies, has 2 voices.

Last updated by Shane 6 years, 4 months ago.

Assisted by: Shane.

Author
Posts
#1091280

Tell us what you are trying to do?

I am building several content submission forms for a directory style site.
I want an upgrade to included mobile tap to call phone numbers but the custom url field does not allow options for tel: types of link.
Is there any other way of achieving this please?

Thank you

#1091353

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Andy,

Thank you for contacting our support forum.

Could you try this.

<a href="tel:[types field='number-field'][/types]">[types field='number-field'][/types]</a> 

Ofcourse you will replace this types field with the one that actually generates the number.

Thanks,
Shane

#1091357

Hi
Thanks but where do I place this?
I am learning toolset this last few days and I need more information.
Do I create a new field with tel or number?
Where is the code you sent me pasted? inside the cred brackets or somewhere else?
Sorry, still learning.
Thanks
Andy

#1091422

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Andy,

Have you setup the custom field for the user yet?

Could you let me have an idea of how far along you're at? Are you using an content templates?

Please let me know.

Thanks,
Shane

#1091889

I am using the form for user post entries. It will be available to them after they complete payment through woo commerce so they will not be required to use the WordPress registration process.
So far I have got my form just how I want on the front end and it works. The post design is styled using elementor.
The only thing I need now is the tap to call feature as it currently collects the phone number from the form but only as text.

I have struggled a little as all this is new, but I really want to learn how to get the best from it.
Using the content and layout features is toolset is something I want to master, but currently I must use elementor as it is far quicker. Gotta go through all the training you guys provide - especially the layouts. Which training is most useful to a beginner?

Thanks again for all your help so far.

#1093047

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Andy,

No problem. So the phone number field this data is collected by woocommerce registration correct?

Also where will you be displaying this click to call button?

Finally for a simple start guide I would recommend the link below.

https://toolset.com/documentation/getting-started-with-toolset/

Looking forward to hearing from you soon.

Thanks,
Shane

#1095161

Hiya, I got my tap to call link working. Thanks for your help on that. I was trying to insert the code into the toolset form instead of my template 😀
can you please give me the correct code for mailto: links? I have tried this
Tap To Send A Message
but it inserts the </a<> at the end of the address when I click it.

Cheers for now

#1095173

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Andy,

Try doing it like this.

<a href="mailto:[types field=email 'email-field' output='raw'][/types]">Tap To Send A Message</a>

Try this and let me know the results.

Thanks,
Shane