Making phone numbers clickable?

[scottmacc]

Was just wondering how to make phone numbers clickable? So if someone was to see '+44 (0) 1234 567891' and they clicked on it:
– On mobile, it would make the call
– On desktop, it would attempt to call the number via facetime

The first example site on the Laytheme homepage has this functionality: https://www.studiogameiro.com/about/

Thank you!

[edgrbnz]

On Studio Gameiro they used the following code:
<a href="tel:+447848998472">+44 784 899 847 2</a>

So it’s basically the same as you would do it with e-mails.
You can read up on that over here or use Google.

[mariusjopen]

Dear @edgrbnz
correct! Sometimes mobile browsers will display those numbers in a weird way… Just to keep in mind.

Best!

Marius

[scottmacc]

Great, thanks!

[neunzehnachtneun]

Hei together,
I just have a more practical follow up question:
When I am editing text field on a page or a project with the text editor and I try to link a phone number with 'tel:01234567', the editor changes the target link to 'html://tel:01234567', which doesn't work apparently.
Am I doing something wrong? Do you have any suggestion?

Best,
Sebastian

[neunzehnachtneun]

Ahh, I just solved this. So one shouldn't insert the phone number as a link, as links are completed with 'http://', but inserting the html code directly into the editor works as expected.

Best,
Sebastian

[mariusjopen]

Dear @neunzehnachtneun
sweet! Thank you for sharing!!!

Best!

Marius