# Seção de formulário de quiz

A seção "Quiz" no construtor de sites MaviBot é uma ferramenta funcional que permite criar pesquisas e questionários interativos diretamente no seu site.

<figure><img src="/files/590b6a5d9eee3a4c38725dc50c7fbca22c4de0b1" alt="" width="563"><figcaption></figcaption></figure>

Essa ferramenta simplifica a coleta de opiniões e dados dos usuários, tornando as interações com clientes mais envolventes e esclarecedoras. Neste artigo, detalharemos como configurar a seção "Quiz" para maximizar seus benefícios para o seu negócio e melhorar a qualidade do feedback do público.

## Como criar um formulário de quiz

**Para criar um quiz, siga estas etapas:**

**a) Crie um novo site** – se você quiser criar o quiz em um site independente.

**b) Adicione a seção "Quiz"** – se você quiser integrá-lo a um site existente.

Depois de entrar no editor, localize o **"Quiz"** botão no menu.

<figure><img src="/files/8002d1a997c94928f70bda8b89bbdcd7600baa27" alt=""><figcaption></figcaption></figure>

Clique na seção "Quiz" para adicioná-la à página do seu site.

#### Pesquisa página por página

Uma pesquisa página por página (ou quiz) é um formato de questionário em que as perguntas são divididas em várias páginas. Os usuários respondem sequencialmente, avançando de uma página para a próxima. Essa abordagem torna a interação mais conveniente ao apresentar as perguntas individualmente ou em pequenos grupos, em vez de uma única lista longa.

<figure><img src="/files/ad61a6a39f9f1fa3b8b73964699c08e95a3b8f24" alt="" width="375"><figcaption></figcaption></figure>

**Vantagens da pesquisa página por página**

* **Melhor foco:** os usuários não ficam sobrecarregados por uma longa lista de perguntas e podem se concentrar em cada uma individualmente.
* **Maior engajamento:** o formato passo a passo é mais interativo e ajuda a manter o interesse do usuário.
* **Coleta precisa de dados:** o fluxo estruturado permite perguntas mais precisas e possibilita questionamentos adaptativos com base nas respostas anteriores.

Essas pesquisas são ideais para coletar feedback, fazer pesquisas de mercado e gerar leads.

**Primeiros passos**

Depois de criar um site ou adicionar uma seção de quiz, você verá o menu de configuração deste bloco:

<figure><img src="/files/a6e4e36756933f43de5333185d0e14efa4136abf" alt=""><figcaption></figcaption></figure>

Em seguida, no campo "número de páginas", especifique o número necessário de páginas onde suas perguntas ficarão localizadas, sem contar a página inicial e a página de resultados:

<figure><img src="/files/b58bb68812d660b3114207631b4e5c92b22216e1" alt=""><figcaption></figcaption></figure>

Primeiro você precisa clicar em "Criar uma pergunta"

<div><figure><img src="/files/6ad42f2918a09b6c44453cb2b24aabdc4d6bcc98" alt="" width="563"><figcaption><p>Primeiro você precisa clicar em "Criar uma pergunta"</p></figcaption></figure> <figure><img src="/files/b90970572bd87cdf18a1b6187276ae06b2bc562f" alt="" width="375"><figcaption><p>A primeira pergunta - na primeira página</p></figcaption></figure></div>

A primeira pergunta está na primeira página

No conteúdo do menu de configurações, após criar uma pergunta, você encontrará a seguinte lista suspensa:

<figure><img src="/files/a5a853d9e6929342e4efd36b0413a125ac2b76de" alt="" width="563"><figcaption></figcaption></figure>

Cada página do quiz (pesquisa página por página) contém seu próprio conteúdo, que é configurado separadamente das demais.

Por exemplo, na página inicial você pode inserir imagens; nas páginas da pesquisa você pode colocar as próprias perguntas, bem como os formulários de coleta de dados; e nos resultados, o resultado final da pesquisa.

### Páginas da pesquisa

Depois de criar a primeira pergunta, vá preenchê-la:

Etapa 1. Escreva a própria pergunta:

<figure><img src="/files/ef2451d219d407188b79e4dd8e05e70a7c1c92bf" alt="" width="563"><figcaption></figcaption></figure>

Em seguida, selecione o tipo de pergunta:

<div><figure><img src="/files/ac530c35c0a908cca5a0e7806e66dd28a015c631" alt=""><figcaption></figcaption></figure> <figure><img src="/files/560a5f5669f5cc952077657979a0fdae04c7b5b5" alt=""><figcaption></figcaption></figure></div>

Por exemplo, você pode selecionar o tipo "Campo numérico"; assim, seu cliente poderá inserir apenas um valor numérico durante a pesquisa.

Você pode escolher outros tipos de perguntas, dependendo dos resultados que precisa obter e de como pretende contabilizá-los.

{% hint style="info" %}
Para mais informações sobre os tipos de campos, consulte o artigo principal "Respostas do formulário" na seção "Configurações de conteúdo: subseção [Criar uma pergunta](#creating-a-quiz-form).&#x20;
{% endhint %}

Se você escolher tipos de perguntas como "Nome", "E-mail", "Telefone" etc., então não será necessário inserir o texto da pergunta e a resposta a ela nas configurações de conteúdo — tudo é definido antecipadamente pelos desenvolvedores.:

Etapa 2. Adicione respostas, se você tiver selecionado tipos de perguntas nos quais o cliente precisa escolher uma opção de resposta:

<figure><img src="/files/9a2cdf9bfaa69a447572a515c695c95d077d5396" alt="" width="563"><figcaption></figcaption></figure>

Você pode inserir um link para a imagem no campo URL: então a imagem aparecerá no campo com a pergunta:

<figure><img src="/files/7091ca473e913a3674aa27f77cd599f2f8fcdbcf" alt="" width="563"><figcaption></figcaption></figure>

Para isso, faça upload da imagem necessária para o armazenamento de arquivos:

<figure><img src="/files/fbf45c4efb01cc969e68d81c3bcc42bfe19c4f18" alt="" width="265"><figcaption></figcaption></figure>

E depois que a imagem for enviada, copie o link para ela:

<figure><img src="/files/c11f1d2e72fbab2dff2b412d5b8f81efb74165b8" alt=""><figcaption></figcaption></figure>

Cole o link no campo URL, e a imagem aparecerá na barra da pergunta desejada:

<figure><img src="/files/e5a98f4b36c8e409633b3f206a6527a11ff17f1e" alt=""><figcaption></figcaption></figure>

Em seguida, se você preencher o campo "Resposta livre", seu usuário poderá inserir a resposta à pergunta em formato livre:

<figure><img src="/files/828a1d5dd16806fe7064df3b14d32d05a75501bb" alt="" width="563"><figcaption></figcaption></figure>

Nesse campo, insira um valor de texto, por exemplo, "Resposta livre" ou "Sua resposta":

<figure><img src="/files/ac0f12ffb2eb0c7714c0345b3513da31f399de7b" alt="" width="563"><figcaption></figcaption></figure>

Então o cliente poderá inserir a resposta à pergunta em formato livre:

<figure><img src="/files/3826edaf34cfc8472f2420316a7e56e3d02e0fdb" alt=""><figcaption></figcaption></figure>

Etapa 3. A variável

Você pode definir sua própria variável para coletar dados no sistema ou manter o nome definido para a variável:

<figure><img src="/files/c8d86eac50497847f0d9160e29872ee41d2aa386" alt="" width="563"><figcaption></figcaption></figure>

O valor escolhido pelo seu cliente ficará dentro da variável.

Etapa 4. Pergunta obrigatória&#x20;

Se você precisar que o cliente responda à pergunta criada, use esta caixa de seleção:

<figure><img src="/files/4528e089ef8829ab69eb7fdbd2656384afc1a874" alt="" width="375"><figcaption></figcaption></figure>

Ao ativar a caixa de seleção "Pergunta obrigatória", o cliente não poderá enviar o formulário se não fornecer uma resposta à pergunta obrigatória.

Essa caixa de seleção pode ser definida em qualquer tipo de pergunta: tanto ao escolher uma opção de resposta quanto quando o cliente insere um número de telefone ou e-mail.

Etapa 5. Adicione as seguintes perguntas à página

Para adicionar qualquer quantidade necessária de perguntas na página atual, encontre o botão "Adicionar pergunta" abaixo da pergunta anterior:

<figure><img src="/files/d88212a9d5d3771ccd71744433096ab95be7810d" alt="" width="375"><figcaption></figcaption></figure>

Então você verá o próximo painel com as configurações da pergunta:

<figure><img src="/files/fe1e173b93173cd88f3833ed4345188e3f87fecf" alt="" width="375"><figcaption></figcaption></figure>

As configurações das perguntas recém-adicionadas são idênticas às das etapas 1-4.

Etapa 6. Configure a próxima página.

Depois de configurar totalmente a página 1, dependendo do número de páginas instaladas na configuração, você precisará prosseguir para a configuração da segunda (e depois da terceira, quarta etc.) página. Para isso, role para cima e encontre a lista suspensa com a opção de configurações da página:

<figure><img src="/files/d08936b39429f006753a05fa4f7b666ca04e42d8" alt="" width="563"><figcaption></figcaption></figure>

Selecione a página que deseja configurar e clique nela:

<figure><img src="/files/1af6b65490f329ae094fad34e973eba92f7dcaed" alt="" width="563"><figcaption></figcaption></figure>

Aqui você verá o botão "Adicionar outra pergunta".

{% hint style="success" %}
As perguntas nas páginas seguintes são configuradas de forma semelhante às etapas 1-5.
{% endhint %}

### Página inicial

As configurações da página inicial e da página de resultados são opcionais, então, se você não quiser personalizar a capa do seu quiz, pode pular essa etapa, e então seu cliente verá imediatamente as perguntas da primeira página.

Se, por exemplo, você precisar personalizar a capa do seu site, encontre a lista suspensa com as páginas e clique em "Página inicial":

<figure><img src="/files/8d9ed74e2591e0c01088a53b66aa220f38ada4a0" alt="" width="563"><figcaption></figcaption></figure>

Selecione a página inicial.

Etapa 1. Crie uma página inicial:

<figure><img src="/files/813405b866d34c39582c14ffa95cf9363c25442d" alt="" width="563"><figcaption></figcaption></figure>

Você verá as configurações para envio da imagem, título e subtítulo.

Etapa 2. Escreva o Título e o Subtítulo da página inicial

Os campos Cabeçalho e Subtítulo são opcionais, mas, por exemplo, você pode especificar uma oferta exclusiva para atrair clientes:

<figure><img src="/files/9874b6278f99259bb0c02dbbfe72ce0e01b17821" alt="" width="563"><figcaption></figcaption></figure>

As configurações dos elementos de texto dos quizzes são semelhantes às de qualquer editor de texto: você pode escolher negrito, itálico, sublinhado, tamanho da fonte, cor, alinhamento e muito mais:

<figure><img src="/files/045b32bb46e63b2b350ef96df6155c93b47a111d" alt="" width="563"><figcaption></figcaption></figure>

Etapa 3. Envie a imagem.

Adicione uma imagem para deixar a seção e a página inicial mais coloridas:

<figure><img src="/files/adda6e8cc729fdbe92f1c4b949af5f7c77358966" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Pronto!

Você conseguiu configurar a página inicial da pesquisa página por página.
{% endhint %}

## Como adicionar botões de mensageiros à seção de quiz?

Primeiro, recomendamos mudar para a edição de conteúdo:

<figure><img src="/files/12af1b2534e188d927ed28f5660620c669c025c3" alt=""><figcaption></figcaption></figure>

E adicionar caixas de seleção ao formulário de consentimento para tratamento de dados:

<figure><img src="/files/0ea785dcad9e2055a7d7ee4d917742fceb26056a" alt=""><figcaption></figcaption></figure>

Passe o mouse sobre a seção para encontrar o botão "Configurações".

<figure><img src="/files/78028d26002665a31f5abd5f927732e4f5a0bf0f" alt=""><figcaption></figcaption></figure>

Clique no botão e o menu de configurações será aberto à direita:

<figure><img src="/files/e26df40d01786c0ccb91f99f37815c71f81003a8" alt=""><figcaption></figcaption></figure>

Agora expanda o menu suspenso "Configurações do botão":

<figure><img src="/files/cfd2f8fa749d01407544be0d7143967afadcaced" alt=""><figcaption></figcaption></figure>

E clique no botão "Mensageiros":

<figure><img src="/files/8045678ff1a98dbb121cd9ad97899bbea868148d" alt=""><figcaption></figcaption></figure>

Você verá uma lista de mensageiros cujos botões podem ser adicionados ao formulário do quiz. Marque as caixas dos botões que você deseja exibir na página:

<figure><img src="/files/5d07c679f3772e28f6865ed90263fe200f859baf" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Atenção!&#x20;

Somente os botões de mensageiros conectados na seção "Canais" serão exibidos.
{% endhint %}

Em seguida, você pode personalizar o botão conforme desejar clicando em "Personalizar" na linha:

<figure><img src="/files/0e54674895fd1b853c4f4ed00adfbce2c000c151" alt="" width="563"><figcaption></figcaption></figure>

Por exemplo, você pode personalizar um botão para combinar com a paleta de cores do seu site, adicionar texto etc:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/websites/sites/blocks/secao-de-formulario-de-quiz.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.