Como adicionar um link no telefone da subbarra Divi
dezembro 19, 2022Quando 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.
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:
<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.
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.