Um Flow é montado em telas, como as páginas de um formulário. Cada tela tem os seus componentes (textos, campos e opções) e termina com um botão que leva à próxima tela ou conclui o formulário. Neste artigo, o exemplo é uma pesquisa de satisfação com duas telas.
Antes de começar: veja O que são os Flows do WhatsApp para saber onde ficam e como funciona a lista.
1. Criar o Flow
- Na aba Meta > Flows, clique em Criar flows.
- Preencha o Nome do flows e, se quiser, uma Descrição. A descrição é só para uso interno da sua equipe.
- Escolha a Categoria: Cadastro, Login, Agendamento, Captação de leads, Fale conosco, Atendimento ao cliente, Pesquisa ou Outros. A categoria é obrigatória para a aprovação na Meta: escolha a que mais se aproxima do objetivo do Flow.
- Clique em Continuar construção.
2. Montar as telas
O construtor tem três colunas:
- Telas do flows, à esquerda: a ordem das telas. Arraste pelo ícone de pontos para reordenar, use a lixeira para remover e Adicionar tela para incluir outra. A primeira tela recebe a marca Tela inicial e a última, Tela final.
- Componentes, no centro: o conteúdo da tela selecionada. Clique em Adicionar componente para incluir textos, campos e opções. Arraste para mudar a ordem.
- Configuração, à direita: os ajustes do componente selecionado. Sem componente selecionado, mostra o Título da tela (até 30 caracteres) e os Campos sensíveis, que aparecem mascarados no resumo que o cliente vê ao concluir.
Componentes disponíveis
| Componente | Para que serve |
|---|---|
| Título | Destaca o tema principal da tela. Até 80 caracteres. |
| Subtítulo | Divide o conteúdo em seções, quando a tela tem mais de um assunto. Até 80 caracteres. |
| Texto | O texto principal, que explica, instrui ou contextualiza. Até 4.096 caracteres. |
| Legenda | Notas, avisos ou textos secundários em fonte menor. Até 4.096 caracteres. |
| Campo de texto | Resposta curta. Tipos: texto livre, número, e-mail, senha (mascarada), código numérico ou telefone. |
| Campo de texto longo | Espaço maior para respostas longas, como um comentário. |
| Menu de seleção | Opções compactadas em um seletor. Até 200 opções. |
| Escolha única | Opções visíveis para o cliente escolher apenas uma. Até 20 opções. |
| Múltipla escolha | O cliente marca quantas opções quiser. Até 20 opções, com mínimo e máximo de seleções. |
| Seletor de data | Abre um calendário. Dá para limitar a data inicial e a final e marcar datas indisponíveis. |
| Consentimento | Caixa de aceite. Pode ser obrigatória para o cliente continuar. |
| Link | Um link que abre uma página externa. |
Nos campos e nas opções, a Etiqueta é o nome que o cliente vê, o Texto de apoio é uma explicação curta embaixo dela e Obrigatório impede o cliente de avançar sem responder.
3. Ligar as telas pelo rodapé
Toda tela termina com o Rodapé (final da tela): o botão que leva o cliente para a próxima etapa ou finaliza o formulário. Selecione o rodapé para configurar:
- Etiqueta do botão: o texto do botão, como Continuar ou Enviar. Até 35 caracteres.
- Ação do rodapé: o nome de outra tela, para levar o cliente até ela, ou Concluir processo, para finalizar. Pelo menos uma tela precisa concluir o formulário.
- Funções opcionais: legendas duplas ou uma legenda central junto ao botão.
No exemplo, a tela Sua opinião leva para a tela Comentários, que conclui o formulário com o botão Enviar:
4. Salvar
Clique no ícone de disquete, no alto, para Salvar o rascunho. Você pode sair e continuar depois pelo lápis da lista. Com as telas prontas, o próximo passo é testar e publicar o Flow.
Em caso de dúvida, fale com o suporte da Droz pelo e-mail suporte@meudroz.com ou abra uma solicitação pela Central de Ajuda.