Como criar um questionário em seu site

Acesse a Block Library → a categoria Form → selecione o bloco QZ101 ou uma de suas variações (QZ101A-QZ101F). As variações diferem em termos de design, disponibilidade de consultores e ramificação de respostas.

Um questionário pode ser posicionado em qualquer lado da página (com largura ajustável em colunas e altura em pixels), esticado em tela cheia ou exibido em um pop-up.

É possível configurar isso na guia Settings → Main settings do bloco de questionário. Com a opção "Open block in pop-up" (Abrir bloco em pop-up) ativada, uma guia adicional com as configurações de pop-up aparecerá na guia Settings (Configurações).

Na guia Main Settings (Configurações principais), você também pode especificar como os campos do formulário serão organizados e se o consultor fará parte do formulário.

A guia "Quiz form style" (Estilo do formulário de questionário) permite personalizar o design do próprio formulário de questionário, incluindo o raio da borda, a cor da borda e as cores de fundo do cartão e do painel. Você também pode ajustar a aparência de elementos como o indicador de progresso, o contador de etapas e os componentes do painel do consultor.

As outras guias (Form Input Style, Buttons, Typography, Animation) têm configurações semelhantes ou idênticas às encontradas em outros blocos da categoria "Form".

Para configurar as etapas do questionário, vá até a guia Content (Conteúdo) do bloco com o formulário de questionário → guia "Quiz form steps" (Etapas do formulário de questionário).

Uma etapa representa cada pergunta ou tela do questionário. O novo bloco oferece vários tipos de etapas:


Cover

Essa é a primeira etapa do questionário, que você pode personalizar adicionando um texto envolvente e uma foto. Esse tipo de etapa tem uma finalidade semelhante no questionário, como a seção de herói tem em uma página de destino: Atrair a atenção, destacar os principais benefícios de concluir o teste e motivar os usuários a participar.

Tipos de etapa: Pergunta com respostas, Pergunta com respostas de imagem, Quantidade (controle deslizante de intervalo)

Essas etapas formam o núcleo interativo do questionário. Elas são usadas para fazer perguntas e fornecer opções de resposta. Também é possível adicionar uma mensagem personalizada do consultor para cada pergunta específica e aplicar a lógica de ramificação - as etapas subsequentes serão exibidas com base nas respostas anteriores do usuário.

Tipo de etapa: Formulários de contato

Esse tipo de etapa permite criar uma tela com um formulário para coletar as informações de contato do visitante, que pode ser usado como a etapa final do questionário. Você pode incluir vários campos de dados e configurar uma mensagem principal e uma mensagem de consultor.

Tipo de etapa: Etapa de vários campos

Esse tipo de campo permite criar uma tela com um formulário que inclui campos personalizados. Ao contrário do formulário de contato, essa tela mostra apenas os próprios campos, sem mensagens adicionais.

Tipos de etapas: Resultado: conteúdo (imagem + texto) e Resultado: redirecionamento

Esses tipos de etapas permitem concluir logicamente o questionário - seja com uma tela final que inclua texto como uma mensagem de agradecimento e uma imagem ou redirecionando para uma página desejada (como uma página com ofertas promocionais atuais). Também é possível usar a lógica de ramificação para criar diferentes telas finais possíveis que serão exibidas com base nas respostas anteriores dos usuários.

Outros tipos de etapa têm os mesmos nomes e funcionam de forma semelhante aos tipos de campo em formulários padrão. Ao adicionar uma dessas etapas, será exibida uma nova tela com um único campo. Para saber mais sobre todos os tipos de campos disponíveis, consulte o guia Como configurar formulários de captura de dados.

Em algumas etapas do questionário, você pode adicionar um consultor virtual - uma mensagem personalizada de uma pessoa real, como um de seus funcionários - que ajudará a orientar o visitante durante o questionário, oferecendo dicas ou incentivo.

Para configurar a aparência geral do painel, incluindo a cor do plano de fundo, a cor do plano de fundo da mensagem do consultor e as configurações para a exibição da imagem do ícone, acesse a guia Settings (Configurações) do bloco → Quiz form style (Estilo do formulário de questionário).

Na guia Content (Conteúdo) do bloco → Other (Outros), você pode especificar o nome do consultor, carregar a imagem dele e adicionar uma mensagem geral. Essas informações serão exibidas em todas as etapas do formulário do questionário que incluam campos de entrada.

Você pode especificar uma mensagem exclusiva do consultor para cada etapa individualmente. Para fazer isso, vá até a etapa desejada e clique em "More: visibility conditions, consultant" (Mais: condições de visibilidade, consultor).

A lógica de ramificação, ou condições de visibilidade para campos, é um recurso que permite mostrar ou ocultar campos específicos com base nos valores inseridos em etapas anteriores. Em outras palavras, você pode controlar quais campos ou perguntas são exibidos, dependendo das respostas do usuário.

Isso é especialmente útil em um questionário com várias opções, pois a ramificação aumenta a interatividade e a personalização, apresentando perguntas de acompanhamento relevantes e adaptando o resultado final.

Para saber mais sobre ramificação, consulte o artigo Como adicionar lógica de ramificação aos formulários Tilda Online ou assista ao tutorial em vídeo abaixo.

Para coletar dados do questionário, conecte um ou mais serviços de coleta de dados de terceiros. Escolha o serviço com base em seus objetivos e preferências. Para obter uma lista de todos os serviços integrados disponíveis e instruções sobre como conectá-los, consulte o guia ou o tutorial em vídeo abaixo.