As abas de propriedades do painel
Para que serve cada uma das sete abas de uma tela — a pergunta, o layout, os textos, as configurações de página, as cores, as imagens e o rastreamento.
Abra uma etapa de painel e você verá Propriedades do Painel, com sete abas. Veja para que serve cada uma.
#Interação — a pergunta
A aba que você mais vai usar. É ela que define o que esta tela pergunta.
| Campo | O que faz |
|---|---|
| Pergunta / Descrição | O texto que o visitante lê acima do campo de resposta. |
| Identificador (Nome da Variável) | O nome sob o qual a resposta é guardada. Curto e em maiúsculas — NAME, EMAIL, BUDGET. |
| Tipo de Entrada | Que tipo de resposta: texto, e-mail, botões, uma data, um upload. Veja Tipos de pergunta e resposta. |
| Rótulo do Botão Próximo/OK | O texto do botão que avança. O padrão é OK. |
| Método de Validação | O que conta como resposta aceitável. |
| Adicionar ao Dataset | Opcionalmente, arquiva esta resposta em uma das suas tabelas de dados. |
A aba lembra você de como reutilizar a resposta depois: um identificador NAME
vira $NAME.
Deixe a pergunta e o tipo de entrada vazios e a tela simplesmente mostra o conteúdo com um botão para avançar — que é exatamente o que você quer em uma tela de boas-vindas ou de agradecimento.
#Métodos de validação
| Método | O que aceita |
|---|---|
| Sem Validação | Qualquer coisa. |
| Validação Padrão | O que couber ao tipo de entrada — um endereço de e-mail real em um campo de e-mail, e assim por diante. |
| Padrão de Máscara | Um formato que você define. Use 9 para dígito, A para letra e * para qualquer caractere. 99999 é um código de cinco dígitos. |
| Intervalo Mín/Máx | Um valor ou comprimento entre dois limites. Em uma lista de seleção múltipla, isso passa a ser quantas opções podem ser marcadas. |
| Deve Ser da Lista | Uma resposta válida por linha; qualquer outra coisa é recusada. |
| Webhook Externo | Outro sistema decide. O Tayon chama esse sistema e aceita ou recusa conforme a resposta. |
Você pode escrever sua própria Mensagem de Erro de Validação, para que uma resposta recusada diga algo útil em vez de algo genérico.
#Template — o layout
Escolha o layout visual desta tela entre os templates disponíveis. O template decide quais espaços de conteúdo, de cor e de imagem existem — por isso as abas Conteúdo, Cores e Imagens pedem que você selecione um template primeiro enquanto você não tiver escolhido nenhum.
#Conteúdo — os textos
O texto que preenche o template escolhido: o título, o subtítulo, o corpo e qualquer espaço que o template defina. Alguns espaços contam os caracteres contra um limite conforme você digita.
Dependendo do template, é aqui também que você coloca a URL de um vídeo (YouTube, Vimeo e outros links de embed são suportados), um link de agendamento, a URL de um botão ou HTML puro.
Você pode usar variáveis aqui. Thanks $NAME em uma tela depois da pergunta do
nome devolve o nome na tela.
#Configurações — a página
Duas coisas, e nenhuma delas é óbvia pelo nome da aba:
- Nome da Página — um nome opcional que permite ligar diretamente para esta tela, para você mandar alguém direto ao meio do fluxo em vez do começo.
- Mostrar Rodapé — se o rodapé do site aparece nesta tela. Desligá-lo é comum em uma tela de abertura que ocupa a tela inteira.
Ela também mostra o identificador publicado desta etapa, ou ainda não publicado se a etapa nunca passou por uma publicação.
#Cores — só desta tela
Sobrescreve as cores do site inteiro nesta tela. Fundos, título, subtítulo, corpo de texto, botões — quaisquer espaços que o template ofereça.
Use com moderação. Uma tela de encerramento com o fundo invertido parece proposital; cinco telas ligeiramente diferentes entre si parecem defeito. Defina os padrões para o site inteiro em Configurações → Marca e sobrescreva aqui só onde você realmente quer.
#Imagens — só desta tela
Selecione ou substitua as imagens que este template usa. Você escolhe na sua galeria de imagens ou envia uma nova — PNG, JPG ou GIF de até 10 MB.
#Rastreamento — a análise
Dispare um evento de analytics quando um visitante chega a esta tela.
| Campo | Uso |
|---|---|
| Evento do Meta Pixel | Um nome de evento padrão — Lead, CompleteRegistration, Contact, ViewContent, AddToCart, Purchase. |
| Gatilho do Google Tag | Um nome de evento enviado ao Google Tag Manager. |
| Script Personalizado do Painel | JavaScript que roda quando esta tela é exibida. |
Os IDs do Pixel e do Tag em si são definidos uma única vez para o site inteiro em Configurações → Rastreamento. Estes campos por tela apenas dizem qual evento disparar e onde.
#Salvar
Salvar nas propriedades guarda a etapa. Você ainda precisa de Salvar Fluxo e depois Publicar antes que um visitante veja qualquer coisa disso.
Atualizado: