Como adicionar um link no telefone da subbarra Divi

Como adicionar um link no telefone da subbarra Divi

dezembro 19, 2022 0 Por Como Posso?
barra secundária divi

Quando estamos criando um site ou blog existem certas variáveis ​​que devemos levar em consideração e uma delas são nossos pontos de contato. Sem eles somos quase invisíveis, num mundo onde se queremos crescer rapidamente, devemos ter diferentes meios para que nos possam contactar.

Por isso, é recomendável inserir dados importantes como e-mail ou número de telefone. Em locais bem visíveis como a barra secundária e pensando nisso trouxemos este tutorial. Isso vai mostrar em passos simples e de forma didática como adicionar um link do telefone à barra secundária do Divi.

Como adicionar um link no telefone da subbarra Divi

Quando entramos na nossa página no topo surge uma barra azul, esta é a chamada barra secundária e aí devemos inserir um link com o nosso número de telefone. Também é recomendável colocar outro link nesta barra, como e-mail. Mas neste artigo vamos nos concentrar na inserção do telefone.

adicionar link

Sempre mostramos as melhores soluções que você pode aplicar aos seus problemas tecnológicos e já abordando este tema no Divi, ensinamos como configurar facilmente o rodapé . Agora você aprenderá como adicionar um link no telefone da subbarra Divi.

Mas devemos estar atentos ao que queremos fazer, nesta barra secundária podemos colocar o telefone e a correspondência, para que todos que entrarem na página possam ver. Mas se você fizer um clipe no telefone, não adianta nada e queremos que a ligação seja feita clicando ali, por exemplo com o Skype .

Portanto, para começar, devemos ir ao nosso desktop e no painel esquerdo selecionaremos a opção Divi . E então fazemos um clipe nas Opções do Tema, esta ação nos levará para a janela com o mesmo nome. No topo encontraremos várias opções, como Geral, Navegação, Construtor, Design, etc.

Inserindo o código para adicionar um link no telefone da subbarra Divi

Mas para o nosso caso, vamos selecionar fazendo um clipe na opção Integração, então iremos para a opção Habilitar código no cabeçalho e faremos um clipe na opção Ativar. Em seguida, selecionaremos a opção Adicionar código ao cabeçalho do seu blog. E agora você deve colar o seguinte código:

Saiba +  Como converter ou converter um vídeo MP4 em uma imagem GIF animada?

<tipo de script = »text / javascript»>

jQuery (documento) .ready (função () {

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

var tel = “tel:” + número;

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

jQuery (‘span # et-info-phone’). prepend (‘<a href= etiquetado> </a>’);

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

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

});

</script>

Agora iremos ao final da página e selecionaremos a opção Salvar alterações. Saímos dessa janela, fomos para a nossa página e clicamos para atualizar. Depois de concluir essa etapa e atualizar a página, podemos verificar se ela realmente me mostra a mãozinha quando seleciono o número do telefone.

Isso me diz que já tem um link e quando você fizer um clipe a ligação será feita e assim seus futuros clientes irão ligar para você. O código que inserimos é um código JavaScript e através dele o seu número será permitido, não apenas um texto. Mas lembre-se que você deve ter um aplicativo de telefone no seu celular ou PC.

adicionar link móvel

E se você executar as etapas que explicamos aqui de uma forma muito simples, temos cem por cento de certeza de que você pode adicionar um link no telefone a partir da barra secundária Divi . E lembre-se que para adquirir o domínio de um assunto você deve praticar muito todos os dias.