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.