Zopim – Atendimento Online grátis e em Português

O Zopim é um dos melhores sistemas de chat online que existe atualmente e conta com uma super vantagem de oferecer um plano gratuito e possibilidade de mudar sua interface para português, o que é excelente para manusear a ferramenta.

Lembremos que um chat de atendimento online é um dos recursos que mais elevam a probabilidade de conversão no site, pois aproximam o cliente com a empresa, ao oferecer um atendimento ao vivo.

A versão grátis não expira e traz os seguintes recursos:

• Interface fácil de usar;
• Personalização dos textos do chat;
• Tradução para Português;
• Conversas gravadas;
• Banimento de clientes e informações de localização;
• Outros;

Limitação

O plano grátis disponibiliza apenas 1 agente, 1 atendimento por vez e o histórico da conversa dura 14 dias.

Exemplo

Confira um exemplo do chat, aqui.

Atualização: O Zopim não está mais disponível. 

Como adicionar

Agora que conhecemos as características básicas do Chat, vejamos os passos para usar a plataforma:

1. Acesse a página de cadastro do Zopim.

2. Insira seus dados, marque a caixa “I agree to…” e depois clique no botão “Sign up for a free account“:

3. Uma mensagem foi enviada para seu email:

4. Abra o email que foi enviado e clique no botão de confirmação:

5. Na tela que abrir, informe uma senha (precisa ter no mínimo 8 caracteres com ao menos 1 letra maiúscula), clique no botão “Save and go…“:

Traduzindo o Painel

6. Você acaba de entrar no Painel do Zopim, a primeira ação é traduzir sua interface para português. Para isso, vá até Settings>>Personal:

7. Selecione o idioma Português:

8. Clique no botão “Save Changes” e imediatamente a interface será traduzida.

Imagem do Agente

9. Para mudar a foto do agente que será visto pelo visitante, vá em “Pessoal>> Perfil” e em “Avatar“, selecione uma foto pessoal ou um ícone de chat:Clique em “Saltar alterações” para gravar.

Atenção

O Zopim dá automaticamente 14 dias de acesso Grátis a TODOS os recursos da ferramenta, como adição de novos agentes e departamentos, entre outros. Esses recursos serão bloqueados caso você não faça a compra do pacote após esses 14 dias e só ficarão as funcionalidades básicas do plano gratuito.

Traduzindo a interface da janela de chat

Já traduzimos o painel administrativo do Zopim, mas a janela de atendimento ainda está no idioma inglês. Para mudar isso, siga os passos:

10. Na sessão “Configurações“, clique em “Widget“:

11. Clique na aba “Configurações“, em idioma, selecione “Português brasileiro” e clique em “Salvar Alterações“:

12. Nessa mesma aba, em “Formas“, selecione se deseja permitir a entrada social dos visitantes:

13. Ainda nessa aba, mude os textos para quando você não estiver online:

14. Em “Aparência“, dê um título para a janela, modifique sua cor, selecione seu tamanho e escolha o posicionamento:

15. Em “Chat Badge“, insira uma rápida Mensagem de interação:

A cor de fundo também é importante. Caso queira que seja a mesma cor do tema geral do chat, marque a caixa “Igual ao tema“.

16. Na opção “Porteiro“, informe o departamento e deixe uma frase. Personalize a foto do atendente:

17. Altere os campos da opção “Botão minimizado“, para personalizar os textos que serão exibidos quando você estiver offline:

Salve tudo no botão “Salvar alterações“.

Código do Widget

Finalmente chegamos a parte mais importante do tutorial: os códigos do chat.

18. Dentro da sessão “Personalização“, vá até a aba “Primeiros Passos” e COPIE todo o código que está dentro do campo “Incorporar..“:

Adicionando dentro do Wix

19. Dentro do Editor Wix, adicione um app HTML e COLE o código copiado:

Atenção

Os códigos do Zopim não são 100% compatíveis com o Wix, sendo assim, eles não irão funcionar num primeiro momento, mesmo após clicar no botão atualizar.

20. Para corrigir este problema, simplesmente adicione a tag <br> no final dos códigos e atualize novamente, o Widget irá aparecer normalmente:

Posicionamento

21. É muito importante que você deixe a caixa HTML num tamanho suficiente o bastante para quando a janela de atendimento estiver aberta, ela não desapareça na página:

Dica: use a pré-visualização para abrir a janela de conversa e depois volte a editar.

Agora basta posicionar seu chat onde quiser.

OBS: A área atrás que é ocupada pelo widget fica inválida.

Como fixar o chat no rodapé

É possível deixar o widget de chat fixado no canto inferior direito, esquerdo ou centro, usando a função “Rodapé fixo” e adicionando o Widget ao rodapé.

Para entender melhor, veja o exemplo deixado no início do tutorial e repare como o chat está fixo na página.

22. Para fazer isso, primeiro DIMINUA o campo HTML para o tamanho da miniatura do chat de atendimento:

23. Agora marque a opção “Mostrar em todas as páginas“:

24. Ao fazer isso, ARRASTE o campo HTML para o RODAPÉ da página:

25. Agora AUMENTE o tamanho do campo HTML para o tamanho normal de abertura da janela de chat, o mesmo tamanho que foi visto no passo 21, tudo dentro do rodapé:

26. Para verificar se o chat está fixo no rodapé, basta ver se a opção “Mostrar em todas as páginas” está inacessível:

27. Agora basta marcar a opção “Posição Fixa” no rodapé:

Lembre-se de preparar o rodapé para ficar fixo na página, não deixe um rodapé grande, que atrapalhe a visualização da página.

Recomendo criar um segundo “rodapé” (com uma faixa, por exemplo), que poderá ser exibido em todas as páginas e deixar o rodapé original apenas para usar o chat de atendimento, conforme foi feito no exemplo postado.

É isso!

Qualquer dúvida, comente.