Blogger - Usando JivoChat
Passo 1: Crie uma conta no JivoChat e obtenha o código de incorporação.
Passo 2: Acesse o painel do seu site no Blogger e clique em "Layout" no menu lateral.
Passo 3: Escolha onde você deseja adicionar o chat ao vivo, clique em "Adicionar um gadget" e escolha "HTML/JavaScript".
Passo 4: Cole o código de incorporação do JivoChat no campo "Conteúdo" e salve as alterações.
O código de incorporação do JivoChat é semelhante ao seguinte exemplo:
<!-- Código de incorporação do JivoChat --><script>(function(){ var widget_id = 'SEU-ID-DO-SITE-AQUI';var d=document;var w=window;function l(){var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;s.src = '//code.jivosite.com/script/widget/'+widget_id;var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();// Captura o evento de envio de mensagemdocument.addEventListener('jivo_onMessageSent', function(event) {// Obtém o texto da mensagemvar message = event.message.text;// Verifica se a mensagem foi enviada pelo usuário (e não pelo agente)if (event.sender === 'client') {// Monta a mensagem para enviar via WhatsAppvar whatsappMessage = encodeURIComponent("Mensagem do visitante do blog: " + message);var whatsappLink = "https://api.whatsapp.com/send?phone=5511977058071&text=" + whatsappMessage;// Cria um link para enviar a mensagem pelo WhatsAppvar link = document.createElement('a');link.setAttribute('href', whatsappLink);link.setAttribute('target', '_blank');link.innerText = 'Responder via WhatsApp';// Adiciona o link à conversaevent.message.addReply(link);}});</script>
Lembre-se de substituir "SEU-ID-DO-SITE-AQUI" pelo ID do site do JivoChat que você recebeu ao criar sua conta.
Deixei em vermelho o meu numero de telefone para quando voce configurar o jivochat com whatsapp, ele seja alterado no script para seu numero de telefone, usando DDIDDDTELEFONE
0 Comentários