Na área ‘Institucional’ do rodapé do site, o link do ‘Fale Conosco’ aponta para https://meusite.com.br/#modalContato, porém, eu gostaria que ele apontasse para um outro link, por exemplo, https://outrosite.com.br/#exemplo
Ou seja, resumindo, eu gostaria de substituir o seguinte elemento do rodapé do meu site:
<a href="#modalContato" data-toggle="modal" data-target="#modalContato">Fale Conosco</a>
por este:
<a href="https://outrosite.com.br/#exemplo">Fale Conosco</a>
Como eu posso fazer isso?
olá, teste assim:
var linkFaleConosco = document.querySelector("#rodape > div.institucional > div > div > div.span9 > div > div.span12.visible-phone > ul > li.help-footer > a");
linkFaleConosco.href = "https://seu_novo_link.com";
Espero ter ajudado.
Olá, Maurício! Muito obrigado pela ajuda.
Eu tentei inserir esse código como tipo: javascript no cabeçalho de todas as páginas (na área “incluir código html” disponível no site). Mas aparentemente não mudou nada.
Será que eu estou colocando este código em algum lugar errado?
não é no cabeçalho amigo e sim no rodapé, teste novamente dessa forma.
Acabei de tentar, mas também não deu certo.
Mas talvez, se eu te explicar melhor o que eu estou fazendo, vc tenha uma solução ainda melhor!
Como eu acho aquele formulário de popup do “Fale Conosco” disponibilizado pela Loja Integrada um pouco feio, eu resolvi criar um outro formulário de popup, via Tally.so (que utiliza o seguinte código no cabeçalho da página:<script async src="https://tally.so/widgets/embed.js"></script> e pede a inserção deste código <a href="https://tally.so#tally-open=XXXXXX&tally-emoji-text=👋&tally-emoji-animation=wave">Fale Conosco</a> no local onde eu quero colocar na minha página.
Porém, eu não sei como substituir o link do “Fale Conosco” que já está sendo utilizado de forma nativa pela Loja Integrada na minha loja.
Tem alguma ideia de como fazer isso?
Desde já eu agradeço demais as suas respostas e o seu tempo!
Estou utilizando o tema Mosaico:
Eu achei que sua loja era essa:
Fiz o código para essa loja, confirma aí para mim.
Não, não… minha loja é esta aqui: https://rockgrip.com.br
Para essa loja o código fica diferente:
var linkFaleConosco = document.querySelector("#rodape > div.institucional.fundo-secundario > div > div > div:nth-child(4) > ul > li:nth-child(1) > a");
linkFaleConosco.href = "https://seu_novo_link.com";
Teste novamente e veja.
Obs.: Se a loja https://www.emifit.com.br/ não é sua, recomendo trocar na sua descrição o link da sua loja, pois é esse que aparece.
Fiz as alterações com o novo código (javascript no rodapé), mas parece que ainda não está funcionando.
OBS: Obrigado pelo alerta, Maurício! Não tinha percebido que estava com o site errado. Já corrigi!
corrigi o código para sua loja:
var linkFaleConosco = document.querySelector('.help-footer a');
linkFaleConosco.href = "https://tally.so#tally-open=wa5vMX&tally-emoji-text=👋&tally-emoji-animation=wave";
Ainda nada. Será que estou fazendo alguma coisa errada?
Quando eu clico em Fale Conosco, o link apontado continua para <a href="#modalContato" data-toggle="modal" data-target="#modalContato">Fale Conosco</a>
PS: já peço desculpas antecipadamente por tomar o seu tempo.
coloque assim:
document.addEventListener("DOMContentLoaded", function() {
var linkFaleConosco = document.querySelector('.help-footer a');
linkFaleConosco.href = "https://tally.so#tally-open=wa5vMX&tally-emoji-text=👋&tally-emoji-animation=wave";
});
Teste agora por favor
Funcionou, Maurício!
Utilizei
document.addEventListener("DOMContentLoaded", function() {
var linkFaleConosco = document.querySelector('#rodape > div.institucional.fundo-secundario > div > div > div:nth-child(4) > ul > li:nth-child(1) > a');
linkFaleConosco.href = "https://seu_novo_link.com";
});
Mas o formulário antigo aparece junto com o novo formulário (na versão desktop).
Sabe como ocultar ou deletar esse formulário antigo (nativo da Loja Integrada)?
ahh sim tem razão, tem um atributo data-target que aponta para o modal ainda, vou tentar remover ele, tente assim:
document.addEventListener("DOMContentLoaded", function() {
var linkFaleConosco = document.querySelector('#rodape > div.institucional.fundo-secundario > div > div > div:nth-child(4) > ul > li:nth-child(1) > a');
faleConoscoLink.href = "https://tally.so#tally-open=wa5vMX&tally-emoji-text=👋&tally-emoji-animation=wave";
faleConoscoLink.removeAttribute('data-target');
});
Perfeito, Maurício!
Vc é o cara!!!
Utilizei o código acima e apenas corrigi o nome das variáveis.