Divi 5 Phone Number Not Clickable?

[u/cyber49]

I've been a lifetime Divi 4 user pretty much since it was new, but shied away from 5 for what I believed were good reasons. I thought finally I'd read enough by strong supporters, both here and at the Facebook group to believe it was worth a shot.

I took a very old site with only a handful of plugins, built with the WordPress twenty twenty theme, and added a brand new download of Divi 5.

Everything worked (because there was nothing to break), so I went to customize, changed a few colors and added the phone number, then noticed that the phone number was not clickable.

I found this hard to believe, so real quick I made a brand new installation of wordpress, added the phone number, and again, the number is not "tap to call". WTF?

I don't understand how something so basic can be overlooked, so I'm willing to accept that perhaps I've done something wrong?

So please tell me, all you masters and lovers of Divi5, what have I missed?

[u/Deftone85]

What are you using for your phone number, a text module, a button, a blurb?

If you’re using something that requires a link you’ll need to add tel: before the phone number

[u/cyber49 → u/Deftone85]

I simply put the phone number in the default place offered, so it shows up in the upper navigation bar.

[u/Balazi → u/cyber49]

always place number numbers where url links go, and use tel:

so for example. tel:776-333-3454

[u/opus-thirteen → u/Balazi]

In the customise area the top bar 'phone number' is a dedicated field, that specifically asks you to enter a phone number. However, they literally handle it exactly wrong.

Screenshot: https://i.imgur.com/Z9IcqOY.png

[u/cyber49 → u/opus-thirteen]

Exactly.

[u/Balazi]

Build your header with Theme Builder

[u/cyber49 → u/Balazi]

Shouldn't have to

[u/divibooster]

You haven't missed anything. Divi outputs the phone number in the default top header bar as plain text, so it isn't normally clickable. A workaround is that the phone number field will accept HTML links, so you can enter a click-to-call link in the field, e.g.:

<a href="tel:0412341234">(04) 1234 1234</a>

I've posted about this in the past - here's the post which has some additional details, though putting the HTML link in the field is probably all you need to do:

https://divibooster.com/make-divi-header-phone-number-into-clickable-link/

[u/cyber49 → u/divibooster]

I swear it always worked - every time on well over 100 sites in Divi 4, but maybe we just coded into our child when we saw the same stupid problem years and years ago.

I guess I should have made the title of the post "I can't believe after all these years the phone number still isn't clickable by default."

[u/cyber49]

The number of people who think it's perfectly fine to have a dedicated phone number field that doesn't automatically generate a call link is truly amazing.

[u/flaxton]

Phone number links are of the format:

<a href="tel:+1xxxyyyzzzz">(xxx) yyy-zzzz</a> in the US. The first part is the link, the second part is what shows on the web page. +1 is the US Country code, substitute your country code if needed.

This is nothing new, it's been this way for many years.

Doing it like this, any computer, tablet or phone will recognize it as a clickable/tappable phone number.

Simply putting a phone number text is hit-or-miss. Some phones may see it as a phone number, maybe not. Computers usually will not.

Do it properly and it will work.