Ticket #3715

05/11/2017 - 14:39:08
Vi diversas respostas aqui inclusive esta (https://e-com.club/suporte/ticket?i=2838) que me parece que resolve o problema mas está muito confusa e eu não consegui o objetivo que é:

Quanto o cliente clicar no ícone do WhatApp em um PC ele seria direcionado para a web e em um celular para o api.

Poderia me ajudar?

1 - Qual código insiro em CSS?
2 - Qual código insiro em HTML?
3 - Qual código insiro JS?

Grato

05/11/2017 - 14:58:38
Esta em perfeito funcionamento aqui: https://www.lojajardimdoeden.com.br/

05/11/2017 - 15:25:22

Boa tarde, Franz.
Depende do código que você tem ai. O jardim do eden, nos trouxe um código e nós o direcionamos.

  Matheus Guedes

05/11/2017 - 15:59:33
Teoricamente seria assim, porém só funciona no celular:

-------------CSS

#ws_icon_chat {
position: fixed;
bottom: 10px;
right: 15px;
z-index: 2000;
cursor: pointer;
outline: none !important;
}
#ws_icon_chat img
{
width: 80px !important;
}

----------------HTML ANTES DO BODY

<a href="https://api.whatsapp.com/send?phone=5524999999999&text=Olá tudo bem? No que posso te ajudar?" target="_blank" id="ws_icon_chat"><img src="https://client.whatsappempresa.com.br/img/icon_chat.png">
</a>
-------------JS

if($(window).width() < 480) {
// MOBILE
$("#ws_icon_chat").attr("href","https://API.whatsapp.com/send?phone=+5524999999999&text=Olá tudo bem? No que posso te ajudar? Jardimdoeden.net")
} else {
// DESKTOP
$("#ws_icon_chat").attr("href","https://WEB.whatsapp.com/send?phone=+5524999999999&text=Olá tudo bem? No que posso te ajudar? Jardimdoeden.net")
}

05/11/2017 - 16:29:30

Em Editar JS:

$('body').append('');
if($(window).width() < 480) {
  $("#ws_icon_chat").attr("href", "https://API.whatsapp.com/send?phone=+5524999999999&text=Olá tudo bem? No que posso te ajudar? Jardimdoeden.net");
}
Editar CSS:

#ws_icon_chat {
position: fixed;
bottom: 10px;
right: 15px;
z-index: 2000;
cursor: pointer;
outline: none !important;
}
#ws_icon_chat img
{
width: 80px !important;
}

Lembrando que isso são informações para jardim do eden, você deve substituir as informações para que seja seu whatsapp.

  Matheus Guedes

05/11/2017 - 16:40:45
Em Js depois de apend não estou conseguido copiar pois aparece a imagem invés dó código.

Devo apagar o html?

Grato

05/11/2017 - 16:46:41
Seria isso em JS?

$('body').append(' https://API.whatsapp.com/send?phone=+5531991317203&text=Olá tudo bem? No que posso te ajudar?'}
if($(window).width() < 480) { $("#ws_icon_chat").attr("href", "https://API.whatsapp.com/send?phone=+5531991317203&text=Olá tudo bem? No que posso te ajudar?");}

05/11/2017 - 17:55:32

Esqueci de escapar, segue:
$('body').append('<a href="https://WEB.whatsapp.com/send?phone=+5524999971335&text=Olá tudo bem? No que posso te ajudar? Jardimdoeden.net " target="_blank" id="ws_icon_chat"><img src="https://client.whatsappempresa.com.br/img/icon_chat.png"></a>');
if ($(window).width() < 480) {
    $("#ws_icon_chat").attr("href", "https://API.whatsapp.com/send?phone=+5524999971335&text=Olá tudo bem? No que posso te ajudar? Jardimdoeden.net")
}

  Matheus Guedes

05/11/2017 - 18:28:03
Devo apagar o html?

05/11/2017 - 18:30:33
Deu certo.