> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Novo Quiz

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/newquiz.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=4a1e282d0ab306f6884d461286450958" width="990" height="900" data-path="images/newquiz.png" />

Quer entender melhor o seu visitante e ao mesmo tempo tornar sua página muito mais interativa?

O elemento Quiz é perfeito pra isso! Ele permite criar perguntas simples, com uma ou múltiplas opções de resposta e o melhor, com modelos visuais e divertidos, como emojis, imagens ou botões personalizados. Ideal para prender a atenção do usuário!

**Aba "Conteúdo"**

Aqui é onde você define o formato das opções e os botões que o usuário vai clicar.

* Formato: Escolha se os botões aparecem em Coluna ou Lista.

* Modelo: Pode ser Texto, Imagem, Ícone ou Emoji.

* Posição: Define onde o conteúdo visual do botão aparece (esquerda, direita, topo ou base).

* Alinhamento: Centraliza ou alinha os botões à esquerda ou direita.

* Múltipla resposta: Se ativado, o usuário pode marcar mais de uma opção.

**Opções (Botões)**

Cada opção do quiz é um botão editável:

* Você pode alterar o texto, emoji, ícone ou imagem de cada botão.

* Pode duplicar, reordenar ou excluir os botões como quiser.

**Checkbox (opcional)**

Escolha essa opção para exibir um marcador circular de seleção na esquerda ou na direita do quiz.

Você pode personalizar:

* Posição

* Tamanho

* Borda

* Espaçamento

* Arredondamento

* Cor da borda

* Cor do fundo

**Texto**

Controla o texto dentro do botão. É possível exibir ou ocultar o texto no botão mostrar.

Outras configurações:

* Tamanho da fonte

* Altura da linha

* Espaçamento

* Padding

* Cor do texto e do fundo

* Borda arredondada

**Variável**

Use este campo para armazenar a resposta escolhida e usá-la mais tarde no quiz. Por exemplo, você pode guardar o gênero, a idade ou as preferências da pessoa para personalizar o resultado final ou direcionar o conteúdo.

Pense na variável como uma "etiqueta" que guarda o que o usuário respondeu.

Basta selecionar ou criar uma variável.

**Aba "Container"**

Permite estilizar o bloco inteiro onde está o quiz. É aqui que você personaliza o visual externo:

* Bordas: estilo, cor, arredondamento e lados.

* Fundo: cor sólida, gradiente linear ou radial.

* Padding: define o espaçamento interno do container.

* Animação: define como esse bloco vai aparecer na página.

* Delay: você pode definir um atraso para ele aparecer.

**Dica de uso!**

Use o elemento Quiz logo no início do seu funil para gerar engajamento imediato. Comece com perguntas simples e visuais (com emojis ou imagens) para estimular o clique.
Isso aumenta o tempo de permanência e deixa o visitante mais envolvido com a experiência.
