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

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

Como criar um Chat ao Vivo no Site

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

Assim que você clicar no botão "Chat online", o painel de configurações do seu 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 abrir e fechar para testar sua aparência e comportamento.

Configurações

Decoração

  1. Título do chat

Este campo define o nome do chat online — ele aparecerá no topo da janela do chat.

  1. Subtítulo do chat

Este campo está localizado 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 do widget especificado

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 de saudação inicial 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 centro — 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 do chat online aparecerá em diferentes dispositivos: na versão desktop do site.

Existem 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, bem como de outros elementos do chat online. Para isso, ative a caixa de seleção "Configurações avançadas".

Você também pode configurar configurações de cor avançadas adicionais 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 via URL ou carregando um arquivo.

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

  1. Logotipo MaviBot

As configurações permitem exibir o logotipo 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 deixar 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, o nome do operador especificado na seção "Funcionários" será exibido.

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

  1. Mensagem quando os operadores estão offline

Por padrão, a seguinte mensagem será exibida:
"Nenhum operador está online no momento. Por favor, deixe-nos uma mensagem e entraremos em contato o mais breve 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

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

  1. Exibir mensageiro

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

Os botões dos mensageiros aparecerão somente após esses mensageiros terem sido conectados ao construtor.

  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: "Escreva para".

  1. Mensagem inicial do WhatsApp

Este texto aparecerá no campo de entrada para o 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 sua sequência de mensagens.

  1. Links personalizados

Além dos botões de mensageiros, 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 dos visitantes do site, como imagens.

O tamanho máximo de arquivo permitido para uploads recebidos via chat online é de 20 MB.

  1. Dados do usuário

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

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

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 "Solicitar retorno de chamada" aparece nas configurações do chat online se a Telefonia estiver habilitada 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 habilitada é selecionado automaticamente e uma chamada é feita para o cliente.

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

  • Status: Em turno
  • Qualquer função, incluindo Administrador
  • A telefonia está habilitada (configurada) para o funcionário

Após a chamada, este funcionário será atribuído como responsável pelo usuário.

  1. Solicitar consentimento para processamento de dados pessoais

Esta opção está desabilitada por padrão. Quando habilitada, 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 processamento de dados pessoais:

  1. Configurações do botão de início

Clicar no "Adicionar botão" abre o formulário para criar um botão de início:

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 um recurso web externo.
  • E-mail. O cliente será redirecionado para seu serviço de e-mail para enviar uma mensagem para o endereço de e-mail especificado nas configurações do botão.
  • Telefone. O aplicativo de chamada é iniciado, ou o usuário é solicitado a escolher um aplicativo para fazer a chamada — dependendo do dispositivo que usa. A chamada 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.

O texto no campo "Mensagem" será sem quebras de linha. Por favor, 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 domínios diferentes. Por padrão, é tratado como a mesma conversa.

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

  • 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 funis 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

A forma como as ações automáticas funcionam é a seguinte: para que uma ação automática seja acionada, uma condição de gatilho específica 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 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 o happy hour 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 beneficiariam do seu serviço — por exemplo, quando a presença física do cliente é necessária para comprar um produto ou serviço.

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

  1. O dia da semana.
    Esta condição serve como um 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 diferente 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 se a URL contém/não contém ou é igual/diferente de 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 sua base de clientes estiver espalhada por diferentes fusos horários, você precisa 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 tempo na página, mas depende da ação do usuário de fechar a janela do Mavibot.
  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 horário de trabalho dos seus administradores ter terminado.
  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 de tempo 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 de inicialização do chat na guia "Banners". Vamos para as configurações.

  1. Clique em "Adicionar banner".

  1. Carregue uma imagem.

O tamanho da imagem é fixo.

Formato de imagem recomendado: se você adicionar um título e subtítulo, use um tamanho de banner de 345x194 pixels ou uma proporção de 16:9.

Para tornar o banner clicável (permitindo que seu cliente siga 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.

Insira o título e o subtítulo e clique em "Salvar".

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

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

Para editar ou excluir um banner, clique em Editar.

Avaliação de qualidade

Há uma seção de configurações adicionais no chat online chamada "Controle de qualidade". Para ativar este recurso, vá para a guia 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.

Insira 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 o comentário de feedback do cliente obrigatório.

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 o envio de uma avaliação, clique no botão no chat para enviar a avaliação.

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.

O operador não vê a avaliação que o cliente deu para a conversa.
Todas as avaliações de qualidade estarão disponíveis na seção "Análises".

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.

Após o operador encerrar a conversa, um formulário de avaliação de qualidade é enviado ao usuário, e a avaliação em si é registrada em Análises.

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

Como adicionar o chat online ao seu site

Para incorporar o chat online no seu site, basta copiar o script da guia 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 bloco do site onde você deseja colocar o widget do chat online.

Depois, prossiga para Edição do site.

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

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

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. name;
  2. phone;
  3. privacy;
  4. callback (este parâmetro funciona apenas se a telefonia estiver integrada ao projeto);
  5. age;
  6. email_group_ID (se você incluir este parâmetro com um e-mail, um e-mail do cliente será criado e vinculado ao usuário do chat);
  7. wa_group_ID (se você incluir este parâmetro com um número de telefone, um contato do WhatsApp será criado e vinculado ao usuário do chat).
  8. Se um grupo inexistente for especificado, o formulário será enviado, mas o cliente não será criado.

Importante

Todos os parâmetros são inseridos como uma única string separada por vírgulas.

Exemplo de entrada na Calculadora: online_chat_send_form("name,email,email_group_ID")

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

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

! online_chat_send_form(arguments, texts)

Recebe dois argumentos obrigatórios.

arguments - string de parâmetros

texts - nome do formulário

Por exemplo, na calculadora, você pode inserir assim: online_chat_send_form("name,phone", "Olá, por favor preencha o formulário.").

Exemplo da resposta do chat online.

Enviando mensagens para o chat

Use este código quando um usuário realizar uma ação no site e você precisar enviar uma mensagem em nome dele no chat naquele momento.

if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Message") }

Por exemplo, quando um usuário clica em um botão, uma mensagem será enviada em nome dele.

Alterar configurações de dica

Você pode configurar o bot para reagir a esta mensagem.

O código é inserido na seção HTML das configurações do site.