@CanalQb

Blogger - Chat Zopim





Para adicionar o Chat Zopim ao seu site no Blogger, siga os passos abaixo:
Passo 1: Crie uma conta no Chat Zopim 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 Chat Zopim no campo "Conteúdo" e salve as alterações.

O código de incorporação do Chat Zopim é semelhante ao seguinte exemplo: 
<!-- Código de incorporação do Chat Zopim -->
<script>
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="//v2.zopim.com/?SEU-CÓDIGO-DE-CONTA-AQUI";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");

// Captura o evento de envio de mensagem
$zopim.livechat.setOnChatEnd(function() {
    // Obtém o texto da última mensagem enviada
    var message = $zopim.livechat.getTranscript().filter(function(item) {
        return item.author === 'visitor';
    }).pop().message;
    // Monta a mensagem para enviar via WhatsApp
    var 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 WhatsApp
    var link = document.createElement('a');
    link.setAttribute('href', whatsappLink);
    link.setAttribute('target', '_blank');
    link.innerText = 'Responder via WhatsApp';
    // Adiciona o link à conversa
    $zopim.livechat.addTags('whatsapp');
    $zopim.livechat.sendChatAction('typing');
    $zopim.livechat.sendChatMsg('Obrigado por entrar em contato. Em breve, responderemos sua mensagem.');
    $zopim.livechat.sendChatMsg('Para contato via WhatsApp, clique aqui:');
    $zopim.livechat.sendChatMsg(link.outerHTML);
});
</script>
Lembre-se de substituir "SEU-CÓDIGO-DE-CONTA-AQUI" pelo código de conta do Chat Zopim que você recebeu ao criar sua conta, e também substituir o número de telefone no link do WhatsApp pelo seu próprio número.