Blogger - Chat Zopim: Como Integrar com Blogger para Atendimento ao Vivo

---

@CanalQb no YouTube

---

Blogger - Chat Zopim: Guia Completo para Adicionar Atendimento ao Vivo

---

Adicionar um sistema de atendimento ao vivo em seu blog pode aumentar o engajamento e melhorar a experiência dos visitantes. O Chat Zopim é uma solução eficiente e simples para implementar um chat ao vivo no Blogger.

Passos para integrar o Chat Zopim no Blogger

1. Crie uma conta no Chat Zopim: Acesse o site oficial da Zendesk Chat (https://www.zendesk.com/chat/) e cadastre-se gratuitamente para obter seu código de incorporação.
2. Acesse o painel do Blogger: Faça login na sua conta do Blogger, selecione o blog desejado e vá até o menu Layout.
3. Adicione um gadget HTML/JavaScript: Escolha a área do layout onde deseja inserir o chat (geralmente a barra lateral ou o rodapé), clique em Adicionar um gadget e selecione a opção HTML/JavaScript.
4. Cole o código do Chat Zopim: No campo Conteúdo, cole o código de incorporação fornecido pelo Chat Zopim e salve.

Exemplo de código de incorporação do Chat Zopim

O código padrão para adicionar o chat ao seu site se parece com o seguinte (não esqueça de substituir SEU-CÓDIGO-DE-CONTA-AQUI pelo código real da sua conta):

<!-- 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() {
  var message = $zopim.livechat.getTranscript().filter(function(item) {
    return item.author === 'visitor';
  }).pop().message;

  var whatsappMessage = encodeURIComponent("Mensagem do visitante do blog: " + message);
  var whatsappLink = "https://api.whatsapp.com/send?phone=5511977058071&text=" + whatsappMessage;

  var link = document.createElement('a');
  link.setAttribute('href', whatsappLink);
  link.setAttribute('target', '_blank');
  link.innerText = 'Responder via WhatsApp';

  $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>
  

Personalize o chat para seu atendimento

Após inserir o código, você pode configurar o chat diretamente no painel do Zendesk Chat, ajustando mensagens automáticas, horários de atendimento e respostas rápidas, proporcionando uma experiência profissional para seus visitantes.

Cuidados e recomendações

• Substitua SEU-CÓDIGO-DE-CONTA-AQUI pelo código fornecido na sua conta Zendesk Chat.
• Altere o número do WhatsApp no script para o seu próprio, no formato internacional, incluindo o código do país.
• Teste o chat em diferentes dispositivos para garantir responsividade e funcionamento adequado.
• Mantenha seu site seguro utilizando conexões HTTPS.

Implementar o Chat Zopim no Blogger é uma forma simples e eficaz de melhorar a comunicação com seu público, aumentando a confiança e as chances de conversão.

@CanalQb oferece conteúdos gratuitos para ajudar você, Admin, a gerenciar seu blog com mais eficiência.

#Blogger; #ChatZopim; #AtendimentoAoVivo; #SuporteOnline; #CanalQb