# XQuiz V2
Source: https://docs.xquiz.com.br/pt-BR/atualizacoes/xquiz-v2

A nova geração do XQuiz: um sistema otimizado em desempenho, estabilidade e experiência de uso.

<iframe />

Um sistema reconstruído do zero para ser mais rápido, estável e completo. Não é só uma mudança visual nem apenas mais agilidade para criar funis: é uma otimização geral do sistema, do desempenho à experiência de uso.

Cada parte foi repensada a partir do uso real dos clientes, deixando a plataforma mais sólida hoje e preparada para evoluir com novos recursos com muito mais frequência.

## O que muda?

A nova versão não melhora só um detalhe ou outro: ela otimiza a plataforma como um todo. Entre os principais ganhos:

* **Desempenho:** carregamento e edição mais rápidos, com uma base técnica modernizada.
* **Estabilidade:** uma plataforma mais sólida e confiável no dia a dia.
* **Experiência de uso:** interface mais clara e fluida para criar, editar e organizar seus funis.
* **Evolução contínua:** uma fundação preparada para receber novos recursos com muito mais frequência.

Muitas dessas mudanças nasceram de pedidos de quem usa o XQuiz todos os dias para vender, capturar leads, segmentar públicos e validar ofertas. A ideia é melhorar o que já existe e abrir espaço para tudo o que ainda vem por aí.

## Migração da versão anterior

O **XQuiz V2** é um sistema totalmente novo e, por isso, não é compatível com vários recursos da versão anterior. Não existe migração automática de contas: para usar a V2, você precisa criar uma conta e uma assinatura novas, independentes da sua conta na versão antiga.

<Warning>
  Sua conta e sua assinatura da versão anterior **não** são transferidas
  automaticamente. Para acessar o XQuiz V2 é necessário criar uma conta nova.
</Warning>

A boa notícia é que você consegue **importar os funis que criou no XQuiz V1**. Essa é a parte mais importante e onde você investe mais tempo e energia: a criação e a edição do funil. Assim, você não começa do zero e leva o seu trabalho para a nova versão.

Ficou com alguma dúvida sobre a migração? É só entrar em contato com o nosso suporte.

## Teste a nova experiência

Acesse o XQuiz V2 e veja na prática como ficou criar e editar os seus funis.

[Entrar no XQuiz V2](https://app.v2.xquiz.com.br/)


# Introdução
Source: https://docs.xquiz.com.br/pt-BR/comecando/introducao

Bem-vindo ao XQuiz!

O **XQuiz** é uma plataforma inovadora para a criação de funis de vendas interativos por meio de quizzes estratégicos. Com ele, empresas e empreendedores conseguem capturar leads qualificados, segmentar públicos e aumentar as conversões na venda de produtos e serviços digitais.

<img />

Com nosso fluxo 100% arrasta e solta, você pode criar um funil inteiro em apenas alguns cliques, sem precisar entender de programação ou perder tempo com coisas complexas.

Além disso, o XQuiz oferece integrações com CRMs, automação de marketing e outras soluções, tornando-se um recurso poderoso para estratégias de marketing digital e vendas online.

### Dashboard

Aqui você encontrará todas as respostas que procura para aprender a aproveitar ao máximo o potencial desta ferramenta. Você também pode usar a caixa de busca para encontrar rapidamente as respostas que procura.

<img />

No canto superior direito da plataforma XQuiz, você vai encontrar uma barrinha com alguns ícones importantes. Aqui vai o que cada um deles faz:

### Botão de tema

O ícone de sol serve para mudar o visual da plataforma.
Clique uma vez e o tema muda de claro para escuro, ou vice-versa, conforme sua preferência.
Ideal para trabalhar de forma mais confortável, principalmente se você passa muito tempo no computador.

### Botão de assinatura

O ícone logo ao lado (com dois círculos e uma mão) leva você para os detalhes da sua assinatura.
Lá você pode ver seu plano atual, status e vencimento da assinatura, também é possível verificar o consumo e limites da sua conta.

### Idioma da plataforma

No botão com a sigla "BR PT", você pode trocar o idioma do sistema.
Clique nele e escolha entre:

* Português
* Inglês
* Espanhol

A interface será atualizada automaticamente.

### Sair da conta

E por fim, o botão com a setinha para fora é o logout.
Clique nele para sair da sua conta com segurança.


# Pastas
Source: https://docs.xquiz.com.br/pt-BR/comecando/pastas

Organize seus projetos com as nossas pastas

<img />

Se você trabalha com vários quizzes e funis, manter tudo organizado é essencial e o XQuiz facilita isso com o botão “Nova Pasta”, como mostra a imagem acima.

**Para que serve?**

Criar uma pasta ajuda a organizar seus projetos dentro da plataforma. Assim, você pode agrupar quizzes por campanha, cliente, nicho ou estratégia, como preferir.

**Como usar**

* Clique no botão “Nova Pasta”.

* Dê um nome para sua pasta (ex: “Campanha Black Friday” ou “Funis para WhatsApp”).

* Pronto! Agora você pode mover seus projetos para dentro desta pasta.

**Dica importante!**

Não é obrigatório usar pastas, mas se você tem mais de 3 ou 4 projetos, isso vai facilitar muito sua vida na hora de localizar e gerenciar seus funis.

## Como mover seus projetos para dentro das pastas

<img />

Depois que você criar uma pasta, é muito fácil organizar seus projetos dentro dela. Veja como fazer:

* Clique e segure no projeto que você deseja mover.

* Arraste ele até a pasta desejada.

* Quando a pasta ficar destacada, solte o projeto em cima dela.

Pronto! O projeto será automaticamente movido para dentro da pasta.
Você pode repetir esse processo quantas vezes quiser e organizar tudo de forma simples e visual, como se estivesse arrastando arquivos no seu computador.

## Como remover um projeto de dentro de uma pasta

<img />

Se você colocou um funil dentro de uma pasta e depois quiser tirar, o processo é bem simples e funciona com o mesmo sistema de arrastar e soltar.

**Veja como fazer**

* Entre na pasta onde está o projeto (basta clicar sobre ela).

* Localize o funil que você quer mover de volta.

* Clique, segure e arraste o projeto para a parte esquerda da tela.

* Quando aparecer um retângulo azul, significa que é o local certo para soltar.

* Solte o projeto dentro desse retângulo.

Pronto! O funil será removido da pasta e voltará para a página inicial dos projetos.

**Importante saber!**

Isso não exclui o funil, apenas muda a sua posição.
Você pode mover os projetos quantas vezes quiser entre pastas ou para fora delas.

## Editando ou apagando uma pasta

<img />

Se você criou uma pasta e depois quiser editar o nome ou removê-la, isso também é bem simples dentro do XQuiz.

Passe o mouse sobre a pasta. Dois ícones vão aparecer no canto superior direito da pasta.

**Editar nome da pasta**

Clique no ícone de lápis.

Uma caixinha vai abrir para você digitar um novo nome. Depois é só confirmar.

**Excluir pasta**

Clique no ícone de lixeira.

Uma mensagem de confirmação será exibida. Ao confirmar, a pasta será apagada definitivamente.

**Atenção!**

Ao excluir uma pasta, os projetos que estavam dentro dela não são excluídos, eles voltam para a tela inicial dos seus projetos.


# Projetos
Source: https://docs.xquiz.com.br/pt-BR/comecando/projetos

Criando o seu primeiro projeto

<img />

Se você vai criar seu primeiro funil ou quiz, o primeiro passo é iniciar um novo projeto. E isso é super simples!

**Clique em “Novo Projeto”**

Na tela inicial, clique no quadrado com o ícone de página e o texto “Novo Projeto” (como mostra a imagem acima).

## Escolha como começar

<img />

Assim que você clicar em "Novo Projeto", o XQuiz vai mostrar quatro opções:

**Criar do zero**

Aqui você começa com uma página em branco.
Ideal se você quiser montar um funil totalmente personalizado.

**Importar projeto**

Se você recebeu um funil de outra pessoa que também usa o XQuiz, ou quer reaproveitar um projeto seu salvo anteriormente, é possível importar esse funil direto para sua conta.
O arquivo precisa estar no formato JSON. Esse arquivo deve ter sido exportado de outro projeto do próprio XQuiz.
Não é possível importar funis criados em outras plataformas ou sistemas.

**Como importar**

Clique em “Importar Projeto”, selecione o arquivo .json que você recebeu ou salvou.
O funil será carregado automaticamente na sua conta, pronto para ser editado ou publicado.

**Modelos prontos (novidade!)**

O XQuiz oferece alguns modelos prontos, que você pode usar como base.
É só escolher um modelo, editar o conteúdo e publicar.
Ótimo para ganhar tempo, especialmente se você está começando.

**Marketplace (em breve)**

Essa opção estará disponível futuramente.
A ideia será comprar e vender funis prontos direto pela plataforma.

## Duplicar ou excluir um projeto

<img />

Depois de criar um projeto (funil), você pode querer fazer uma cópia dele ou até mesmo removê-lo. O XQuiz permite isso de forma rápida e prática.

**Como acessar as opções**

Basta passar o mouse sobre o projeto que deseja editar. No canto superior direito do card, aparecerão dois ícones:

* #### Duplicar projeto

Ícone com dois quadrados sobrepostos. Ao clicar e confirmar o XQuiz cria uma cópia idêntica do funil, com tudo configurado. Ideal para usar como base em novos projetos.

* #### Excluir projeto

Ícone da lixeira. Ao clicar, será exibida uma confirmação. Após confirmar, o projeto será removido da sua conta.

**Importante!**

A duplicação é ótima para testar variações de um funil. Já a exclusão, use com cuidado, uma vez removido, o projeto não pode ser recuperado.


# Compartilhe
Source: https://docs.xquiz.com.br/pt-BR/projeto/compartilhar

Aba Compartilhe – Divulgue ou transfira seu projeto

<img />

A aba Compartilhe do XQuiz é onde você encontra tudo o que precisa para divulgar seu projeto ao público ou exportar seu funil para usar em outra conta.

**Veja os dois blocos principais dessa área**

**Links Públicos**

Aqui estão os links públicos do seu projeto, ou seja, os URLs que você pode compartilhar para que outras pessoas acessem seu quiz.
Você verá dois links:

* Um com o domínio xpages.co

* Outro com o domínio xquiz.io

**Como copiar o link**

Clique com o botão direito do mouse sobre o link desejado e selecione “Copiar endereço do link”. Depois é só colar onde quiser, redes sociais, e-mail, anúncios, etc.

**Importante!**

Logo abaixo, há um aviso recomendando usar um domínio próprio. Isso acontece porque os domínios do XQuiz (como xquiz.io e xpages.co) podem, em casos raros, sair do ar por denúncias. Usar um domínio seu garante mais segurança e estabilidade para divulgar o quiz.

**Exportar Projeto**

Com essa opção, você pode exportar o projeto completo (com layout, lógica, configurações, etc.) para um arquivo. Esse arquivo pode ser importado em outra conta do XQuiz, o que é ideal para quem:

* Cria funis para clientes;

* Trabalha em equipe e precisa transferir projetos;

* Quer fazer backup do quiz.

Basta clicar em **Exportar Projeto** para gerar o arquivo no formato json.


# Configurações
Source: https://docs.xquiz.com.br/pt-BR/projeto/configuracoes

Aba Configurações – Controle técnico e estratégico do seu projeto

<img />

A aba Configurações do XQuiz é onde você define as informações fundamentais do seu projeto, conecta domínios próprios, integra ferramentas externas e insere scripts para rastreamento e monitoramento.

**Informações Básicas**

* Nome do Projeto: Nome interno para sua organização dentro da plataforma.

* URL do Projeto: Parte personalizável do link do seu quiz (ex: seuquiz.xquiz.io).

* Domínio do Projeto: Aqui você escolhe se vai usar um dos domínios padrão do XQuiz ou um domínio personalizado (caso já tenha adicionado um).

**Domínios**

* Novo Domínio: Permite conectar seu próprio domínio (ex: meusite.com) para divulgar o quiz com mais segurança e credibilidade.

Essa é a melhor forma de evitar bloqueios ou instabilidade nos links, como explicado na aba “Compartilhe”.

**Tráfego e Monitoramento**

* Título do Site: Nome que aparece na aba do navegador.

* Descrição do Site: Pode aparecer nos buscadores (dependendo da configuração do domínio).

* Script de Cabeçalho: Aqui você cola códigos como Google Analytics, Meta Pixel, Hotjar, etc. O script é inserido no head da página, ideal para rastreamento de acessos e eventos.

**Integrações – Conecte ferramentas externas ao seu quiz**

A seção Integrações permite que você conecte o XQuiz com serviços externos de monitoramento e rastreamento para acompanhar o comportamento dos visitantes e otimizar suas campanhas.

Atualmente, é possível integrar com:

* **Meta Pixel**

Permite rastrear eventos e conversões diretamente no Facebook/Instagram Ads. Ideal para otimizar campanhas e criar públicos personalizados com base em quem interage com seu quiz.

* **UTMify Pixel**

Ferramenta exclusiva para identificar, rastrear e categorizar tráfego de campanhas usando UTMs. Ótima para saber exatamente de onde vêm seus leads e quais campanhas estão performando melhor.

* **Google Tag Manager (GTM)**

Com o GTM, você pode centralizar e gerenciar várias tags (como Google Analytics, Hotjar, etc.) em um só lugar, sem precisar editar o código diretamente.


# Estatísticas
Source: https://docs.xquiz.com.br/pt-BR/projeto/estatisticas

Aba Estatísticas – Acompanhe o desempenho do seu quiz

<img />

A aba Estatísticas do XQuiz permite que você acompanhe, em tempo real, como as pessoas estão interagindo com cada parte do seu quiz. Essa visão é essencial para entender onde os usuários estão saindo, quais perguntas têm mais retenção e como está o engajamento geral.

**O que você vê no painel?**

Cada página mostra dois indicadores:

* **Retenção:** porcentagem de pessoas que chegaram até aquele ponto do funil.

Ex: Se 100 pessoas começaram e 80 chegaram à Pergunta 2, a retenção ali será de 80%.

* **Visualizações:** número total de vezes que aquele bloco específico foi exibido.

Esses dados ajudam a identificar gargalos no funil, ou seja, pontos onde os usuários estão desistindo ou perdendo o interesse.

**Filtro por período**

No canto superior direito, há um menu suspenso onde você pode selecionar o período de análise. As opções incluem:

* Hoje.

* Últimos 7 Dias.

* Últimos 15 Dias.

* Este Mês.

* Mês Passado.

* Período Máximo.

* Customizado.

Isso permite analisar o desempenho do seu quiz de forma dinâmica e comparativa, ideal para ver os efeitos de uma campanha, mudança de layout ou nova divulgação.

**Por que isso é útil?**

Com esses dados você pode:

* Ver onde as pessoas estão abandonando o quiz.

* Testar melhorias (como mudar imagens, textos ou perguntas).

* Tomar decisões mais estratégicas para aumentar a conversão e engajamento.


# Accordion
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/accordion

Elemento expansível para organizar conteúdo em seções colapsáveis

<img />

O elemento Accordion serve para organizar informações em seções expansíveis e colapsáveis, permitindo que os usuários vejam apenas o conteúdo que desejam, mantendo a interface limpa e organizada.

**Para que serve**

* Organizar informações em seções colapsáveis para economizar espaço.

* Criar FAQs (Perguntas Frequentes) interativas.

* Apresentar conteúdo detalhado de forma organizada e acessível.

* Melhorar a experiência do usuário com navegação intuitiva.

* Reduzir a sobrecarga visual mantendo informações importantes acessíveis.

**O que você pode configurar**

**Modo de Abertura:**

* **Único:** Apenas um item pode estar aberto por vez (comportamento padrão).

* **Múltiplo:** Vários itens podem estar abertos simultaneamente.

**Conteúdo dos Itens:**

* **Título:** Texto principal de cada seção com formatação rica (negrito, itálico, cores, etc.).

* **Descrição:** Conteúdo detalhado de cada seção com editor completo de texto.

* **Variáveis:** Insira variáveis dinâmicas tanto no título quanto na descrição.

**Configurações de Conteúdo:**

* **Mínimo:** 1 item obrigatório.

* **Máximo:** 10 itens por accordion.

* **Formatação:** Editor completo com toolbar para formatação avançada.

**Estilos Visuais:**

* **Borda:** Cor das linhas separadoras entre os itens.

* **Título:** Cor personalizada para o texto do título de cada item.

* **Descrição:** Cor personalizada para o conteúdo da descrição.

* **Ícone:** Cor do ícone de expansão/colapso.

**Animações:**

* **Transição:** Animação suave ao abrir e fechar os itens.

* **Ícone:** Rotação do ícone indicando o estado (aberto/fechado).

**Interatividade:**

* **Hover:** Efeito de sublinhado ao passar o mouse sobre o título.

* **Clique:** Expansão/colapso do conteúdo ao clicar no título.

**Dica de uso!**

Use accordions para organizar informações complexas de forma clara e acessível. Mantenha os títulos concisos e descritivos, e organize o conteúdo de forma lógica. Evite criar muitos itens (máximo 5-7) para não sobrecarregar o usuário. Use o modo "Único" para FAQs e o modo "Múltiplo" quando o usuário precisa comparar informações entre diferentes seções.


# Altura
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/altura



<img />

O elemento Altura permite que o usuário selecione sua estatura por meio de um controle deslizante interativo. É ideal para perguntas onde o valor de altura influencia o resultado do quiz (ex: IMC, planos personalizados etc).

**Para que serve**

* Coletar a altura do usuário de forma visual e intuitiva.

* Usar a informação da altura como parte de um cálculo ou segmentação.

* Permitir seleção entre centímetros ou polegadas.

**O que você pode configurar**

**Conteúdo:**

* Unidade Inicial: escolha entre centímetro (cm) ou polegada (pol).

* Altura Inicial: valor padrão que aparece no carregamento.

* Altura Mínima e Máxima: defina o intervalo de valores permitidos.

* Texto do Rodapé: mensagem exibida abaixo do seletor (ex: “Arraste para selecionar a sua altura”).

**Configurações:**

* Modelo: horizontal.

* Animação: escolha o efeito de entrada.

* Alinhamento: posição central, esquerda ou direita.

**Variável de Resposta:**

* Salvar resultado em variável: crie uma variável e armazene a resposta para uso posterior no quiz (ex: cálculo de IMC).

* Incluir Unidade: se ativado, a variável também salvará a unidade selecionada, “cm” ou “pol” (ex: “150cm”).

**Cores Personalizadas:**

* Cor Principal: personalize a cor do controle deslizante e da unidade de medida.

**Dica de uso!**

Combine este elemento com outros campos (como peso) para criar experiências mais completas, como cálculo de IMC ou planos personalizados. E lembre-se: salvar a resposta em uma variável é essencial para usar esse valor depois no quiz.


# Áudio
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/audio



<img />

O elemento Áudio permite adicionar faixas de áudio às suas páginas, trazendo mais dinamismo e conexão com quem está acessando. Ele é ideal para dar instruções faladas, gravar comentários personalizados ou adicionar uma trilha sonora.

**Para que serve**

* Explicar um conteúdo de forma mais humana e direta.

* Incluir áudios personalizados nos resultados ou nas perguntas.

* Adicionar trilha sonora, efeitos ou narrações em páginas específicas.

**O que você pode configurar**

**Conteúdo:**

* Nome do áudio: um título opcional que aparece junto do player.

* Arquivo de áudio: carregue o arquivo em MP3 ou outro formato compatível.

* Imagem: carregue uma imagem que será exibida ao lado do player (como uma foto sua ou um ícone personalizado).

**Exibição e comportamento:**

* Mostrar nome: ativa ou desativa a exibição do nome do áudio.

* Auto Play: define se o áudio deve começar automaticamente ao entrar na página.

* Animação: escolha o efeito de entrada para o player de áudio (ex: aparecer).

**Dica de uso!**

Gravar um áudio com a sua voz explicando a página cria uma conexão imediata com o visitante. Também é ótimo para reforçar instruções ou gerar confiança, especialmente em páginas de vendas ou resultados.


# Benefícios
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/beneficios



<img />

O elemento Benefícios serve para destacar tudo o que o usuário vai ganhar ao participar do seu funil, responder ao quiz ou adquirir um produto ou serviço.

**Para que serve**

* Apresentar os principais benefícios de forma clara e visual.

* Reforçar os motivos pelos quais vale a pena seguir no funil.

* Aumentar o valor percebido da oferta.

**O que você pode configurar**

**Título:**

* Frase de destaque sobre o que será apresentado (ex: "O que você vai receber?").

* Com opções de formatação: negrito, itálico, sublinhado, taxado e cor.

**Animação:**

* Defina como o bloco de benefícios vai aparecer na tela (ex: aparecer).

**Ícone:**

* Escolha um ícone para representar visualmente os benefícios listados.

**Opções:**

* Você pode adicionar várias linhas de benefício, cada uma com seu próprio texto.

* O conteúdo pode ser formatado (negrito, itálico, sublinhado, cor etc.).

**Cores personalizadas:**

* Fundo: cor de fundo do bloco.

* Bordas: cor das bordas do item.

* Texto: cor do conteúdo.

**Dica de uso!**

Liste benefícios tangíveis (como acesso a ferramentas, bônus, suporte) e também emocionais (como segurança, praticidade, confiança). Isso reforça o valor do que você está oferecendo e mantém o usuário engajado até o final do funil.


# Botão
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/botao



<img />

O elemento Botão permite direcionar o usuário para outra parte do quiz, seja avançando etapas, abrindo seções ou navegando por âncoras. Ele é essencial para ações manuais e interações simples com o usuário.

**Para que serve**

* Avançar para a próxima página do quiz.

* Navegar para uma âncora dentro da mesma página.

* Criar chamadas para ação personalizadas (ex: “Ver Resultado”, “Começar de novo”, “Continuar”).

**O que você pode configurar**

**Título:**

* Texto exibido no botão (ex: “Continuar”).

**Âncora:**

* Quando ativado, transforma o botão em um atalho para outro componente da página.

**Destacar:**

* Aumenta o destaque visual do botão (o botão permanece fixo na tela, mesmo descendo ou subindo a página).

**Animação:**

* Escolha como o botão vai aparecer (ex: Aparecer ou Pulsar).

**Cores personalizadas:**

* Foco: cor de fundo do botão.

* Borda de foco: contorno do botão.

* Texto: cor do texto do botão.

**Dica de uso!**

Use o Botão para guiar a navegação do quiz de forma clara. Para experiências mais dinâmicas, combine a função de âncora com animações leves. Se quiser chamar mais atenção para ele, ative a opção "Destacar" e personalize as cores.


# Cabeçalho
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/cabecalho



<img />

O Cabeçalho é um dos primeiros elementos visuais da sua página. Ele aparece no topo e é ideal para reforçar a identidade visual da sua marca e dar um ar mais profissional ao seu funil.

**Para que serve**

* Exibir a logo da sua marca.

* Ativar o botão de voltar, útil para páginas intermediárias.

* Melhorar a navegação e a aparência do seu funil.

**O que você pode configurar**

* Logo personalizada: ative o botão e faça o upload do seu logotipo.

* Tamanho: ajuste o tamanho do cabeçalho.

* Botão de voltar: exibe uma seta para retornar à etapa anterior (pode ser ativado ou não, dependendo da lógica do seu funil).

**Dica prática!**

Use o cabeçalho especialmente em funis com várias etapas ou quando você quer manter consistência visual com a sua identidade de marca.


# Carregamento
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/carregamento



<img />

O elemento Carregamento é usado para exibir uma mensagem temporária enquanto o quiz realiza uma transição, cálculo ou pré-processamento de resultado. Ele simula uma análise das respostas, oferecendo uma experiência mais imersiva ao usuário.

**Para que serve**

* Criar uma pausa visual antes da exibição do resultado.

* Simular uma análise personalizada das respostas.

* Preparar o usuário para a próxima etapa com uma sensação de processamento real.

**O que você pode configurar**

**Título e Subtítulo:**

* Título: personalize a mensagem exibida durante o carregamento (ex: “Analisando…”).

* Subtítulo: use para contextualizar o que está acontecendo (ex: "Estamos analisando as suas respostas...").

**Tempo:**

* Defina quanto tempo o carregamento vai durar (em segundos).

**Animação:**

* Escolha como o carregamento vai surgir na tela (ex: aparecer).

**Tela Cheia:**

* Ative para o carregamento ocupar a área central da tela.

**Redirecionamento:**

* Adicione um elemento de redirecionamento junto, se quiser enviar o usuário automaticamente para outra página após o tempo definido

**Cores personalizadas:**

* Foco: cor da barra de progresso.

* Bordas: cor da porcentagem dentro da barra.

* Texto: cor do texto exibido.

**Dica de uso!**

Use o Carregamento para criar uma pausa estratégica entre o quiz e o resultado. Isso aumenta a expectativa e reforça a ideia de que o conteúdo é feito sob medida para quem respondeu.


# Carrossel
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/carrossel



<img />

O elemento Carrossel permite exibir várias imagens de forma interativa, deslizando entre elas como em uma galeria. Ele é ideal para mostrar produtos, depoimentos visuais, prints, etapas de um processo ou qualquer conteúdo ilustrado.

**Para que serve**

* Apresentar várias imagens em sequência.

* Exibir prints de um tutorial ou resultado.

* Mostrar produtos, serviços ou layouts.

* Criar uma galeria com depoimentos visuais ou antes e depois.

**O que você pode configurar**

**Imagens:**

* Adicione quantas imagens quiser.

* Para adicionar mais imagens, basta duplicar um dos blocos existentes.

* Cada imagem pode ter um título opcional.

**Animação:**

* Escolha o tipo de animação para a entrada do carrossel (ex: Aparecer).

**Dica de uso!**

Use o carrossel para deixar sua página mais dinâmica e visual.
Ele funciona super bem quando você quer mostrar diferentes ângulos de um produto, etapas de um processo ou uma sequência de prints.
Só cuidado para não exagerar na quantidade, o ideal é manter a experiência fluida e leve para o visitante.


# Container
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/container



<iframe />

O elemento Container serve como um separador visual para organizar e estruturar melhor o layout da sua página. Ele não permite incluir elementos dentro dele, mas funciona como um bloco de apoio para destacar ou separar partes da sua comunicação.

**Para que serve**

* Criar divisões visuais na página.

* Separar seções para melhorar a leitura e o design.

* Destacar trechos com fundo, bordas ou espaçamento diferenciado.

**O que você pode configurar**

**Bordas:**

* Mostrar: ativa ou desativa a borda ao redor do container.

* Estilo: tipo de linha da borda (sólido, tracejado etc.).

* Largura: espessura da borda.

* Raio: arredondamento dos cantos.

* Cor: cor da borda.

**Fundo:**

* Mostrar: ativa ou desativa a área de fundo do container.

* Padding: define o espaço interno.

* Sombra: aplica sombra para dar profundidade.

* Cor: define a cor de fundo.

**Configurações Gerais:**

* Espaçamento: define a margem externa entre esse bloco e os demais.

* Animação: escolhe um efeito de entrada para o container.

* Alinhamento: define o alinhamento do container.

* Tamanho: controla o comprimento do container.

**Dica de uso!**

Use containers para estruturar melhor a página, separar partes importantes do conteúdo ou criar “respiros visuais”. Mesmo sem conter outros elementos dentro, ele ajuda muito na estética e organização.


# Depoimento
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/depoimento



<img />

O elemento Depoimento serve para apresentar falas de clientes, usuários ou pessoas fictícias. Ele ajuda a construir provas sociais e aumentar a credibilidade do seu funil ou página.

**Para que serve**

* Inserir um relato real ou simulado de um cliente.

* Aumentar a confiança e gerar conexão emocional com o público.

* Reforçar os benefícios do produto, serviço ou experiência do quiz.

**O que você pode configurar**

**Nome e Localização:**

* Nome da pessoa (real ou fictícia) que deu o depoimento.

* Cidade e estado ou qualquer outra descrição de localização.

**Foto:**

* Adicione uma imagem para humanizar e dar mais autenticidade ao depoimento.

**Texto:**

* Escreva o conteúdo principal do depoimento, com opção de formatação (negrito, itálico, sublinhado, cor etc.).

**Nota:**

* Defina uma nota de 1 a 5 estrelas (ideal para avaliações positivas).

**Alinhamento:**

* Alinhe o texto à esquerda, centro ou direita.

**Animação:**

* Escolha como o bloco de depoimento vai aparecer na tela.

**Cores personalizadas:**

* Fundo: cor de fundo do bloco.

* Bordas: cor da borda do depoimento.

* Texto: cor do conteúdo escrito.

* Foco: cor das estrelas de avaliação.

**Dica de uso!**

Use depoimentos reais de clientes sempre que possível. Eles aumentam a confiança e ajudam na tomada de decisão. Caso ainda não tenha relatos, você pode simular falas baseadas em feedbacks comuns do seu público ideal.


# Formulário
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/formulario



<img />

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.


# Garantia
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/garantia



<img />

O elemento Garantia serve para reforçar a segurança da sua oferta e eliminar objeções. Ele transmite confiança ao mostrar que o cliente pode experimentar sem riscos, graças a uma política clara de garantia ou reembolso.

**Para que serve**

* Mostrar que sua oferta é segura e confiável.

* Reduzir objeções relacionadas a risco ou arrependimento.

* Reforçar a credibilidade da marca ou produto.

**O que você pode configurar**

**Título:**

* Escreva a frase principal da garantia (ex: Seu risco é zero!).

**Texto:**

* Detalhe o tipo de garantia oferecida ou a política de reembolso. O campo permite formatação como negrito, itálico, cor, etc.

**Ícone:**

* Escolha um ícone que representa segurança ou garantia na biblioteca do XQuiz.

**Animação:**

* Defina como o bloco de garantia vai aparecer na tela (ex:aparecer).

**Alinhamento:**

* Posicione o conteúdo à esquerda, centro ou direita.

**Cores personalizadas:**

* Fundo: cor de fundo do bloco.

* Bordas: cor da borda do elemento.

* Texto: cor do conteúdo escrito e do ícone.

**Dica de uso!**

Use este componente próximo de ofertas, depoimentos ou chamadas para ação. Ele reforça a confiança no momento certo e pode ser decisivo para a conversão. Quanto mais clara e objetiva for sua garantia, maior a sensação de segurança para o usuário.


# Gráfico
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/grafico



<img />

O elemento Gráfico permite apresentar informações de forma visual e comparativa, facilitando a leitura de dados como progresso, desempenho, níveis ou categorias. É ideal para páginas de resultado ou diagnóstico que precisam transmitir clareza e impacto.

**Para que serve**

* Comparar níveis ou categorias de avaliação (ex: Nível 1, 2, 3).

* Mostrar evolução ou progresso.

* Deixar os dados mais fáceis de interpretar e mais atrativos visualmente.

**Modelos disponíveis:**

Barras: barras verticais com preenchimento dinâmico.

**O que você pode configurar**

**Opções (cada item da comparação):**

* Título e Subtítulo.

* Pontuação (valor que define o preenchimento da barra).

* Rótulo (texto sobre a barra).

* Descrição (texto abaixo da barra).

**Animação:**

* Escolha o tipo de entrada visual (ex: aparecer).

**Cores personalizadas:**

Personalize as cores de fundo, das bordas, das barras e dos textos.

**Dica de uso!**

Esse elemento é excelente para mostrar etapas de progresso (ex: “Início”, “Meio” e “Avançado”) ou para representar resultados visuais em diagnósticos. Ele transmite organização, profissionalismo e facilita a tomada de decisão por quem está vendo o resultado.


# Gráfico
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/grafico-avancado



<img />

O elemento Gráfico permite apresentar dados de forma visual e interativa, facilitando a interpretação de resultados, comparações ou evoluções. O modelo de área conecta os pontos com uma linha e preenche a região abaixo dela.

**Para que serve**

* Mostrar a evolução de valores ao longo de etapas.

* Representar a pontuação ou desempenho do usuário.

* Comparar séries de dados visuais em diagnósticos ou testes.

**O que você pode configurar**

**Título e Subtítulo:**

Personalize os textos exibidos acima do gráfico.

Defina alinhamento, tamanho da fonte e exibição.

**Série de dados:**

* Título da série (ex: “Pontuação final”).

* Valores numéricos que serão representados.

* Nota do valor: um pequeno texto explicativo que aparece sobre os valores.

* Rótulo: ativa ou desativa a exibição dos números sobre os pontos.

**Modelo e Tipo:**

* Modelo: área (você também pode escolher outros modelos como linha).

* Tipo: define o formato do número (ex: número simples, porcentagem, dólar, real ou peso).

**Animação:**

* Escolha como o gráfico vai aparecer na página (ex: aparecer).

**Dica de uso!**

O gráfico é ótimo para reforçar visualmente resultados ou destacar variações. Use em páginas de diagnóstico ou conclusão para dar um toque mais analítico e profissional ao seu funil.


# Imagem
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/imagem



<img />

O elemento Imagem é usado para exibir uma imagem única em destaque na sua página. Ele é ideal para complementar o conteúdo visualmente, ilustrar uma informação, mostrar um produto, um print ou qualquer outro recurso gráfico.

## Para que serve

* Ilustrar o conteúdo com uma imagem forte.

* Mostrar um produto, print ou resultado.

* Adicionar um toque visual a páginas mais textuais.

* Apoiar títulos e chamadas com impacto.

## O que você pode configurar

### Imagem

Faça o upload de uma imagem diretamente do seu dispositivo.

### Tamanho

Defina o tamanho de exibição da imagem em pixels.

### Animação

Escolha o tipo de entrada (ex: Aparecer).

### Imagem Linkável

Ative esta opção para transformar sua imagem em um elemento clicável que pode direcionar o usuário para outras páginas ou funções do seu fluxo.

<video />

**Identificador:**

Defina um nome único para sua imagem linkável. Este identificador é fundamental para que o sistema possa contabilizar corretamente os cliques nos relatórios e análises de performance.

**Destino do Link:**

Após ativar a imagem linkável, você poderá conectar a imagem a outras páginas do seu fluxo ou funções específicas através do sistema de ligações.

**Regras Importantes**

* **Ativação**: Para ativar a imagem linkável, você deve primeiro definir um identificador único.
* **Ligação Obrigatória**: Após ativar, é obrigatório conectar a imagem a um destino no fluxo antes de finalizar a configuração.
* **Desativação Segura**: Para desativar a imagem linkável, você deve primeiro remover a ligação no fluxo. Isso evita que usuários cliquem em uma imagem sem destino definido.
* **Rastreamento**: O identificador permite que o sistema rastreie e reporte corretamente os cliques na imagem nos relatórios de performance.

**Dica para imagens linkáveis**

Quando usar imagens linkáveis, escolha identificadores descritivos e únicos (ex: "botao-cta-principal", "link-produto-destaque"). Isso facilitará a análise dos relatórios e ajudará a identificar quais elementos estão gerando mais engajamento no seu fluxo.

## Recomendação de tamanho

Para melhores resultados, use imagens no formato quadrado com dimensões de 1080 x 1080 pixels.
Esse tamanho garante ótima qualidade e adaptação visual tanto em desktop quanto no mobile, sem cortes ou distorções. Ideal para prints, ícones grandes ou imagens de destaque!

## Dica de uso

Use esse elemento para destacar uma imagem que realmente precisa de atenção. Evite exageros e prefira imagens com boa resolução. Ele é ótimo para quando você quer focar o olhar do visitante em um detalhe visual específico da sua oferta, diagnóstico ou conteúdo.


# Introdução
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/introducao

Menu de Elementos — Montando sua página

<img />

Depois que você clica em editar uma página, o XQuiz abre o menu de elementos, onde você encontra tudo o que precisa para montar o conteúdo da sua página de quiz, captura ou resultado.

**Como usar os elementos**

Todos os blocos estão organizados por categoria (texto, mídia, ações, input etc.).

Para adicionar um elemento à sua página, basta:

* Clicar sobre o item.

* Segurar.

* Arrastar para a direita.

* Soltar sobre a área em branco (visualização da página).

Pronto! O elemento será adicionado à página e você poderá configurar cada detalhe dele.

## Editando um elemento da página

<img />

Depois que você adiciona um elemento na sua página é possível personalizá-lo do seu jeito e isso é feito de forma super intuitiva.

**Como editar**

* Clique sobre o elemento que está na visualização da página (à direita da tela).

Automaticamente, o menu de edição será aberto no lado esquerdo da tela. A partir daí, você pode configurar todos os detalhes do elemento escolhido.

**O que dá pra personalizar?**

As opções mudam dependendo do tipo de elemento, mas geralmente você pode ajustar:

* Textos (título, subtítulo, descrições).

* Estilo (negrito, itálico, cor, tamanho, alinhamento).

* Tamanho e animação.

Tudo o que você edita no painel da esquerda é atualizado instantaneamente na pré-visualização da direita, o que ajuda muito a ver como a página está ficando.

## Reorganizando a ordem dos elementos na página

<img />

Depois de adicionar vários elementos na sua página, você pode querer mudar a posição deles e isso é super fácil de fazer no XQuiz.

**Como mudar a ordem**

* Clique e segure no elemento que você quer mover.

* Arraste para cima ou para baixo, até a posição desejada.

* Solte no local onde quiser que ele fique.

Assim você pode montar a página na ordem que fizer mais sentido para o seu conteúdo e para a experiência do usuário.

## Conhecendo todos os elementos do XQuiz

<img />

Dentro do editor de páginas do XQuiz, você tem acesso a uma grande variedade de elementos prontos que pode adicionar ao seu funil com apenas alguns cliques.
Eles são os blocos que vão compor o conteúdo de cada página, como textos, imagens, botões, formulários, gráficos, perguntas, entre outros.

Esses elementos estão organizados em categorias como:

* Cabeçalho (cabeçalho, título, progresso).

* Texto (texto, nota, número, lista).

* Mídia (imagem, vídeo, áudio, carrossel).

* Ação (botão, carregamento, quiz, redirecionamento, formulário).

* Relatórios (relatório, gráficos, resultado, lista).

* Checkout (depoimento, garantia, transformação, preço, benefícios).

* Especial (scripts e upsell).

* Tracking (meta pixel).

* Layout (container).

* Input (altura e peso).


# Lista
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/lista



<img />

O elemento Lista é ideal para organizar informações em tópicos e deixar o conteúdo mais fácil de compreender. Ele é ótimo para destacar benefícios, instruções, diferenciais ou etapas de um processo.

**Para que serve**

* Destacar vantagens ou benefícios de um produto.

* Apresentar instruções passo a passo.

* Listar recursos ou funcionalidades.

* Reforçar argumentos de forma visual e ordenada.

**O que você pode configurar**

**Conteúdo:**

* Adicione quantos itens quiser à sua lista.

* Edite, duplique ou delete cada item individualmente.

**Ícone:**

* Escolha um ícone para acompanhar os itens da lista.

* Pesquise e selecione ícones prontos na biblioteca.

**Configurações de Ícone:**

* Mostrar ou ocultar.

* Ajustar tamanho, margem, opacidade e cor.

**Configurações de Texto:**

* Tamanho do texto, espaçamento, altura da linha e alinhamento.

**Configurações de Lista:**

* Posição do ícone (esquerda ou direita).

* Alinhamento do ícone e do conteúdo.

* Espaçamento entre itens e entre ícone e texto.

* Tipo de animação na entrada.

**Dica de uso!**

Use o elemento Lista para apresentar argumentos com mais clareza e atratividade.
Ele funciona muito bem em páginas de vendas, diagnósticos ou seções de ("por que escolher..."), principalmente quando usado com ícones personalizados e espaçamento bem ajustado.


# Lista
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/lista-participantes



<img />

O elemento Lista é perfeito para destacar informações em formato organizado, com ícones e textos curtos. Ele ajuda a transmitir ideias com mais clareza, seja para instruções, benefícios, comparações ou destaques.

**Para que serve**

* Destacar pontos importantes (ex: benefícios, características, instruções).

* Organizar conteúdos de forma visual e didática.

* Reforçar argumentos com apoio de ícones.

**O que você pode configurar**

* Animação: escolha o efeito de entrada do componente na página.

* Itens da lista: adicione múltiplos blocos com título, resultado e ícone.

* Cores personalizadas: personalize as cores de fundo, borda e texto.

**Cada item pode conter:**

* Um título (ex: “Estilo de vida”).

* Um resultado (ex: “Sedentário”).

* Um ícone personalizado (selecionado na biblioteca de ícones do XQuiz).

**Dica de uso!**

Use esse componente quando quiser mostrar resultados individuais ou listar aspectos importantes com visual mais compacto. Para criar várias opções, é só duplicar o item.


# Meta Pixel
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/metapixel



<iframe />

O elemento Meta Pixel permite rastrear eventos importantes dentro do seu funil e enviar essas informações automaticamente para o Gerenciador de Anúncios da Meta (Facebook e Instagram). Isso é essencial para medir resultados, criar públicos personalizados e otimizar campanhas.

**Para que serve**

* Disparar eventos do Meta Pixel em páginas específicas do seu funil.

* Monitorar ações como visualizações, cliques, leads, compras, etc.

* Melhorar a performance dos seus anúncios com dados reais.

**O que você pode configurar**

**Tipo de Evento:**

* Escolha qual evento será disparado nessa página:

**Custom**

→ Evento personalizado. Você pode dar um nome próprio (ex: quiz\_concluido, clicou\_no\_botao) e usá-lo em estratégias específicas.

**Lead**

→ Dispara quando um visitante vira um lead (ex: preenche um formulário ou responde o quiz com dados de contato).

**Contact**

→ Quando o usuário entra em contato com você (ex: clica no botão do WhatsApp, Messenger, email etc.).

**CompleteRegistration**

→ Quando alguém finaliza um cadastro completo (ex: cria conta, preenche formulário de inscrição).

**Schedule**

→ Quando um visitante agenda algo (ex: reunião, consultoria, aula experimental).

**SubmitApplication**

→ Quando uma aplicação é enviada (ex: inscrição para mentoria, programa, seleção).

**ViewContent**

→ Quando alguém visualiza uma página importante (ex: página de produto, conteúdo, oferta).

**AddPaymentInfo**

→ Quando o visitante insere os dados de pagamento (ex: vai pro checkout e digita cartão).

**AddToCart**

→ Quando o visitante adiciona um produto ao carrinho (ideal para e-commerce).

**AddToWishlist**

→ Quando o visitante salva um produto na lista de desejos (pouco usado em funis simples).

**CustomizeProduct**

→ Quando o usuário personaliza um produto antes de comprar (ex: cor, tamanho, versão).

**Donate**

→ Quando há uma doação realizada ou intenção de doar (ideal para ONGs).

**FindLocation**

→ Quando alguém procura a localização da empresa ou unidade física.

**InitiateCheckout**

→ Quando o visitante inicia o checkout, mas ainda não comprou.

**Purchase**

→ Quando a compra é finalizada com sucesso.

**Search**

→ Quando o usuário faz uma busca (ex: dentro do seu site ou funil).

**StartTrial**

→ Quando o visitante inicia um teste gratuito.

**Subscribe**

→ Quando alguém assina um serviço ou plano.

**Ativo:**

Ative ou desative o envio de eventos nesta página com um clique.

**Dica de uso!**

Mapeie o caminho ideal do seu funil e associe os eventos certos em cada etapa.
Por exemplo, use Lead na página de captura, Purchase na página de obrigado e ViewContent em páginas de conteúdo. Isso ajuda muito nas campanhas de remarketing e otimização de conversões.


# Nota
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/nota



<img />

A Nota é um componente ideal para destacar avisos importantes, instruções adicionais ou informações de apoio dentro do seu funil.
Ela chama a atenção do usuário de forma visual, sem atrapalhar o restante do conteúdo.

**Para que serve**

* Alertar o usuário sobre algo relevante antes de prosseguir.

* Dar uma dica, recomendação ou explicação extra.

* Complementar uma pergunta, resultado ou botão com mais contexto.

**O que você pode configurar**

* Título e texto: com as mesmas opções de formatação de outros elementos (negrito, cor, itálico etc.).

* Animação de entrada: escolha como o bloco vai aparecer na tela.

* Ícone: selecione entre diversos ícones visuais que reforçam a ideia da nota (ex: alerta, informação, dica, checklist…).

* Cores personalizadas: escolha as cores do fundo do bloco, da borda e do texto.

**Dica prática!**

Use esse bloco com moderação, apenas quando realmente precisar reforçar ou esclarecer algo.
Ele é ótimo para manter a atenção do usuário sem precisar adicionar textos muito longos no corpo principal da página.


# Novo Quiz
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/novo-questionario



<img />

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.


# Número
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/numero



<img />

O elemento Número é ideal para exibir valores numéricos de forma visual e impactante. Ele pode ser usado em páginas de resultado, diagnóstico, estatísticas ou oferta, ajudando a transmitir credibilidade ou progresso de maneira clara.

**Para que serve**

* Mostrar a pontuação final do quiz ou teste.

* Apresentar dados (como porcentagem, valor, contagem, peso).

* Criar animações numéricas envolventes (ex: de 0 a 100).

**O que você pode configurar**

**Conteúdo:**

* Valor inicial e final: define onde a contagem começa e termina (ex: de 0 até 10).

**Animação:**

* Tipo de animação (ex: Contar para cima ou para baixo).

* Duração: quanto tempo leva para o número animar até o valor final (em segundos).

**Configurações:**

* Tipo: você pode escolher se será um número, porcentagem ou outro formato.

* Tamanho: Você pode escolher o tamanho do número exibido.

* Alinhamento: esquerda, centro ou direita.

* Decimais: defina quantas casas decimais o número deve ter (0, 1, 2…).

* Separador: escolha entre ponto ou vírgula para separar os milhares.

**Dica de uso!**

Esse elemento funciona muito bem quando usado com resultados visuais e títulos motivadores (ex: “Parabéns! Sua pontuação foi…”).
Também é excelente para páginas que precisam transmitir autoridade (ex: “Mais de 10.000 clientes satisfeitos”).


# Peso
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/peso



<img />

O elemento Peso permite que o usuário selecione seu peso de forma interativa, deslizando para escolher o valor desejado. Ele é muito usado em quizzes de saúde, bem-estar, estética, entre outros.

**Para que serve**

* Captar o peso do usuário de maneira visual e fácil.

* Personalizar o resultado do quiz com base nas respostas.

* Armazenar o valor como variável para uso posterior.

**O que você pode configurar**

**Conteúdo:**

* Unidade: escolha entre quilos (kg) ou libras (lb).

* Peso Inicial: valor que será exibido quando o elemento carregar.

* Peso Mínimo e Máximo: defina os limites de seleção.

* Texto do rodapé: personalize o texto abaixo do seletor (ex: “Arraste para selecionar o seu peso”).

**Configurações:**

* Modelo: horizontal.

* Animação: escolha como o elemento aparecerá na tela.

* Alinhamento: esquerda, centro ou direita.

**Variável de Resposta:**

* Salvar resultado em variável:  crie uma variável e armazene a resposta para uso posterior (ex: peso).

* Incluir unidade: se ativado, o valor salvo inclui “kg” ou “lb” (ex: “75kg”).

**Cores Personalizadas:**

* Cor Principal: personalize a cor do controle deslizante e da unidade de medida.

**Dica de uso!**

Use este elemento quando quiser capturar o peso real do usuário e gerar recomendações ou diagnósticos personalizados. Ele combina muito bem com o elemento Altura para cálculos como IMC, por exemplo.


# Preço
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/preco



<img />

O elemento Preço é ideal para apresentar uma oferta clara e direta dentro do seu funil. Ele destaca o valor do produto, serviço ou condição especial, de forma atrativa e com forte apelo visual.

**Para que serve**

* Informar o preço de uma oferta com clareza.

* Mostrar condições especiais de pagamento (ex: parcelamento ou teste).

* Aumentar a percepção de valor com elementos visuais e texto persuasivo.

**O que você pode configurar**

**Título e Subtítulo:**

* Título principal da oferta (ex: "Teste por 7 dias").

* Subtítulo complementar com reforço (ex: "Sem compromisso").

**Rótulo e Preço:**

* Rótulo para apresentar uma condição (ex: "Por apenas 12x de").

* Campo de valor com destaque para o preço (ex: "R\$ 9,90").

**Ícone:**

* Escolha um ícone visual para destacar a oferta.

* Use um símbolo que combine com o seu produto ou mensagem.

**Cores personalizadas:**

* Bordas: cor da moldura do bloco e do ícone.

* Foco: cor de fundo do bloco de preço.

* Texto: cor dos conteúdos textuais.

**Dica de uso!**

Use este elemento em momentos estratégicos do funil, como antes do botão de compra ou em seções de fechamento. Títulos curtos e valores visuais chamativos aumentam as chances de conversão.


# Progresso
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/progresso



<img />

A barra de progresso é um ótimo recurso visual para mostrar ao usuário em que ponto do funil ele está.
Ela ajuda a manter o engajamento, pois dá uma noção clara de avanço e incentiva a concluir as etapas.

**Para que serve**

* Mostrar ao visitante quanto do funil já foi percorrido.

* Aumentar a taxa de conclusão, já que as pessoas tendem a finalizar algo quando veem que estão perto do fim.

* Melhorar a experiência de navegação.

**O que você pode configurar**

* **Porcentagem final**

Você deve informar manualmente a porcentagem correspondente a essa página, levando em conta o total de páginas do seu funil.

Exemplo: se o seu funil tem 4 páginas, a primeira pode ser 25%, a segunda 50%, a terceira 75% e a última 100%.

**Progresso inteligente:** ao definir a porcentagem de cada página, a barra vai se ajustar automaticamente, exibindo o progresso de forma fluida entre uma etapa e outra.

* **Cores personalizadas**

Cor inicial e final da barra (para criar um efeito gradiente ou destacar a evolução).

Cor de fundo, que representa o trecho ainda não percorrido.

**Dica estratégica!**

Use esse elemento em funis com mais de uma pergunta ou etapa, especialmente quando houver formulário no final.
Isso ajuda o usuário a saber que está quase lá e evita desistências no meio do caminho.


# Quiz
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/questionario



<img />

O elemento Quiz é a base para criar perguntas interativas com múltiplas opções de resposta, combinando textos e imagens ou textos e emojis. É essencial para personalizar a experiência do usuário e coletar dados importantes durante o funil.

**Para que serve**

* Criar perguntas com uma ou várias opções de resposta.

* Exibir opções com texto, imagem, emojis ou ambos.

* Coletar respostas do usuário para gerar diagnósticos, perfis ou redirecionamentos personalizados.

**O que você pode configurar**

**Layout**

* Colunas: escolha entre 1 ou 2 colunas de exibição.

* Modelo: exiba somente texto, somente imagem, texto e imagem ou texto e emoji.

* Posicionamento: defina se a imagem fica acima ou abaixo do texto.

* Alinhamento: centralize ou alinhe o texto à esquerda ou à direita.

* Animação: defina como as opções do quiz aparecem (ex: Aparecer).

* Checkbox: escolha essa opção para exibir um marcador circular de seleção na esquerda ou na direita do quiz.

* Múltipla Escolha: habilite se o usuário pode marcar mais de uma alternativa.

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

* Título: texto principal exibido no botão.

* Subtítulo: texto complementar (opcional).

* Imagem: carregue uma imagem para ilustrar cada opção.

* Emoji: permite que o usuário selecione emojis personalizados da biblioteca do XQuiz.

* Cores personalizadas: personalize a cor de fundo, borda e texto do botão.

**Salvar resultado em 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.

**Dica de uso!**

Use o elemento Quiz para tornar sua página mais dinâmica e interativa. Combine imagens com textos, ou textos com emojis para tornar as opções mais visuais e engajadoras. Se quiser segmentar o resultado com base nas escolhas, lembre-se de salvar as respostas em variáveis!


# Redirecionar
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/redirecionamento



<img />

O elemento Redirecionar é utilizado para levar o usuário automaticamente a outra página do quiz ou site após um tempo definido. Ideal para páginas de carregamento ou transição, ele garante uma experiência fluida e automatizada.

**Para que serve**

* Redirecionar automaticamente o usuário após o carregamento.

* Encaminhar para uma nova etapa, página externa ou resultado.

* Criar transições suaves entre partes do funil.

**O que você pode configurar**

**Tempo em segundos:**

* Defina quantos segundos o sistema deve esperar antes de redirecionar (ex: 10 segundos).

O redirecionamento funciona em conjunto com o elemento de carregamento ou outros elementos de navegação. Esse elemento não exibe botão, portanto não fica visível na página para os usuários.

**Dica de uso!**

Combine o Redirecionar com o elemento Carregamento para criar uma página de transição visual e profissional. Use em funis que precisam de etapas sequenciais sem intervenção do usuário.


# Relatório
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/relatorio



<img />

O elemento Relatório é ideal para mostrar o resultado final do quiz ou teste de forma visual, clara e impactante.

Ele combina título, pontuação numérica, mensagem personalizada e imagem, ajudando a reforçar a percepção de valor e profissionalismo da sua página de resultado.

O elemento exibe um gráfico animado em círculo com a porcentagem da pontuação definida. Esse gráfico é gerado automaticamente com base no valor inserido no campo “Pontuação”.

**Para que serve**

* Exibir a pontuação final do usuário com destaque.

* Mostrar uma imagem relacionada ao resultado.

* Personalizar a mensagem com base na pontuação obtida.

* Reforçar o sentimento de conquista ou direcionar para próximos passos.

**O que você pode configurar**

**Conteúdo:**

* Título: o título principal do resultado (ex: “Sua pontuação”).

* Resultado: texto que aparece ao lado da imagem (ex: “Resultado: Excelente”).

* Subtítulo (opcional): você pode incluir uma frase complementar.

* Pontuação: valor numérico final do usuário (ex: 85).

**Imagem:**

* Você pode subir uma imagem para acompanhar o resultado (ex: personagem, medalha, selo de aprovação).

**Animação:**

* Defina como o elemento aparece na tela (ex: “aparecer”).

**Cores personalizadas:**

* Fundo, bordas, texto.

* Cor do gráfico (início e fim).

**Dica de uso!**

Use esse elemento no final do quiz ou teste para gerar impacto visual e reforçar o resultado alcançado. Combine com um botão de chamada para ação (ex: “Quero aprender mais” ou “Baixar meu plano personalizado”) para guiar o próximo passo.
Se quiser deixar mais motivacional, personalize a mensagem de resultado com emojis e uma imagem cativante para criar conexão com o público.


# Resultado
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/resultado



<img />

O elemento Resultado é ideal para mostrar visualmente onde a pessoa se encaixa dentro de uma escala ou classificação. Ele traz uma barra com níveis (como “Baixo”, “Médio”, “Alto”) e um marcador com a posição do usuário, deixando claro o desempenho ou progresso.

**Para que serve**

* Exibir um nível baseado na pontuação do quiz/teste.

* Mostrar o grau de preparo, conhecimento, evolução, etc.

* Indicar uma posição clara dentro de uma escala visual e intuitiva.

**O que você pode configurar**

**Texto:**

* Título (ex: “Nível de Preparação”).

* Resultado (ex: “Saudável”).

* Rótulo (ex: “Você está aqui”).

**Pontuação:**

* Valor que posiciona o marcador na escala.

**Níveis:**

* Nome dos três níveis exibidos abaixo da barra (ex: Baixo, Médio, Alto).

**Cores personalizadas:**

* Cor inicial e final do gradiente do fundo.

* Cor do texto de fundo e do texto da barra.

* Cor inicial e final do gradiente da barra.

**Animação:**

* Tipo de entrada (ex: aparecer).

**Dica de uso!**

Esse elemento é perfeito para páginas de diagnóstico, resultados de testes ou avaliações de performance. Use títulos envolventes e níveis que conversem com seu público. Por exemplo:

* “Você está no nível Avançado! Parabéns!”
* “Ainda dá pra melhorar... Seu nível é Intermediário.”


# Script
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/script



<img />

O elemento Script permite adicionar trechos de código JavaScript personalizados dentro do seu funil. Ele é indicado para usuários com conhecimento técnico que desejam implementar funções específicas.

**Para que serve**

* Inserir códigos de acompanhamento, lógica personalizada ou integrações externas.

* Ativar eventos específicos ou interações extras no funil.

* Conectar ferramentas avançadas de rastreamento, como pixels ou scripts de automação.

**O que você pode configurar**

**Campo Script:**

* Insira aqui o código JavaScript que deseja executar.

* Pode ser um script de terceiros, como analytics, pixels ou funções personalizadas.

**Visibilidade:**

* Ative ou desative a visualização do bloco no funil.

* Quando desativado, o conteúdo do script é executado, mas o bloco não aparece para o usuário.

**Aviso!**

Utilize este recurso com cautela. Scripts mal configurados podem gerar erros, travar o quiz ou comprometer a experiência do usuário.

**Dica de uso!**

Este recurso é indicado apenas para usuários com conhecimento técnico. Se não tiver certeza do que está fazendo, consulte um especialista ou o suporte da ferramenta antes de usar scripts personalizados.


# Cronômetro
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/stopwatch-time



<img />

O elemento Cronômetro serve para criar uma contagem regressiva que pode ser usada para criar urgência, limitar tempo de ofertas ou criar expectativa para eventos específicos.

**Para que serve**

* Criar senso de urgência em ofertas e promoções.

* Limitar tempo para tomada de decisão em formulários ou compras.

* Contar regressivamente para eventos específicos (lançamentos, webinars, etc.).

* Aumentar conversão através da pressão temporal.

**O que você pode configurar**

**Modo de Tempo:**

* **Manual:** Defina horas, minutos e segundos manualmente para a contagem.

* **Data/Hora:** Configure uma data e hora específica para o cronômetro contar até.

**Configurações de Tempo:**

* **Horas:** De 0 a 23 horas.

* **Minutos:** De 0 a 59 minutos.

* **Segundos:** De 0 a 59 segundos.

* **Data/Hora Alvo:** Selecione uma data e hora específica para o cronômetro.

**Posicionamento:**

* **Fixo no Topo:** Mantém o cronômetro sempre visível no topo da tela.

**Ícone:**

* Ative ou desative um ícone ao lado do cronômetro.

* Escolha entre diversos ícones disponíveis (relógio, timer, etc.).

**Mensagens:**

* **Mensagem Ativa:** Texto exibido enquanto o cronômetro está rodando.

* **Mensagem Final:** Texto exibido quando o tempo acaba.

**Formatação de Texto:**

* Use formatação completa (negrito, itálico, sublinhado, cores).

* Insira variáveis dinâmicas no texto.

**Estilos Visuais:**

* **Fundo:** Cor de fundo do bloco do cronômetro.

* **Bordas:** Cor e estilo das bordas.

* **Texto:** Cor do texto e números do cronômetro.

**Dica de uso!**

Use cronômetros para criar urgência genuína em suas ofertas. Evite criar falsa urgência, pois isso pode prejudicar a confiança dos usuários. Combine com ofertas reais e limitadas para maximizar a conversão.


# Texto
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/texto



<img />

O Texto é um dos elementos mais versáteis do XQuiz. Ele serve para você adicionar qualquer tipo de informação escrita à sua página, como instruções, explicações, mensagens de transição ou conteúdo complementar.

**Para que serve**

* Escrever mensagens livres em qualquer parte do funil.

* Explicar conceitos, orientar o usuário ou reforçar o conteúdo.

* Adicionar textos descritivos em páginas de resultado, captação ou vendas.

**O que você pode configurar**

**Conteúdo**

* Escreva o texto desejado.

* Use as opções de formatação: negrito, itálico, sublinhado, tachado, cor personalizada e até variáveis dinâmicas.

**Configurações**

* Tamanho do texto.

* Espaçamento entre linhas.

* Altura da linha.

* Alinhamento: esquerda, centro ou direita.

* Animação de entrada: escolha o efeito de exibição (como “Aparecer”).

**Dica de uso!**

Use o texto para comunicar de forma clara e objetiva. Evite blocos longos, se precisar escrever muito, divida em diferentes elementos ou páginas para manter a leitura leve.


# Título
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/titulo



<img />

O Título é um dos elementos mais importantes da sua página. Ele serve para chamar a atenção do usuário logo de cara e indicar o que está por vir em cada etapa do funil.

**Para que serve**

* Apresentar a pergunta ou objetivo da página.

* Guiar o usuário com instruções claras.

* Dar destaque a uma mensagem importante, como “Seu resultado está pronto!” ou “Quase lá!”.

**O que você pode configurar**

* Texto do título e subtítulo (com campos separados).

* Estilo do texto: negrito, itálico, sublinhado, cor e até inserir variáveis dinâmicas.

* Tamanho: escolha o tamanho ideal para o título e subtítulo (ex: pequeno, padrão, grande e muito grande).

* Alinhamento: esquerda, centro ou direita.

* Animação de entrada: você pode aplicar efeitos visuais, como “Aparecer”.

**Dica prática!**

Use o título como um chamado claro e o subtítulo como um complemento rápido. Mantenha frases curtas, diretas e que incentivem o usuário a continuar no funil.


# Transformação
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/transformacao



<img />

O elemento Transformação permite comparar o “antes e depois” de uma situação ou pessoa, destacando visualmente o impacto da sua solução. Ideal para mostrar resultados alcançados com seu produto ou serviço.

**Para que serve**

* Ilustrar uma mudança significativa (visual, emocional, comportamental etc.).

* Reforçar a eficácia da solução que você oferece.

* Criar contraste entre problema e solução de forma impactante.

**O que você pode configurar**

**Títulos:**

* Personalize o título de cada lado (ex: "Antes" e "Depois").

* Aplique formatações como negrito, itálico, cor etc.

**Imagens:**

* Carregue uma imagem para o “antes” e outra para o “depois”.

* Use fotos que representam claramente a transformação.

**Subtítulos:**

* Frases explicativas abaixo de cada imagem.

* Reforce a diferença entre os dois momentos.

**Nível:**

* Defina um número simbólico para representar a evolução (ex: 35 → 75).

* Pode ser usado como barra de progresso, nota de satisfação, etc.

**Ícones e Textos:**

* Adicione um ícone e texto abaixo de cada lado para reforçar o problema e a solução.

* Exemplo: ❌ Cansaço constante → ✅ Energia renovada.

**Animação:**

* Escolha como esse bloco aparece no quiz (ex: aparecer).

**Cores personalizadas:**

* Fundo, bordas e texto.

* Fundo e textos das caixas de aviso.

* Fundo e cores da barra comparativa.

**Dica de uso!**

Use imagens reais sempre que possível para gerar confiança, mas simulações bem feitas também funcionam. Combine com depoimentos para criar ainda mais impacto.


# Upsell
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/upsell



<img />

O elemento Upsell permite criar uma página de oferta complementar (pós-venda) integrada à Hotmart. Ele é ideal para aumentar o valor médio de cada compra no seu funil.

**Para que serve**

* Oferecer um produto extra após a compra do principal.

* Aproveitar o momento de decisão do cliente para aumentar o ticket médio.

* Automatizar a página de upsell diretamente com a Hotmart.

**O que você pode configurar**

**Plataforma:**

* Atualmente disponível apenas para Hotmart.

* Basta selecionar a plataforma e copiar a URL dessa página para configurar dentro do seu funil da Hotmart.

**Importante:**

Não é necessário adicionar conteúdo manualmente nessa página. A própria Hotmart fará a leitura automática da oferta de upsell.

**Dica de uso!**

Crie uma oferta irresistível de valor complementar ao produto principal. Pode ser um upgrade, bônus ou um produto relacionado. Configure o upsell pela Hotmart e use a URL desta página no seu funil de vendas.


# Vídeo
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/elementos/video



<img />

O elemento Vídeo permite incorporar um player diretamente na sua página, tornando o conteúdo mais dinâmico, envolvente e persuasivo. Ideal para vídeos de boas-vindas, explicações, provas sociais, aulas ou ofertas.

**Para que serve**

* Inserir vídeos de vendas, depoimentos ou explicações.

* Mostrar aulas ou conteúdos em formato visual.

* Dar boas-vindas com um vídeo personalizado.

**O que você pode configurar**

* **Player:** escolha a plataforma usada para exibição. O VTurb é o recomendado para melhor desempenho e carregamento rápido.

* **Script do vídeo:** insira o código de incorporação gerado pela plataforma (normalmente fornecido pela VTurb, YouTube ou PandaVideo).

* **Tamanho:** você pode ajustar o tamanho do player de vídeo com diversas opções em pixels fixos ou no formato máximo (largura completa).

**Dica de uso!**

Vídeos aumentam a retenção e criam mais conexão com quem está assistindo. Use um vídeo curto e objetivo no início da página para capturar atenção rapidamente e, se for uma página de resultado, você pode usar para reforçar a transformação e fazer uma chamada para a ação.


# Active Campaign
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/activecampaign



<iframe />

A função Active Campaign permite enviar automaticamente os dados dos leads capturados no seu quiz diretamente para sua conta da Active Campaign, uma plataforma de e-mail marketing e automação.

**Como configurar**

* Nome: Dê um nome interno para a função (ex: “Enviar para Active Campaign”).

* URL da API: Coloque a URL da API da sua conta.

Exemplo comum:

[https://SEUSUBDOMINIO.api-us1.com](https://SEUSUBDOMINIO.api-us1.com)

Você encontra essa URL na sua conta da Active Campaign, nas configurações de desenvolvedor.

* Chave API: Copie e cole sua chave de API pessoal. Ela é usada para autorizar o envio dos dados.

* Tags: Adicione tags que você quer associar ao lead no Active Campaign. Separe por vírgula caso queira adicionar mais de uma (ex: xquiz, lead\_ebook, interesse\_fitness).

**Enviar Variáveis**

* Selecione as variáveis que você criou ao longo do funil (como nome, email, telefone, resultado, etc).

* Essas variáveis serão enviadas como campos personalizados no cadastro do contato.

**Atenção obrigatória!**

Você deve obrigatoriamente enviar uma variável chamada email.

Sem isso, a integração não funciona, pois o Active Campaign precisa de um endereço de e-mail para criar ou atualizar um contato.

**Testar Integração**

Após configurar tudo, clique no botão “Testar Integração” para verificar se os dados estão sendo enviados corretamente.

**Quando usar?**

* Para automatizar campanhas de e-mail baseadas nas respostas do quiz.

* Para segmentar contatos com base em comportamento e interesse.

* Para alimentar automaticamente fluxos de automação dentro do Active Campaign.


# Condição
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/condicoes



<img />

A função Condição permite que você crie ramificações lógicas dentro do seu quiz, ou seja, direcionar o usuário para páginas, resultados ou ofertas diferentes com base em respostas anteriores ou valores armazenados em variáveis.
É um recurso essencial para personalizar a experiência e exibir conteúdos relevantes de forma dinâmica.

**Como funciona**

Você cria regras baseadas em variáveis, e o XQuiz verifica se essas regras são verdadeiras ou falsas. Dependendo do resultado, o usuário é enviado para um caminho específico do funil.

**Como configurar**

1. Adicione a função Condições no Flow.

2. Clique em “Adicionar Condição”.

3. Para cada regra, defina:

* **Variável:** a variável que será verificada (ex: soma, resultado, tipo\_usuario)

* **Operador:** a lógica que será usada (igual, maior que, menor ou igual a, etc.)

* **Valor:** o número ou texto que será comparado com o valor da variável.

4. Combine várias comparações usando os conectores E ou OU.

5. Conecte cada grupo de condição a uma página de resultado personalizada ou qualquer outra etapa.

**Exemplo prático (como na imagem):**

Neste exemplo, a variável chamada “soma” está sendo utilizada para armazenar o resultado de uma conta matemática, somando o valor de quatro variáveis que foram definidas anteriormente: iniciante, basico, intermediario e avancado.

<img />

Essas variáveis representam opções de resposta no quiz, e cada uma tem um valor numérico diferente, de acordo com o nível de conhecimento ou perfil do participante:

<img />

* iniciante vale 1 ponto.

* basico vale 3 pontos.

* intermediario vale 5 pontos.

* avancado vale 7 pontos.

**A variável soma usa essa expressão:**

(iniciante) + (basico) + (intermediario) + (avancado)

Ou seja, ela calcula o total de pontos com base nas escolhas feitas pelo usuário nas perguntas anteriores.
Essa estratégia é útil quando você quer avaliar o perfil do participante e, com base no total de pontos acumulados, direcionar ele para uma mensagem personalizada ou oferta específica.

**Por exemplo:**

* SE soma for **maior ou igual a 10** E soma for **menor ou igual 25** → Direciona para Resultado 1.

* SE soma for **maior ou igual 26** E soma for **menor ou igual 40** → Direciona para Resultado 2.

* SE soma for **maior ou igual 41** E soma for **menor ou igual 55** → Direciona para Resultado 3.

* SE soma for **maior ou igual 56** → Direciona para Resultado 4.

Caso nenhuma condição seja atendida, o funil segue para a opção “Senão”.

Tudo isso pode ser configurado na função de Condição, com base no valor da variável soma.

**Outro exemplo prático:**

<img />

Esse modelo de **Condições** mostra uma lógica muito comum em quizzes do tipo prova ou **teste de conhecimento**, onde **apenas as respostas corretas pontuam.**

Nesse exemplo, é usada apenas **uma variável chamada pontos**, que vai acumulando **+1 ponto para cada resposta certa** ao longo do quiz. Ou seja, ao final, essa variável representa a pontuação total do participante.

A função de condição, então, **verifica o valor final da variável pontos** e direciona o usuário para o resultado correspondente, com base no seu desempenho. A lógica está assim:

**Interpretação das Condições:**

**SE pontos ≤ 3**

* Resultado para quem acertou até 3 questões. Pode indicar um nível "iniciante" ou "precisa melhorar".

**SE pontos ≥ 4 E pontos ≤ 6**

Resultado intermediário. Pode ser um "nível básico" ou "em desenvolvimento".

**SE pontos ≥ 7 E pontos ≤ 8**

* Indica um bom desempenho, talvez "nível avançado".

**SE pontos ≥ 9**

* Resultado mais alto, para quem teve excelente aproveitamento. Pode representar "nível especialista" ou "ótimo domínio do conteúdo".

**SENÃO**

Caminho padrão caso nenhuma das condições anteriores seja atendida (pode funcionar como segurança ou resposta genérica).

**Dica Importante:**

Esse tipo de lógica é ideal para quizzes educacionais, avaliações internas, testes de certificação ou diagnósticos, onde o objetivo é classificar o nível de conhecimento com base na pontuação final.

E o melhor: tudo isso é feito com uma única variável (pontos), tornando o fluxo mais simples e fácil de gerenciar.

## Lista de operadores – o que significa cada um e quando usar

***

### `=` Igual a

Verifica se o valor da variável é exatamente igual ao valor definido.\
**Exemplo**:\
`resultado = 10` → se a variável `resultado` for exatamente igual a 10, a condição é verdadeira.

***

### `≠` Diferente de

Verifica se o valor da variável é diferente do valor especificado.\
**Exemplo**:\
`resposta ≠ sim` → se o valor não for `"sim"`, a condição é atendida.

***

### `>` Maior que

Verifica se o valor da variável é maior do que o valor informado.\
**Exemplo**:\
`soma > 30` → usado para pontuações ou faixas de resultado.

***

### `≥` Maior ou igual a

Verifica se o valor da variável é maior ou igual ao valor informado.\
**Exemplo**:\
`pontos ≥ 10` → funciona como um limite mínimo para passar de fase, por exemplo.

***

### `<` Menor que

Verifica se o valor da variável é menor que o valor especificado.\
**Exemplo**:\
`soma < 15` → útil para detectar quem teve uma pontuação baixa.

***

### `≤` Menor ou igual a

Verifica se o valor da variável é menor ou igual ao valor informado.\
**Exemplo**:\
`idade ≤ 17` → segmenta pessoas menores de idade.

***

### `Contém`

Verifica se a variável inclui determinado texto.\
**Exemplo**:\
`interesse contém emagrecimento` → funciona bem para respostas abertas ou múltiplas.

***

### `Não contém`

Verifica se a variável não possui determinado conteúdo.\
**Exemplo**:\
`respostas não contém luxo` → útil para filtrar perfis sem determinado interesse.

***

### `Está definido`

Verifica se a variável existe e tem algum valor atribuído (não está vazia).\
**Exemplo**:\
Usado para garantir que o usuário preencheu um campo obrigatório.

***

### `Está vazio`

Verifica se a variável ainda está vazia (sem valor).\
**Exemplo**:\
`email está vazio` → pode ser usada para forçar o preenchimento de um campo antes de seguir.

***

### `Começa com`

Verifica se o valor da variável começa com uma palavra ou caractere específico.\
**Exemplo**:\
`email começa com contato` → segmenta leads com padrão específico.

***

### `Termina com`

Verifica se a variável termina com determinada palavra ou caractere.\
**Exemplo**:\
`email termina com .edu` → útil para detectar e-mails institucionais.

***

### `Corresponde ao regex`

Permite fazer validações usando expressões regulares (avançado).\
**Exemplo**:\
Verificar padrões como CPF, número de telefone, etc.

***

### `Não corresponde ao regex`

Verifica se o valor não segue o padrão de uma expressão regular.

***

## Quando usar a função Condição?

* Para exibir resultados personalizados com base nas respostas.
* Para somar pontos e classificar perfis de usuários.
* Para segmentar leads por interesse ou comportamento.
* Para ativar ofertas diferentes para públicos diferentes.


# Introdução
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/introducao

Funções – A inteligência por trás do seu funil

<img />

As Funções no XQuiz são responsáveis por adicionar lógica, automações e integrações ao seu funil. Elas permitem que você vá além da construção visual e traga inteligência para o fluxo do seu quiz.

**Com as funções, é possível:**

* Enviar leads automaticamente para ferramentas externas como RD Station e ActiveCampaign.

* Criar condições para exibir páginas diferentes com base nas respostas.

* Capturar e reutilizar variáveis ao longo do funil.

* Disparar webhooks ou direcionar para links externos.

* E muito mais!

Essa área é ideal para quem quer transformar o quiz em uma ferramenta dinâmica, automatizada e estratégica, seja para marketing, vendas ou relacionamento.


# Link
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/link



<img />

A função Link é usada para redirecionar o usuário automaticamente para uma URL externa. Mas para que isso funcione corretamente, é preciso conectá-la a um elemento de ação, como: Botão, Redirecionar, Quiz ou Formulário.

**Como configurar**

* Adicione um botão ou outro elemento de ação na página anterior.

* Conecte esse botão à função Link no Flow.

* Insira a URL de destino no campo da função Link (ex: [https://www.google.com.br](https://www.google.com.br)).

Pronto! Agora, quando o usuário clicar no botão, ele será redirecionado para o link que você configurou.

**Redirecionamento automático**

Se você quer que o usuário seja redirecionado sem precisar clicar em nada:

* Adicione o elemento Redirecionar na página anterior.

* Conecte esse elemento à função Link.

Assim, o usuário será automaticamente levado para o link quando o tempo definido no elemento acabar.

**Quando usar**

* Levar o usuário a uma página de vendas, checkout ou site externo.

* Redirecionar para outro funil, canal de atendimento ou link personalizado.

* Encerrar o funil direcionando para uma oferta externa.


# RD Station
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/rdstation



<iframe />

A função RD Station permite enviar automaticamente os dados coletados no seu quiz (como nome, e-mail, telefone, etc.) para a sua conta RD Station, facilitando o uso dos leads em automações, fluxos e campanhas de marketing.

**Como configurar**

* Nome: Dê um nome interno à integração para se organizar no Flow.

* Identificador: Nome de origem que aparecerá dentro do RD Station, como “XQuiz”.

* Token Público (API Key): Cole aqui a sua chave de API pública, disponível no painel de integrações do RD Station. É ela que autoriza o envio dos dados.

* Tags: Use palavras-chave para organizar os leads automaticamente dentro do RD Station. Separe por vírgula se quiser adicionar mais de uma (ex: xquiz, quiz\_relacionamento, interesse\_saude).

**Enviar Variáveis**

* Marque as variáveis que deseja enviar, como email, nome, telefone.

**Atenção!**

É obrigatório que exista uma variável com o nome exato “email”, ou a integração não funcionará.

**Testar Integração**

Depois de preencher tudo, você pode clicar em “Testar Integração” para verificar se está tudo funcionando corretamente. Isso ajuda a evitar erros antes da publicação do quiz.

**Quando usar?**

* Para enviar automaticamente os leads capturados para o RD Station.

* Para nutrir seus fluxos de automação com base em interesses e comportamentos.

* Para organizar leads por origem, tema do quiz, tipo de perfil e muito mais.


# Teste A/B
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/teste-ab

Divida o tráfego entre dois caminhos (A e B) de forma controlada para comparar resultados.

<img />

A função Teste A/B permite distribuir os usuários entre dois caminhos do fluxo (A e B) com uma proporção definida, ajudando você a comparar desempenho de páginas, ofertas ou sequências diferentes.

## Como funciona

Você define um percentual para o caminho A. Automaticamente, o caminho B recebe o complemento até 100%. Quando o usuário chegar a essa função, o XQuiz sorteia o caminho com base nessa distribuição e segue o fluxo conectando pelo respectivo handle (A ou B).

## Como configurar

1. Adicione a função Teste A/B no Flow.
2. Defina o percentual do caminho A em “Percentual A (0–100)”. O B será calculado automaticamente.
3. Conecte “A” ao primeiro passo do caminho A e “B” ao primeiro passo do caminho B.
4. Publique e acompanhe os resultados no seu funil ou ferramenta externa.

## Boas práticas

* **Defina uma hipótese**: o que você espera melhorar (ex.: conversão, clique, retenção)?
* **Mantenha mudanças isoladas**: altere apenas um elemento por vez para resultados claros.
* **Tempo e amostra**: rode o teste por tempo suficiente e com volume adequado.
* **Evite o mesmo destino**: A e B não devem apontar para o mesmo nó; o Builder impede essa ligação.


# Variável
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/variavel



<img />

As variáveis são um dos recursos mais poderosos (e ao mesmo tempo menos compreendidos) dentro do XQuiz, mas entender como usá-las vai destravar um novo nível de personalização e automação para o seu funil.

### O que são variáveis?

No XQuiz, uma variável é como uma caixinha onde você guarda uma informação que o usuário forneceu durante o quiz.

**Essa informação pode ser usada:**

* Para enviar dados para ferramentas externas (como RD Station ou ActiveCampaign).

* Para personalizar o conteúdo do quiz (como mostrar o nome da pessoa em uma frase).

* Para criar lógicas condicionais (como mostrar um resultado específico com base nas respostas).

**Exemplos práticos de uso**

* Capturar o nome, e-mail ou telefone e enviar para o seu CRM.

* Guardar uma informação como interesse = emagrecimento e usar mais adiante para mostrar um produto específico.

* Somar pontos com base nas respostas e, ao final, exibir um resultado personalizado para aquele perfil de usuário.

### Como criar uma variável no XQuiz (passo a passo)

* Adicione a função “Variável” no Flow.

* Clique no ícone editar.

* No painel lateral direito, vá até o campo “Procurar ou Criar variável”.

* Digite o nome que você quer dar para a variável (ex: nome, email, resultado).

* Clique na opção que aparecerá abaixo com o texto “Criar Variável”.

* No campo “Nome”, escreva novamente o mesmo nome. Isso ajuda a manter a organização e identificar facilmente essa variável no Flow.

### Como usar variáveis no sistema de pontos

Exemplo:

Imagine que você está criando um jogo onde precisa armazenar a pontuação do jogador. Você pode criar uma variável chamada pontuacao e atribuir um valor inicial, como 0.

pontuacao = 0

<img />

Durante o jogo, quando o jogador marcar pontos, você pode atualizar o valor da variável pontuação com o novo valor.

<img />

<img />

**Isso diz ao sistema:**

"Pegue o valor atual da pontuação e adicione mais 10."

O valor de pontuacao agora é 10.

Para inserir uma variável corretamente, clique no botão com ícone de chaves  no canto do campo. Isso abre uma listinha com todas as variáveis criadas.

Clique sobre a variável desejada, e ela será adicionada no formato correto, como por exemplo:

<img />

Sempre separe os elementos com espaço, como no exemplo abaixo:

<img />

O campo de expressão pode fazer operações matemáticas simples, como mais, menos, vezes e dividir (+, -, \*, /).

**Dicas importantes!**

* Use nomes simples e sem espaços. Ex: email, telefone, pontuacao.

* Evite letras maiúsculas ou símbolos.

* Sempre crie a variável antes de usá-la.

* Se quiser usar um sistema de pontos, comece com o valor 0 e vá somando depois.


# Webhook
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/funcoes/webhook



<img />

A função Webhook permite enviar dados do XQuiz para ferramentas externas de forma automática, assim que o usuário passa por uma etapa específica do funil.
É ideal para integrações com CRMs, automações personalizadas, sistemas próprios, plataformas de analytics, entre outros.

**Como configurar**

* Nome: Defina um nome para identificar seu webhook.

* Token: Código de autenticação (usado por algumas ferramentas para validar o envio).

* Método: Atualmente o único método disponível é o POST, que envia os dados no corpo da requisição.

* URL do Webhook: Endereço para onde as informações serão enviadas.

**Opções avançadas**

* Enviar Eventos: Ative essa opção se quiser enviar dados sobre ações do usuário (como página acessada, clique, etc).

* Enviar Variáveis: Você pode selecionar variáveis personalizadas (como nome, email, resultado, respostas) para serem enviadas no corpo do webhook.

**Conexão no Flow**

Assim como nas outras funções, você precisa conectar um botão ou ação anterior à função Webhook, para que ela seja acionada no momento certo.

**Quando usar**

* Enviar leads para automações personalizadas.

* Integrar com plataformas que não possuem integração direta com o XQuiz.

* Notificar sistemas externos em tempo real sobre ações do usuário.

Além de enviar eventos, a função Webhook permite transmitir variáveis personalizadas que você coleta ao longo do funil, como nome, e-mail, resultado, respostas e outros dados definidos por você.

**O que são variáveis?**

As variáveis são informações que você armazena a partir das interações do usuário.

Exemplos:

* nome

* email

* resultado\_final

* pergunta1\_resposta

Essas variáveis podem ser reutilizadas em outras partes do funil e também enviadas para fora via Webhook.

**Como usar variáveis no Webhook:**

* Crie as variáveis ao longo do funil (usando a função Variável).

* Vá até a função Webhook.

* Selecione as variáveis que deseja incluir no envio.

* O XQuiz vai montar uma requisição POST, contendo as variáveis selecionadas no corpo do envio em formato JSON.

**Exemplo de envio:**

Se você marcar as variáveis nome e email, o Webhook enviará:

* "nome": "Joana",
* "email": "[joana@gmail.com](mailto:joana@gmail.com)"

**Dica extra!**

Você pode usar o botão “Testar Webhook” para verificar se as informações estão sendo enviadas corretamente para o seu endpoint.


# Flow
Source: https://docs.xquiz.com.br/pt-BR/projeto/fluxo/introducao



A aba Flow é o coração do seu projeto no XQuiz. É aqui que você vai criar as páginas, organizar a lógica do funil e montar o caminho que o seu usuário vai percorrer.

<img />

#### O que dá pra fazer no Flow

* Criar novas páginas (perguntas, capturas, resultados, etc.).

* Adicionar funções lógicas (condições, variáveis, ações automáticas).

* Conectar as páginas de forma visual, arrastando as setas.

* Visualizar todo o fluxo do seu funil em um só lugar.

**Como funciona**

* No centro da tela você verá o bloco "Início".

* A partir dali, você pode ir clicando em "Criar Página" ou "Criar Função" no menu lateral esquerdo.

* Cada novo elemento criado aparece como um bloco que você pode movimentar por toda área do flow  (para mover basta, clicar, segurar e arrastar os blocos) e ligar com outros.

* Use as linhas de conexão para controlar a ordem e o caminho que o usuário seguirá.

**Dica útil!**

Pense no Flow como se fosse um mapa interativo. Você vai montando as etapas do seu funil como peças de LEGO e pode testar, reorganizar e ajustar quantas vezes quiser.

## Controles de zoom e visualização do Flow

<img />

Na parte inferior esquerda da tela do Flow, você vai encontrar três botões que ajudam a navegar e visualizar melhor o seu funil.

**Veja o que cada um faz**

* Mais (+): Aumenta o zoom para ver os blocos de perto.

* Menos (−): Diminui o zoom para visualizar o funil de forma mais ampla.

* Quadrado (centralizar): Recentraliza a visualização e leva você de volta ao início do fluxo.

**Você também pode usar o scroll do mouse!**

* Role para cima para ➝ aproximar.

* Role para baixo para ➝ afastar.

**Movimentando a tela**

Clique com o botão esquerdo do mouse em qualquer área vazia. Segure e arraste para mover o espaço de trabalho para os lados, para cima ou para baixo.
Funciona como se você estivesse deslizando um mapa.

Esses controles são super úteis quando o seu funil começa a crescer, assim você pode trabalhar com mais agilidade, sem se perder no fluxo.

## Renomeando o seu projeto

<img />

No canto superior esquerdo da tela do editor, você verá um ícone de lápis ao lado do nome padrão "Novo Projeto". É ali que você pode dar um nome personalizado para o seu funil.

**Como renomear**

* Clique sobre o texto "Novo Projeto".

* O campo vai se tornar editável.

* Digite o nome que quiser para o seu projeto (ex: “Funil Captura Leads”).

**Atenção a este detalhe!**

Se você apagar todo o texto de uma vez, o sistema pode restaurar automaticamente o nome anterior.
Para evitar isso, use este truque:

* Apague tudo menos uma letra.

* Digite o novo nome normalmente.

* Depois, apague a letra que sobrou no começo.

Assim o nome do projeto será alterado corretamente e salvo!

Escolher um nome claro e descritivo ajuda muito na hora de organizar e encontrar seus projetos futuramente, principalmente se você tiver vários.

## Botões Principais

<img />

No canto superior direito do editor, você encontrará três botões essenciais para o controle do seu projeto. Entenda como cada um funciona.

### Salvar

* Salva todas as alterações feitas no seu projeto, como textos, lógica, estilo e configurações.

* Sempre clique em Salvar antes de sair ou publicar, para garantir que nada seja perdido.

* É importante clicar em Salvar com frequência durante a criação do seu quiz!

### Publicar

* Esse botão coloca seu quiz no ar, gerando os links públicos e permitindo que qualquer pessoa possa acessá-lo.

* Você precisa publicar o quiz para poder usar o botão "Testar".

* Após publicado, você ainda pode fazer ajustes e clicar em Salvar para atualizar as alterações.

* Caso queira pausar a exibição ao público, você pode despublicar a qualquer momento.

### Testar

* Permite simular o quiz como se fosse um visitante.

**Atenção!**

Para que o botão Testar funcione, o quiz precisa estar publicado.
Ou seja, publique primeiro, depois teste.

Essa simulação ajuda a verificar:

* Navegação entre perguntas.

* Visual do layout.

* Se a lógica do funil está funcionando corretamente.


# Resultados
Source: https://docs.xquiz.com.br/pt-BR/projeto/resultados

Aba Resultados – Veja as respostas coletadas no seu quiz

<img />

A aba Resultados mostra uma visão completa e detalhada de todas as respostas coletadas no seu quiz, organizado por cada página do seu flow. Essa é uma das áreas mais importantes da plataforma, pois permite acompanhar a jornada de cada lead, entender os comportamentos e avaliar o desempenho do seu funil.

**O que você encontra nessa tela?**

**Colunas com os nomes das páginas**

Cada coluna da tabela representa uma página criada no seu projeto. Ou seja, o XQuiz usa os nomes das páginas do seu flow como títulos das colunas.

Exemplos:

* *Começo, Carregando* – podem ser páginas iniciais ou de transição.

* *Pergunta 1, Pergunta 2...* – páginas com perguntas.

* *Apresentação do curso, Oferta, Garantia* – páginas de oferta, apresentação ou fechamento.

Esses nomes são os que você definiu ao criar suas páginas no flow, então você pode personalizá-los como quiser para deixar os relatórios mais claros.

**Data**

* A primeira coluna mostra a data e hora em que cada pessoa começou o quiz.

**Cada linha é um lead**

Cada linha representa a jornada de uma pessoa que respondeu ao quiz. A tabela mostra:

* O caminho percorrido por ela (quais páginas respondeu);

* As respostas dadas em cada etapa;

* Se chegou até a oferta ou não;

* Se clicou em botões de ação (como "comprar", "garantia", etc).

**Exportação dos dados**

Você pode exportar todos os resultados em dois formatos:

* CSV

* Excel

Basta clicar nos botões no topo da tabela. Isso facilita muito se você quiser:

* Fazer análises mais profundas;

* Integrar com planilhas;

* Importar para seu CRM ou ferramenta de automação.

**Filtros e paginação**

* Use o filtro de período para ver resultados de uma data específica.

* Navegue entre páginas de resultados com os botões “Anterior” / “Próxima”.

**Para que serve essa função?**

* Acompanhar a taxa de avanço entre páginas do seu quiz;

* Entender o que os leads estão respondendo;

* Identificar pontos de desistência;

* Ver quem clicou na oferta;

* Exportar tudo para analisar no Excel, Google Sheets, etc.

Dê nomes estratégicos e descritivos às páginas do seu flow! Isso facilita a leitura dos relatórios e ajuda a tomar decisões mais rápidas.


# Tema
Source: https://docs.xquiz.com.br/pt-BR/projeto/tema

Personalize o visual do seu quiz com a função Tema

<img />

A aba **Tema** do XQuiz é onde você define toda a identidade visual do seu projeto.\
É aqui que você pode deixar seu quiz com a cara da sua marca, cores, logo, espaçamento e muito mais.

**Visualização por Página**

No canto direito da tela, você encontra um menu suspenso com a opção de selecionar qual página do quiz deseja visualizar no preview.

Isso é ótimo para ver como as cores, espaçamentos e o estilo visual se aplicam em diferentes etapas do seu funil.

**Identidade**

* **Logo Padrão**: Envie a logo principal que será exibida no seu quiz.

* **Ícone do Site**: Ícone que aparece na aba do navegador.

**Estilo**

**Cores do Projeto**

* **Modo Escuro**: Ative ou desative o tema escuro do seu quiz.

* **Principal**: Define a cor principal para botões e elementos de destaque.

* **Texto**: Escolha a cor da tipografia do seu projeto.

* **Fundo**: Personalize a cor de fundo do quiz.

**Espaçamento e Bordas**

* **Espaçamento**: Define o espaço entre os elementos (Muito Pequeno, Pequeno, Padrão, Grande e Muito Grande).

* **Arredondamento**: Ajusta o grau de curvatura dos cantos de alguns elementos, como por exemplo, o botão.

**Preview em tempo real**

Todas as mudanças feitas são aplicadas automaticamente na prévia à direita, assim você consegue testar e visualizar o resultado antes de publicar!