> ## 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.

# Formulário

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

O elemento Formulário permite capturar dados do usuário, como nome, e-mail, telefone ou qualquer outro tipo de informação. É ideal para páginas de cadastro, contato ou personalização de resultados no quiz.

**Para que serve:**

* Coletar nome, e-mail, telefone ou qualquer dado personalizado.

* Criar formulários de contato ou conversão.

* Personalizar a experiência com base nas informações preenchidas.

**O que você pode configurar:**

**Animação:**

* Defina como o formulário aparecerá na tela (ex: Aparecer).

**Campos:**

* Título: nome do campo (ex: Nome, E-mail, Telefone).

* Tipo: escolha o tipo de dado (Texto, E-mail, Número, etc.).

* Placeholder: texto exibido dentro do campo antes do preenchimento.

* Ícone: selecione um ícone visual para ilustrar o campo.

**Botão de envio:**

* Personalize o texto (ex: Enviar, Continuar).

* Estilize com cores e formatação.

* Altere a animação de entrada.

**Cores Personalizadas:**

* Fundo: cor do fundo.

* Foco: cor do botão.

* Bordas: cor das bordas dos campos.

* Texto: cor do texto e placeholder.

**Salvar resultado em variável (obrigatório)**

Para que os dados do formulário (como nome, e-mail, telefone etc.) sejam registrados corretamente, é necessário criar e selecionar uma variável para cada campo.
Essa variável funciona como um “porta-dados”, que guarda a informação digitada pelo usuário — e permite que ela seja usada em outras etapas do quiz ou enviada para ferramentas externas (como CRMs e automações de e-mail).

**Exemplo:**

* Nome → variável: nome

* E-mail → variável: email

Assim, você pode usar esses dados no resultado final, ou enviar para o RD Station, ActiveCampaign e mais.
Sem uma variável, o campo não será salvo e o formulário não poderá ser preenchido ou enviado durante o quiz.

**Dica de uso:**

Use o formulário no início para capturar dados do lead, ou no final para fazer uma oferta personalizada. Combine com redirecionamento para enviar o usuário a uma nova página ou sistema externo.
