Chat do site - montar o fluxo por um modelo, aparência da atendente e publicar
Como criar a conversa do chat do site a partir de um modelo pronto, entender o editor de blocos, dar nome, foto e cor à atendente, ligar o botão de emoji e a resposta pela IA, testar com o rascunho e publicar. Segunda parte da série do Chat do site.
Quando usar
Use depois de ligar o Chat do site, para montar o que o visitante vê e responde, e sempre que quiser mudar a conversa, a aparência ou em quais páginas o chat aparece.
Antes de começar
- O Chat do site ligado (primeira parte da série)
- Ser quem gerencia o CRM para publicar
- Se quiser foto da atendente, uma imagem PNG, JPG ou WebP de até 2 MB (de preferência quadrada, com o rosto no centro)
Para que serve e quando usar
O fluxo é a conversa que o chat faz com o visitante: as falas da atendente, as perguntas, os botões, as condições e o que acontece no fim (criar o lead no CRM, chamar a equipe no Atendimento ou deixar a IA responder). Você monta pelo editor de blocos, testa com o rascunho e publica. O site só muda quando você publica.
Passo 1 - Criar o fluxo por um modelo
- 1
Em Chat do site, clique em Novo fluxo.
- 2
Escolha um modelo pronto e, se quiser, dê um nome ao fluxo (vazio usa o nome do modelo). Dá para mudar tudo depois.
Janela Novo fluxo com os modelos prontos
| Modelo | O que faz |
|---|---|
| Começar do zero | Um grupo de boas-vindas com uma mensagem; você monta o resto |
| Qualificação B2B | Pergunta nome, e-mail, WhatsApp, empresa e tamanho da equipe, manda o lead para o CRM e chama um especialista quando a empresa é maior |
| Pedido de orçamento | Coleta o contato, o que a pessoa precisa e o prazo, manda o pedido para o CRM e oferece falar com um vendedor |
| Download de material rico | Oferece um material gratuito, pede os dados para enviar, registra o lead e oferece uma conversa |
| Agendamento de reunião | Pede o contato, a data e o período preferidos, registra o lead e passa para o Atendimento confirmar |
| Suporte ao cliente | Separa quem já é cliente de quem quer comprar: o cliente vai para o Atendimento, o interessado vira lead e outros assuntos vão para a IA |
Passo 2 - Entender o editor
A conversa roda os blocos de cada grupo em ordem, começando pelo grupo marcado como Início. À esquerda ficam os blocos; no meio, o desenho da conversa; à direita, as instruções de uso.
| Grupo | Blocos | Para que serve |
|---|---|---|
| Falas | Texto, Imagem, Vídeo | O que a atendente diz ou mostra |
| Perguntas | Texto, E-mail, Telefone, Número, Data, Botões | O que o visitante responde; a resposta vira variável (por exemplo, o nome) |
| Lógica | Condição, Variável, Ir para, Esperar, Fim | Caminhos diferentes conforme a resposta |
| Hap | Lead no CRM, Atendimento, LavinIA | Criar o card no funil, passar para a equipe ou deixar a IA responder |
- 1
Arraste um bloco para dentro de um grupo, ou solte no desenho para criar um grupo novo.
- 2
Para ligar, arraste o ponto de um botão, do Então/Senão ou do fim do grupo até outro grupo.
- 3
Clique num bloco para editar o texto. Use a variável entre chaves duplas para personalizar, como em "Prazer, {{name}}!".
Passo 3 - Aparência: nome, foto e cor da atendente
- 1
Abra a aba Aparência e regras.
- 2
Em Foto da atendente, clique em Enviar foto (ou Trocar foto) e escolha a imagem. Sem foto, aparecem as iniciais do nome.
- 3
Preencha Nome da atendente, Cargo (opcional) e Status no topo, e escolha Cor, Fonte e Arredondamento.
- 4
Em Chamada ao lado da bolha, escreva a frase que aparece antes de o chat abrir (vazio = só a bolha).
- 5
Confira na Prévia no site, à direita, com o chat Fechado e Aberto.
Aparência: foto, nome da atendente, cor e a prévia no site
Passo 4 - Como aparece, conversa e regras
| Campo | O que faz |
|---|---|
| Bolha no canto ou Pop-up no centro | Onde o chat aparece |
| Canto | Direito ou esquerdo |
| Mostrar a chamada depois de (s) | Quanto tempo a frase da chamada espera para aparecer |
| Depois de fechar, esconder por (dias) | Quem fechou o chat não o vê abrir sozinho de novo nesses dias |
| Abrir sozinho, Depois de (s) | O chat abre sozinho depois desse tempo na página |
| Mostrar "digitando..." antes de cada fala | Dá tempo de leitura entre as falas |
| Deixar o visitante escrever em vez de clicar nos botões | Libera o campo de texto. Em Quando ele escrever, escolha: A IA (LavinIA) responde, Passa para o Atendimento ou Ignora e repete a pergunta |
| Botão de emoji no campo de texto | Mostra o botão para o visitante escolher emojis |
| Texto do aceite e Política de privacidade | O aceite que aparece embaixo dos primeiros botões (LGPD) |
| Quando este fluxo aparece | Em quais páginas o fluxo aparece; sem regra, em todas as páginas do site |
| Prioridade | Com vários fluxos publicados, vale o de maior prioridade cujas regras casam com a página |
Passo 5 - Testar com o rascunho
Clique em Testar, no topo. É o chat de verdade, com o rascunho salvo: não cria lead, não chama o Atendimento e não entra nos relatórios. Use Recomeçar para testar de novo do início.
Passo 6 - Publicar
- 1
Clique em Publicar.
- 2
Leia os avisos (eles não impedem publicar) e confirme em Publicar. Na primeira vez, o chat passa a aparecer no site; nas seguintes, o site passa a usar a versão nova.
Janela Publicar as mudanças com os avisos do fluxo
Cada publicação fica guardada na aba Versões. Para voltar atrás, abra a versão e use Restaurar no rascunho; depois publique de novo.
Problemas comuns
- Mudei o fluxo e o site continua igual - o site só muda quando você publica. A barra do topo mostra "Rascunho com mudanças" até publicar.
- Publiquei e um visitante ainda vê a versão antiga - quem já estava conversando continua na versão em que começou. Uma conversa nova já abre a versão publicada.
- Aparece "O fluxo ainda não pode ser publicado" - há bloco incompleto. Clique no item da lista para ir direto ao bloco e corrija.
- Ao publicar aparece o aviso de que blocos "Lead no CRM" usam a entrada padrão da empresa - é só um aviso. Os leads vão para a entrada mostrada na lista de fluxos (Leads entram em). Para mandar um bloco para outra entrada, escolha a entrada no próprio bloco.
- A foto é recusada - use PNG, JPG ou WebP de até 2 MB. Sem foto, o chat mostra as iniciais do nome da atendente.
- O chat abre sozinho e incomoda - em Aparência e regras, desligue Abrir sozinho ou aumente o tempo em Depois de (s).
- O chat não aparece numa página - confira Quando este fluxo aparece (as regras do fluxo) e, se houver vários fluxos publicados, a Prioridade.