Como fazer configuração do Chat no site

Disponibilização do chat isoCRM em seu Site.

O chat foi disponibilizado de duas formas, são elas:

Quais as principais diferenças?

Arquivo javascript

Utilizando o arquivo chat.js, basta incorporar em seu site utilizando o seguinte comando html:

<script type="text/javascript" src="chat.js"></script>

Dessa forma, um componente é criado pelo isoCRM dentro do site destino, tal componenet é criado minimizado no canto inferior direito do site.

Esse componente possui algumas funções:

A janela é fixa no canto inferior direito e não pode ser arrastada ou alterada.

Alteração de layout pode ser feita, sobrescrevendo o arquivo chat.css que também disponibilizamos.

Em suma, dessa forma, o desenvolvimento por parte do cliente é mínimo ou inexistente, visto que é possível adicionar o chat apenas com a adição de uma única linha html no site destino.

Nosso arquivo chat.js se encarrega de criar um componente, com um iframe, e nesse iframe é renderezido o chat através de uma URL configurada no chat.js.

Existe uma limitação com relação a sites mobile visto que o arquivo chat.js foi implementando visando atender sites carregados em computadores ou tablets, logo, não recomendamos a utilização quando o site for carregado em modo mobile. Nesse caso, recomendamos abrir nossa URL em tela cheia.

URL

Utilizando nossa URL, a responsabilidade de incorporar no web-site fica inteiramente do desenvolvedor do site destino. Dessa forma, o cliente terá mais liberdade criativa dentro de seu próprio site.

Para obter a URL final, é necessário informar na URL do chat 3 paremetros, são eles:

Esses parâmetros são passados na própria URL, utilizando variáveis &e (para empresa), &c (para classificação chat) e &b (para URL do isoCRM no formato EncodeURI).

Para exemplificar:

Nesse exemplo, temos a aplicação Modern do isoCRM configurada no seguinte endereço:

Acessando dessa forma, a aplicação será carregada na tela de login do isoCRM (note que não será na tela de login do chat, e sim da própria aplicação)

Utilizamos essa URL e concatemos com /#chatp/ para acessar o chat, Na sequência adicionamos os parâmetros. Como resultado final teremos a URL assim:

Note que o ultimo parâmetro, a URL não está encodada, logo, não irá funcionar. Precisamos encodar ela no formato encode URI. 


Agora sim. O resultado final da URL será: 

Sobre o chat

Internauta

Para o internauta, a interação é simples, basta informar os dados de entrada (normalmente nome e e-mail, porém é possível configurar telefone e cpf/cnpj).

Uma vez logado. A conversa inicia automaticamente:

Enquanto a conversão não for encerrada pelo atendente, a conversa fica salva na memória do navegador, dessa forma, mesmo que o internauta atualize o site, ou feche o site e abra de novo, a conversa continuará do mesmo ponto de onde parou.

Temos no canto inferior, um ícone de anexo, permitindo enviar para o atendente um arquivo na hora.

Temos uma notificação de “está digitando” no campo inferior esquerdo, a fim de alertar para o internauta que ele está sendo respondido.

Atendente

O atendente terá uma tela completa para realizar um atendimento de forma rápida e intuitiva.

A tela é dividida em duas partes. No Lado esquerdo a lista, de quem está em atendimento pelo atendente e de quem está em espera.

Em atendimento, aparece apenas para o usuário que está atendendo.

Em espera aparece para todos os usuários do chat.

A segunda parte temos um conjunto de componentes, mostrando a conversa com um cabeçalho contendo as informações de login (nesse exemplo, nome e e-mail, mas poderia ter também telefone e cpf/cnpj).

Nessa conversa, o internauta não foi identificado, permitindo algumas ações para o atendente.

Para procurar, basta utilizar o filtro.

Para cadastrar, basta clicar no ícone de inclusão.

Para abrir atendimento anonimamente, ou encerrar, basta clicar no ícone do meno principal da conversa, um menu suspenso irá aparecer com as duas opções.

O atendente poderá realizar mais de um atendimento em paralelo, pois para cada conversa, uma tab é aberta.

Quando o atendente está em uma conversa e um outro internauta envia mensagens, notificações na lista de conversas EM ATENDIMENTO aparecem (as notificações aparecem apenas para quem está EM ATENDIMENTO.

A notificação desaparece após voltar o foco para a conversa.

O isoCRM tem como característica, ser obrigatório selecionar um cliente para abertura de atendimento, por isso, se não for identificado ou cadastrado um cliente no ato, a única forma de abrir atendimento é anonimamente.

Após a seleção do cliente, ou cadastro. O sistema irá para a tela de atendimento.

Se for um cliente novo, irá para o cadastro do atendimento. Porém, se for para um cliente já existente, irá para a lista de atendimentos do cliente, permitindo selecionar um atendimento ou criar um novo.

Após preencher todos os dados do atendimento, clicar em gravar, mais opções irão aparecer dentro do atendimento.

Mesmo com o atendimento aberto, o atendente continuará a conversa com o internauta, podendo adicionar mais informações no atendimento durante a conversa.

Para encerrar, o atendente deve encerrar chat pela opção Encerrar Chat.