WhatsApp com redirecionamento para à página de obrigado
Esse redirecionamento é feito por código JS no tema DIVI utilizando o plugin do Join.chat
LINK do plugin.
Local para inserir os códigos JS utilizados no Join.chat
No painel admin na parte do DIVI encontre a opção integração no menu.
Adicionar código para o < body >
Para fazer o redirecionamento é necessário criar um JAVASCRIPT que vai levar o usuário para dois destinos.
- Link interno de página de Obrigado.
- Link externo do WhatsApp.
Redirecionamento simples do botão WhatsApp
Esse redirecionamento é somente para o clique no botão verde do WhatsApp.
Utilize o script abaixo e lembre de mudar o link.
<script>
let sendBtn = document.querySelector(“.joinchat__button__open”);
sendBtn.addEventListener(“click”, () => {
setTimeout(function(){ location.replace(“https://site.com.br/obrigado-whatsapp/”) ; }, 100);
});
</script>
Redirecionamento por regra de URL botão WhatsApp
Esse redirecionamento é somente para o clique no botão verde do WhatsApp, porém com condições fazendo comparação de URL para enviar para página de obrigado específico.
Utilize o script abaixo e lembre de mudar os links.
<script>
let sendBtn = document.querySelector(“.joinchat__button__open”);
sendBtn.addEventListener(“click”, () => {
//0
if(document.URL == “http://site.com.br/grupos-geradores/”){
setTimeout(function(){ location.replace(“http://site.com.br/obrigado-geradores-a-pronta-entrega/”) ; }, 100);
}else if(document.URL == “http://site.com.br/motores/”){
//1
setTimeout(function(){ location.replace(“http://site.com.br/obrigado-whatsapp-motores/”) ; }, 100);
} else if(document.URL == “http:/ site.com.br/pecas-deutz/”){
//2
setTimeout(function(){ location.replace(“http://site.com.br/obrigado-whatsapp-pecas/”) ; }, 100);
}else if(document.URL == “http://site.com.br/servicos/”){
//3
setTimeout(function(){ location.replace(“http://site.com.br/obrigado-whatsapp-servicos/”) ; }, 100);
}else{
//quando não achar o parementro venha nesse
setTimeout(function(){ location.replace(“http://site.com.br/obrigado-whatsapp/”) ; }, 100);
}
});
</script>
Redirecionamento simples por outros botões
Esse redirecionamento é para qualquer botão do site ou TAG A, esse tipo de redirecionamento utiliza uma CLASS para servir de parâmetro na ativação e redirecionamento.
Onde colocar a CLASS?
Atenção, o botão não pode conter link.
Utilize o script abaixo e lembre de mudar o link.
<script>
let sendBtnwhats1 = document.querySelector(“.bt1”);
let sendBtnwhats2 = document.querySelector(“.bt2”);
let sendBtnwhats3 = document.querySelector(“.bt3”);
let sendBtnwhats4 = document.querySelector(“.bt4”);
let sendBtnwhats5 = document.querySelector(“.bt5”);
var pagewhats = “https://site.com.br/obrigado-whatsapp/”;
sendBtnwhats1.addEventListener(“click”, () => {
setTimeout(function(){ location.replace(pagewhats) ; }, 300); });
sendBtnwhats2.addEventListener(“click”, () => {
setTimeout(function(){ location.replace(pagewhats) ; }, 300); });
sendBtnwhats3.addEventListener(“click”, () => {
setTimeout(function(){ location.replace(pagewhats) ; }, 300); });
sendBtnwhats4.addEventListener(“click”, () => {
setTimeout(function(){ location.replace(pagewhats) ; }, 300); });
sendBtnwhats5.addEventListener(“click”, () => {
setTimeout(function(){ location.replace(pagewhats) ; }, 300); });
</script>
Essas são as 3 formas de criar redirecionamento junto com o plugin do Join.chat