Como uma etapa é formada
Os três tipos de etapa do quadro e do que um painel é realmente feito — uma tela que o visitante vê e, opcionalmente, uma pergunta.
Tudo o que existe no quadro é uma de três coisas. Deixar essa diferença clara evita muita confusão mais adiante.
| Etapa | Cor | O visitante vê? |
|---|---|---|
| Painel | Azul | Sim — é uma tela. |
| Divisão | Roxo | Não — ela escolhe um ramo. |
| Ação | Laranja | Não — ela faz algo nos bastidores. |
Só os painéis são visíveis. Quando um visitante responde uma pergunta, o Tayon executa todas as divisões e ações que vêm em seguida, uma após a outra, até chegar ao próximo painel — e é ele que aparece. Do lado do visitante, o site simplesmente passa de uma pergunta para a seguinte.
#Um painel é duas coisas ao mesmo tempo
É aqui que a maioria tropeça. Uma etapa de painel carrega:
- A tela — um template com seu título, subtítulo, texto, imagens e cores.
- A pergunta — opcional. Um rótulo e um campo de resposta, uma lista de botões ou um controle de upload.
Um painel pode ter tela e nenhuma pergunta. É assim que se monta uma tela de boas-vindas ou de agradecimento: conteúdo, um botão para avançar (OK, por padrão) e nenhuma resposta coletada.
Um painel não pode ter duas perguntas. Um painel pergunta no máximo uma coisa. Se você precisa de nome e e-mail, são dois painéis.

#O número dentro do círculo
Toda etapa carrega um número dentro de um círculo. Ele não é decorativo — é como você se refere a uma etapa em outros lugares. Quando você configura uma ação Ir para Etapa e precisa escolher um destino em uma lista, os números dessa lista são os números do quadro.
#Abrir uma etapa
Selecione uma etapa e as propriedades dela se abrem. O que aparece depende do tipo:
- Painel — sete abas cobrindo a pergunta, o layout, os textos, as cores, as imagens e o rastreamento. Veja As abas de propriedades do painel.
- Ação — uma lista de tipos de ação e, em seguida, as configurações do tipo escolhido. Veja Tipos de ação.
- Divisão — uma condição, um ramo Verdadeiro e um ramo Falso. Veja Ramificar com uma divisão.
Editar uma etapa e fechar as propriedades não basta por si só — use Salvar nas propriedades, depois Salvar Fluxo e depois Publicar.
#Como as etapas se conectam
Cada etapa aponta para a que vem depois dela. A divisão é a exceção: ela tem duas saídas, Verdadeiro e Falso, e cada uma leva à sua própria sequência de etapas.
Onde uma sequência simplesmente termina, o fluxo termina. Um visitante que chega a um painel sem nada depois concluiu o percurso — por isso o último painel costuma ser uma tela de agradecimento sem pergunta.
#Uma ordem de construção que funciona
A ordem que gera menos retrabalho:
- Monte primeiro os painéis — todas as telas, em sequência, com suas perguntas. Ignore ramificações e ações.
- Percorra o desenho e veja se ele se lê como uma conversa.
- Acrescente as divisões nos pontos em que o caminho precisa se bifurcar.
- Acrescente as ações por último — salvar o lead, enviar o e-mail, aplicar a tag.
Ações adicionadas cedo demais costumam acabar no lado errado de um ramo que você ainda não desenhou. Painéis primeiro, ramificações depois, ações por último.
Atualizado: