Chat ao vivo do site

Ao instalar um chat online no seu site, você pode coletar dados de clientes e automatizar a comunicação com visitantes diretamente no seu site.

Você também pode conectar sua equipe de vendas ao chat, permitindo que gerentes participem das conversas com clientes. A comunicação pode acontecer pela interface web do MaviBot ou pelos nossos aplicativos móveis para Android e iOS.

Como criar um site de Live Chat

Para criar um chat, vá até a seção "Mensageiros" e clique no botão "Live chat".

Assim que você clicar no botão "Chat online", o painel de configurações do chat recém-criado será aberto automaticamente.

A aparência do chat dependerá das configurações escolhidas. No lado direito, você verá uma prévia ao vivo do widget do chat, que pode ser aberta e fechada para testar como ele parece e funciona.

Configurações

Decoração

  1. Título do chat

Este campo define o nome do chat online — ele aparecerá na parte superior da janela do chat.

  1. Subtítulo do chat

Este campo fica abaixo do título do chat e permite esclarecer a função ou o propósito do chat online no seu site.

  1. Rótulo especificado do widget

O rótulo no botão do widget é exibido quando o chat online está minimizado. Por padrão, ele mostra o texto dos campos de título e subtítulo, mas você pode definir um rótulo diferente, se necessário.

  1. Mensagem de boas-vindas do chat

Este campo contém o texto da mensagem inicial de saudação do bot

  1. Orientação do texto

Usando a barra de ferramentas de alinhamento de texto, você pode alinhar o título e o subtítulo do chat à esquerda, à direita ou ao centro — assim como em editores de texto padrão.

  1. Botão do chat

Este botão foi projetado para abrir o chat online quando clicado.

Você pode escolher como o botão de chat online aparecerá em diferentes dispositivos: o desktop do site

Há várias opções de exibição disponíveis. Você pode posicionar o botão na borda direita ou esquerda.

  1. Paleta de cores

Para personalizar o chat online ao seu gosto, você pode não apenas ajustar a cor, mas também exibir padrões interessantes no fundo e no cabeçalho do chat.

Você também pode escolher a cor e o brilho dos padrões, assim como outros elementos do chat online. Para isso, marque a caixa "Configurações avançadas".

Você também pode configurar ajustes avançados adicionais de cor para o chat online.

  1. Avatar do chat online

Esta opção permite alterar o avatar do assistente no chat online. O avatar pode ser adicionado por URL ou fazendo upload de um arquivo.

Você também pode ocultar o avatar do chat marcando esta caixa de seleção, se necessário.

  1. Logotipo do MaviBot

As configurações permitem exibir o logotipo do MaviBot.

Configurações

  1. Texto dentro do campo de entrada

Por padrão, este campo contém o texto: "Digite sua mensagem e pressione Enter."

Você pode personalizar este texto ou manter o padrão.

  1. Inscrição na versão móvel

Por padrão, o texto é definido como: "Escolha seu método de contato preferido."

  1. Mensagem ao atribuir um operador a um cliente

Se você incluir #{operatorName} neste campo, será exibido o nome do operador especificado na seção "Funcionários".

Você pode atribuir um operador manualmente clicando no botão "Assumir cliente" ou "Transferir cliente" durante uma conversa com o cliente. Como alternativa, você pode configurar a distribuição automática de clientes entre operadores na seção "Funcionários".

  1. Mensagem quando os operadores estiverem offline

Por padrão, a seguinte mensagem será exibida: "Nenhum operador está online no momento. Por favor, deixe uma mensagem e entraremos em contato o mais rápido possível."

O status "Online" do bot é obtido da seção "Funcionários". Os status possíveis são: Online, Pausa e Offline.

Você também pode alterar seu status na barra superior enquanto estiver em qualquer seção do projeto

  1. Notificação sonora no chat online

Essas configurações permitem ativar ou desativar alertas sonoros para a abertura do chat e novas mensagens no chat online para visitantes do site.

  1. Exibir mensageiro

Você pode escolher quais mensageiros serão exibidos no site ao passar o mouse sobre o widget do chat online (ícone).

circle-exclamation
  1. Mostrar apenas mensageiros

Se você ativar esta opção, apenas os botões dos mensageiros aparecerão no site. Todas as outras funções do chat online serão desativadas!

  1. Texto do mensageiro

Por padrão, está definido como: "Escrever para".

  1. Mensagem inicial do WhatsApp

Este texto aparecerá no campo de entrada do usuário no WhatsApp quando ele clicar no botão do seu site. O usuário só precisará pressionar "Enviar."

Certifique-se de incluir também este texto nas condições do bloco inicial da sequência de mensagens.

  1. Links personalizados

Além dos botões de mensageiro, agora você pode adicionar seus próprios botões com links personalizados.

Você pode especificar a URL do link e adicionar uma imagem nas configurações.

  1. Upload de arquivo

Esta configuração permite receber anexos de visitantes do site, como imagens.

circle-exclamation
  1. Dados do usuário

Na primeira mensagem, você pode obter consentimento para o processamento de dados pessoais e/ou coletar informações do usuário por meio de um formulário de coleta de dados. Você também pode definir ou alterar o endereço de e-mail pela janela de boas-vindas.

O preenchimento do formulário pode ser opcional ou obrigatório ao ativar a opção "Tornar o preenchimento do formulário obrigatório" alternar.

Exemplo da primeira mensagem com coleta de dados.

Após configurar o formulário, você pode selecionar as configurações de exibição do país usando um campo suspenso.

  1. Solicitação de retorno de chamada

A caixa de seleção "Solicitação de retorno de chamada" aparece nas configurações do chat online se a Telefonia estiver ativada no projeto.

Como funciona

Ao preencher o formulário, o usuário pode marcar a caixa para solicitar um retorno de chamada. Nesse caso, um dos funcionários com telefonia ativada é selecionado automaticamente, e uma ligação é feita para o cliente.

circle-info

O funcionário é atribuído automaticamente. Ao selecionar um funcionário, são verificados os seguintes itens:

  • Status: Em turno

  • Qualquer função, incluindo Administrador

  • A telefonia está ativada (configurada) para o funcionário

Após a ligação, esse funcionário será atribuído como responsável pelo usuário.

  1. Solicitar consentimento para o processamento de dados pessoais

Esta opção está desativada por padrão. Quando ativada, uma mensagem dizendo "Eu dou consentimento para o processamento de dados pessoais" junto com o botão "Confirmar" aparecerá na primeira vez que o chat online for iniciado.

Exemplo da primeira mensagem para obter consentimento para o processamento de dados pessoais:

  1. Configurações do botão inicial

Clicar no "Adicionar botão" abre o formulário para criar um botão inicial:

O botão pode ter uma das seguintes funções:

  • Link. Permite adicionar uma URL para navegar para outra página do seu site ou para um recurso externo da web.

  • E-mail. O cliente será redirecionado para seu serviço de e-mail para enviar uma mensagem ao endereço de e-mail especificado nas configurações do botão.

  • Telefone. O aplicativo de chamadas é aberto, ou o usuário é solicitado a escolher um app para fazer a ligação — dependendo do dispositivo usado. A ligação vai para o número especificado nas configurações do botão.

  • Mensagem (do administrador / usuário) . — este recurso permite que o bot envie respostas rápidas ao clicar em um botão.

Por exemplo, você pode criar um botão chamado "Endereço" e, no campo "Mensagem", especificar o endereço exato e o horário de funcionamento.

circle-info

O texto no campo "Mensagem" ficará sem quebras de linha. Leve isso em consideração ao trabalhar.

  • Separar clientes de diferentes domínios. Esta configuração permite separar conversas se a mesma pessoa escrever no chat online hospedado em diferentes domínios. Por padrão, isso é tratado como a mesma conversa.

Essa opção é necessária se diferentes chats online estiverem instalados em sites diferentes dentro do mesmo domínio e você precisar separar as conversas quando a mesma pessoa escrever.

  • Botões no texto serão exibidos no histórico do chat online (alternar). Ative esta opção para mostrar botões do texto do construtor de funil no histórico do chat online do cliente.

  1. Ocultar o chat online

Não é necessário remover o chat online do site. Você pode simplesmente ocultá-lo usando a opção correspondente.

Ações automáticas

O funcionamento das ações automáticas é o seguinte: para que uma ação automática seja acionada, uma condição específica de disparo deve ser definida para essa ação.

Primeiro, defina as condições para quando a ação personalizada deve ser executada. Você pode adicionar condições com base na hora do dia, país do visitante, cidade, URL da página atual e assim por diante.

Mais sobre as condições:

  1. Hora atual. Defina o acionamento automático do chat online dependendo do período de tempo em que o cliente interage com o chat (por exemplo, durante happy hours após as 16:00, um visitante da sua landing page pode receber um desconto).

  2. Executar esta ação apenas uma vez por dia para o usuário. Esta condição pode ser aplicada em vários casos: por exemplo, para enviar links de afiliados ou outros em mensagens do administrador/usuário (como acesso a novos materiais do curso); para um sistema de fidelidade ou acúmulo; e assim por diante.

  3. Cidade do usuário / País do usuário. Ao definir esta condição, você pode segmentar o grupo específico de usuários que se beneficiaria do seu serviço — por exemplo, quando a presença física do cliente é necessária para comprar um produto ou serviço.

Nesse caso, você pode definir a condição como igual ou não igual. Por exemplo, se você precisar especificar uma cidade ou país (ou uma lista de países) para o qual a ação automática não deve ser acionada, escolha "não igual."

  1. O dia da semana. Esta condição serve como gatilho para ações automáticas com base no dia da semana. Você pode selecionar caixas de seleção ao lado dos dias da semana, definir a condição como igual ou não igual e escolher a ação automática a ser executada pelo chat online.

Por exemplo, você pode definir todos os dias úteis dos seus operadores/gerentes para permitir seu contato posterior com os clientes.

  1. URL da página atual. A ação automática será acionada dependendo de a URL conter/não conter ou ser igual/não igual a um link especificado.

  2. Mensagem do usuário. Para acionar a ação automática sob esta condição, o campo deve conter uma palavra específica do usuário.

  1. Tempo na página. Esta condição é semelhante à hora do dia; no entanto, se seu banco de dados de clientes estiver distribuído em diferentes fusos horários, você precisará que esta ação automática ocorra no mesmo horário local para cada fuso horário.

  2. Tempo desde que a janela do MAviBot foi fechada. Esta condição é definida de forma semelhante à hora do dia ou ao tempo na página, mas depende da ação do usuário de fechar a janela do Salebot.

  3. Tempo desde a primeira mensagem do visitante. A ação automática será acionada após um período especificado (em segundos) após a primeira mensagem do cliente no chat online.

  4. Tempo sem resposta do operador desde a primeira mensagem do usuário. Esta condição também é definida em segundos e é acionada independentemente de o operador ter respondido ao cliente ou não.

Se necessário, as condições podem ser combinadas, permitindo que a ação automática seja acionada com base em vários critérios:

Em seguida, escolha qual ação o chat online deve executar automaticamente:

  1. Abertura automática do chat. Esta ação abre automaticamente o chat online para o usuário. Nenhuma configuração adicional é necessária.

  2. Convite automático para o chat. Esta ação automática envia ao usuário uma mensagem predefinida inserida no campo correspondente. Você também pode ocultar o campo de entrada de mensagem usando a caixa de seleção com o mesmo nome, se necessário.

  3. Ocultar o ícone do chat online de um site. Esta ação pode ser usada, por exemplo, após o fim do horário de trabalho dos seus administradores.

  4. Mostrar o ícone do chat online. Semelhante à ação anterior, isso permite exibir o ícone do chat para os clientes durante um período específico (ou com base em outras condições necessárias).

  5. Enviar mensagem como administrador. Esta ação envia uma mensagem no chat online sob a função de administrador.

  6. Enviar um formulário. Esta ação é usada para coletar dados do cliente. Você pode personalizar o texto do formulário, selecionar os campos de entrada necessários (como nome, número de telefone, e-mail, caixa de seleção ou qualquer outro campo de entrada que você configurar manualmente).

Você pode configurar um campo de entrada personalizado. Por exemplo, para coletar a cidade de residência do cliente ou qualquer outra informação relevante.

Banners

Você pode adicionar banners clicáveis à janela inicial do chat na aba "Banners". Vamos seguir para as configurações.

  1. Clique em "Adicionar banner".

  1. Envie uma imagem.

circle-exclamation

Para tornar o banner clicável (permitindo que seu cliente acesse um link ao clicar nele), insira a URL no campo correspondente.

Em seguida, especifique o título e o subtítulo do banner, se necessário.

Digite o título e o subtítulo e depois clique em "Salvar".

O banner então aparecerá no widget do chat online.

Para desativar um banner (parar de exibi-lo no chat online), mude o interruptor para a posição inativa.

Para editar ou excluir um banner, clique em Editar.

Classificação de qualidade

Há uma seção adicional de configurações no chat online chamada "Controle de qualidade". Para ativar esse recurso, vá até a aba correspondente nas configurações.

A funcionalidade oferece uma escolha entre três escalas de avaliação de qualidade: cinco pontos, três pontos e dois pontos.

Digite o texto que aparecerá antes da avaliação no campo correspondente.

Não há valor padrão neste campo. Se você deixá-lo vazio, o seguinte texto aparecerá no banner de avaliação de qualidade.

Você também pode especificar um nome personalizado para o campo de feedback do cliente.

Para fazer isso, basta inserir seu próprio texto para o nome do campo, bem como um texto de placeholder dentro do campo de feedback. Por padrão (veja o exemplo acima), a finalidade e o texto de cada campo já estão definidos para sua conveniência.

Você também pode ativar uma caixa de seleção para tornar obrigatório o comentário de feedback do cliente.

Em seguida, você pode preencher a mensagem de feedback que será enviada ao cliente após uma avaliação positiva ou negativa. Para ver como a mensagem final do chat online aparece após enviar uma avaliação, clique no botão no chat para enviar a nota.

caixa de seleção "Usuário pode avaliar o chat"

Na seção "Clientes", o operador pode encerrar o diálogo durante uma conversa com um usuário. Se esta caixa de seleção estiver ativada, o usuário poderá fornecer uma avaliação.

circle-check

O operador pode clicar no botão "Encerrar conversa" durante uma conversa com um usuário. Isso abrirá um formulário de confirmação para a ação do operador:

Se um serviço de e-mail estiver conectado nos canais, opções para enviar mensagens por e-mail aparecerão.

Depois que o operador encerra a conversa, um formulário de avaliação de qualidade é enviado ao usuário, e a avaliação em si é registrada no Analytics.

Se o cliente não deixar uma avaliação, as estatísticas mostrarão "O usuário não deixou uma avaliação."

Como adicionar o chat online ao seu site

Para incorporar o chat online no seu site, basta copiar o script da aba Código e colá-lo no HTML do seu site.

Copie o código do chat online.

Em seguida, vá para a seção "Sites" e clique no cartão do site onde você deseja colocar o widget do chat online.

Depois, vá para Edição do site.

E vá para as configurações do site.

Na seção Cores, Fontes e HTML cole o código copiado do chat online no campo de código HTML do head .

circle-info

Cole este código em todas as páginas do seu site, dentro da tag <head> .

O chat online agora está conectado com sucesso ao seu site.

Enviando um formulário para os clientes preencherem

O chat online também inclui um recurso que permite enviar um formulário aos clientes para coletar informações do usuário e adicioná-lo ao sistema para interação posterior.

Esse formulário é enviado usando a função online_chat_send_form() , que recebe os seguintes parâmetros:

  1. nome;

  2. telefone;

  3. privacidade;

  4. callback (este parâmetro funciona apenas se a telefonia estiver integrada ao projeto);

  5. idade;

  6. email_group_ID (se você incluir este parâmetro com um e-mail, será criado um e-mail do cliente vinculado ao usuário do chat);

  7. wa_group_ID (se você incluir este parâmetro com um número de telefone, será criado um contato do WhatsApp vinculado ao usuário do chat).

  8. Se for especificado um grupo inexistente, o formulário será enviado, mas o cliente não será criado.

triangle-exclamation

Importante

Notificação que aparecerá no chat após o envio do formulário

circle-info

Os dados enviados por meio do formulário são salvos nas variáveis do cliente. Você pode ver mais detalhes sobre essas variáveis abaixo no perfil do cliente no chat online.

! online_chat_send_form(arguments, texts)

Ele recebe dois argumentos obrigatórios.

arguments - string de parâmetros

texts - nome do formulário

Por exemplo, na calculadora, você pode inseri-lo assim: online_chat_send_form("name,phone", "Olá, preencha o formulário.").

Exemplo da resposta do chat online.

Atualizado