Ir para conteúdo principal

Chat

Converse com os visitantes do seu site enquanto eles compram!

Wioleta Jednaka avatar
Escrito por Wioleta Jednaka
Atualizado há mais de uma semana

“80% das empresas acreditam oferecer um excelente atendimento, mas apenas 8% dos consumidores concorda.” (Forbes)

Ao entrar em seu site, os visitantes terão a oportunidade de conversar em tempo real com um de seus atendentes, por texto ou telefone.

Vamos aprender a configurá-lo!

Como configurar o Chat

Para começar, no menu DASHBOARD, vá para ONSITES > WIDGET DE CHAT

Para configurar o Chat, será necessário primeiro configurar a Inbox. Se esta for a sua primeira vez lidando com uma funcionalidade relacionada à Inbox, você encontrará esta mensagem:

Clique no botão NOVO CHAT e siga as instruções. Para mais informações sobre como configurar a Inbox, clique aqui.

Você poderá criar até oito versões diferentes de chat.

Passo 1: Design

Nesta seção, você vai configurar o design do Chat.

Nessa seção, você pode personalizar as configurações visuais do seu chat e definir regras lógicas para controlar quando o widget é exibido. Configure condições para o aparecimento do widget do chat, incluindo URL, tamanho da tela, status de inscrição, elementos HTML, data e opções de exibição da página inicial.

Cor do texto

  • Cor do fundo: a cor dos fundos (p. ex. botões, ícone)

  • Posição: a posição do chat na tela – canto inferior esquerdo (left) ou direito (right)

  • Margem: distância, em pixels, entre o chat e o limites inferior (Bottom) e lateriais (Left / Right), conforme a opção de posição escolhida.

Está ficando bonito! Clique na aba Regras para continuar.

Regras

Aqui você poderá determinar em quais condições seu chat será exibido. São elas:

  • URL address: você pode determinar em qual página ou páginas específicas você deseja apresentar o chat. Por exemplo, se quiser que o chat apareça em todas as páginas do seu site (p. ex. "sualoja.com.br"), escolha "URL → contains → sualoja.com.br". Se você quiser que apareça apenas em sua página de contato (p. ex. "sualoja.com.br/contato"), você pode escolher "URL → is → sualoja.com.br/contato".

  • Screen size: nesta regra, você pode optar por mostrar seu chat apenas em determinados tamanhos de tela, efetivamente segmentando por dispositivo: Desktop (≥1000 px); Tablet (≥576 and ≤1000 px); ou Smartphone (≤576 px).

  • User subscription status: usando esta regra, você determinará se quer mostrar ou ocultar o chat para usuários que estejam inscritos ou não em sua newsletter.

  • HTML Element: permite que o chat seja apresentado apenas quando um elemento HTML estiver presente na página. Basta colar o elemento neste campo.

  • Based on the date: determine se quer apresentar o chat a partir de uma data específica, até uma data, ou durante um intervalo de datas.

  • Homepage: esta regra permite que você apresente o chat exclusivamente na página principal do seu site. Basta definir "Homepage → is → sualoja.com.br"

NOTA: As regras seguem a lógica booleana (AND / OR – em português, E / OU). Isso significa que é possível combinar regras para restringir a segmentação usando a operação AND (p. ex. mostrar chat apenas quando o usuário estiver visitando uma página específica AND visualizou um produto) ou ampliá-la (p. ex. mostrar chat quando um usuário não estiver inscrito OR estiver usando um dispositivo com tamanho de tela de smartphone).

Para continuar, clique na aba Mensagens.

Passo 2: Saudações

Aqui você irá configurar os textos que aparecerão aos visitantes do site assim que clicarem no chat.

Também é possível adicionar até dois telefones e alterar o texto do botão de Chamada para Ação.

  • Saudações: a primeira linha de texto, destacada em tamanho grande. Use este campo para cumprimentar o visitante escrevendo algo simples, como um "Olá!"

  • Descrição da saudação: um texto menor que vai aparecer logo abaixo da saudação. Use este espaço para encorajar o visitante a iniciar uma conversa. Algo como: "Estamos aqui para responder qualquer dúvida, clique abaixo para ligar ou iniciar uma conversa de texto."

  • Telefone: coloque um ou dois telefones de contato aqui se desejar oferecer aos clientes a opção de fazerem uma ligação. Seus telefones podem ser identificados com etiquetas para direcionar os usuários ao número correto (p. ex. “Atendimento ao Cliente” e “Administração”).

  • Texto do botão de Chamada para Ação: este é o texto do botão que irá iniciar a conversa. Escreva algo como: "Fale conosco!"

Após configurar esta seção, seu chat vai ficar mais ou menos assim:

Clique na aba Identificação do usuário e coleta de e-mail para continuar.

Passo 3: Identificação do usuário e coleta de e-mail

Ainda na seção mensagens, você irá configurar o que será apresentado ao visitante logo após ele clicar no botão para iniciar o contato.

Você terá três opções para a coleta do nome e e-mail do usuário:

  • Sempre: antes do usuário poder conversar com o seu agente, ele ou ela terá que informar nome e e-mail. Esta etapa adicional reduz as interações, em média, cerca de 30%. Mas esta é a opção que recomendamos, pois assim você poderá entrar em contato com aquele usuário por e-mail mais tarde, por exemplo mandando uma resposta por e-mail mesmo após ele ter deixado seu site.

  • Nunca: esta opção permitirá que os visitantes iniciem uma conversa sem ter que informar nome e e-mail.

  • Opcional: esta opção permitirá aos visitantes informar o nome e e-mail, mas isto não será obrigatório para iniciar a conversa.

Se você escolher as opções “Sempre" ou "Opcional", terá que configurar alguns campos adicionais:

  • Texto em destaque: é o texto apresentado no topo do chat. Use este espaço para chamar a atenção do visitante, escrevendo algo como "Parece que ainda não nos conhecemos!"

  • Texto complementar: texto apresentado logo abaixo do Header Text. Use este espaço para explicar ao usuário que ele precisa informar seus dados. Escreva algo como: "Por favor, informe seu nome e e-mail para iniciar uma conversa".

  • Texto do campo de e-mail: este é o texto que ocupará o campo de e-mail. Escreva algo como: "informe seu e-mail".

  • Texto do campo de nome: este é o texto que ocupará o campo de e-mail. Escreva algo como: "informe seu nome".

  • Texto do consentimento: este é o texto de consentimento que o usuário precisará aceitar. Por exemplo: "Eu concordo em receber comunicações via chat e e-mail".

  • Texto do botão de enviar: o texto que estará no botão de enviar as informações. Algo simples como "Enviar" está ótimo.

Após configurar esta seção, seu chat ficará mais ou menos assim:

Para continuar, vá até a aba Resposta automática.

Passo 4: Mensagem de boas-vindas

A mensagem é um pequeno texto acima do ícone do chat que aparece antes de os usuários começarem uma conversa, com o objetivo de atrair a atenção do cliente.

Passo 11: Pré-visualizar

Aqui você terá a oportunidade de conferir uma prévia do seu Chat antes de publicá-lo. Clique no botão VISUALIZAR e depois clique em VER NA LOJA ou use o código QR para ver uma prévia do chat em seu site. Se estiver tudo OK, basta clicar no botão PUBLICAR e seu chat estará ativo.

Pronto! Agora é hora de botar a mão na massa e criar uma boa estratégia de comunicação com seus clientes para continuar aprimorando seu relacionamento.


Precisa de mais ajuda?

Se você tiver mais dúvidas sobre o Chat, fique à vontade para entrar em contato conosco pelo e-mail hello@edrone.me

Isto respondeu à sua pergunta?