➤ How to add a link on your Divi subbar phone 🎮

When we create a website or a blog there are some variables that we must take into consideration and one of these are our points of contact. Without them we are almost invisible, in a world where if we want to grow rapidly, we must have different means so that they can contact us.

For this it is advisable to enter important data such as email or telephone number. In very visible places like the secondary bar and with that in mind we have brought you this tutorial. Which will show you in simple steps and in a didactic way how to add a shortcut on your phone to the Divi subbar.

How to add a link on your Divi subbar phone

When we enter our page at the top there is a blue bar, this is the so-called secondary bar and there we have to insert a link with our phone number. It is also recommended that you insert another link in this bar, such as an email. But in this article we will focus on inserting the phone.

We always show you the best solutions that you can apply to your tech problems and already by touching this topic on Divi, we teach you how to set up the footer easily. Now you will learn how to add a link on the Divi sub-bus telephone.

But we must be careful what we want to do, in this secondary bar we can place the phone and the mail, so that anyone who enters the page can see it. But if you make a clip on the phone, it does nothing and we want the call to be made by clicking there, for example with Skype.

So, to get started, we need to go to our desktop and in the left side panel we will select the option Divi. And then we create a clip in Theme Options, this action will take us to the window with the same name. At the top we will find different options, such as General, Navigation, Builder, Design, etc.

Entering the code to add a link on the Divi subbar phone

But for our case, we will select by creating a clip in the Integration option, then we will go to the Enable code option in the header and create a clip in Activate. We will then select the Add code to your blog header option. And now you need to paste the following code:

jQuery (document) .ready (function () {

var number = jQuery ('span # et-info-phone'). text ();

var tel = "tel:" + numero;

jQuery (‘span # et-info-phone’).text (”);

jQuery (‘span # et-info-phone’) prepend (‘ ’);

jQuery ('span # et-info-phone a') text (number);

jQuery (‘span # et-info-phone a’) attr (‘href’, tel);

});

We will now go to the bottom of the page and select the Save Changes option. We left this window, went to our page and clicked to refresh. After completing this step and updating the page, we can verify that you actually show me your hand when I select the phone number.

This tells me that it already has a link and when you make a clip the call will be made and that way your future customers will call you. The code we entered is a code JavaScript and through it your number will be allowed, not just a text. But remember that you must have a phone application on your mobile or PC.

And if you carry out the steps we have explained here in a very simple way, we are one hundred percent sure you can add a shortcut on your phone from the Divi subbar. And remember that to master a subject you have to practice a lot every day.