Hey everybody, David here from Divi Space and today I’m gonna show you how to make a phone number clickable to call in the Divi Theme. Doing this will make it easier for clients to call you! You can make a phone number clickable using HTML, however, various browsers will respond differently, waiting for the user to provide direction. In my case, it asks to open the FaceTime App. The phone number field in the Divi Theme can be found by visiting Theme Customizer > Header & Navigation > Header Elements > Phone Number
Now as you can see, the phone number in the secondary menu is just a text. The code you need to insert here to make it click to call can be found on our website. The link is in the description of the video. Let’s paste it here. Save changes and hover over the phone number. It’s clickable now! Let’s click it. It asks me to open a default phone app set on my computer.
And great news for our members, this feature is also available in the Divi Switch plugin that is included in the membership plans. Once the Divi Switch is installed on your website, head over to the Divi Switch settings by going to the Divi Theme settings and enable the switch “Make Phone Number Click To Call” and it will automatically dial the number for the user that you added to the divi settings. Simple, right? Thanks for watching the video. We’ll see you in the next tutorial.
Does this snippet (still) work?
Please let us know in the comments if everything worked as expected. We have tested this code with the Version: 4.0.1 of the Divi Theme.
If you think this code saved you time, we will be happy to receive a comment! 🙂