Pular para o conteúdo principal

Como Incorporar um Quiz em uma Página ou Funil

Você pode levar quizzes a campanhas de duas formas comuns:

  1. Vincular a uma URL de quiz publicada a partir de um botão de página ou etapa de funil.
  2. Incorporar a experiência do quiz dentro de uma página usando o elemento Quiz Interativo no Page Builder.

Este guia cobre ambos os padrões para que visitantes cheguem ao quiz a partir de landing pages e funis sem caminhos quebrados.

Antes de Começar​

Certifique-se de ter:

  • Um quiz construído no AtomicQuiz (ou plano para montar etapas inline no Page Builder).
  • Uma página ou funil onde o quiz deve aparecer.
  • URLs de quiz ou página publicadas para testes ao vivo.
  • Leads / webhooks configurados se respostas alimentam integrações.

Veja Elemento Quiz Interativo e Visão geral de Quizzes.

Opção A: Vincular a uma URL de Quiz Publicada​

Melhor quando o quiz é um destino independente (tráfego de anúncio → URL do quiz).

Passo 1: Publicar o quiz​

  1. Finalize o quiz no AtomicQuiz.
  2. Publique em site, domínio e slug. Veja Como publicar um quiz.
  3. Copie a URL HTTPS ao vivo.
  1. Abra a landing page no Page Builder.
  2. Adicione ou edite um Botão (ou link de texto) apontando para a URL do quiz.
  3. Salve e publique a página.

Passo 3: Adicionar ao funil​

  1. Abra Funis e selecione seu funil.
  2. Adicione a página ou cole a URL do quiz como etapa de funil conforme a configuração do funil. Veja Adicionar páginas a um funil.
  3. Conecte etapas anteriores (página de anúncio → quiz → resultado/obrigado) no construtor de funil.

Teste a cadeia completa em anônimo.

Opção B: Incorporar com o Elemento Quiz Interativo​

Melhor quando o quiz deve viver dentro do layout de uma landing page (hero + quiz inline + oferta abaixo).

Passo 1: Abrir a página no Page Builder​

  1. Vá para Pages e edite a página de destino.
  2. Selecione a seção/container onde o quiz deve aparecer.

Passo 2: Adicionar Quiz Interativo​

  1. No painel de elementos, adicione Quiz Interativo.
  2. Clique no elemento para abrir o drawer:
    • Nomeie o quiz para reconhecê-lo no construtor.
    • Adicione ou reordene etapas antes de configurar lógica (mover campos com lógica pode exibir avisos).
    • Abra as configurações de cada etapa para conteúdo aninhado e estilo.

Fora de rotas dedicadas de quiz, o drawer gerencia nome do quiz e etapas de conteúdo. Em rotas de quiz (caminhos /quiz), os controles podem mudar para interface de design de quiz (permitir voltar, logo etc.).

Veja Quiz Interativo.

Passo 3: Configurar etapas e lógica​

  1. Adicione etapas para perguntas, resultados e captura opcional de formulário.
  2. Marque campos como obrigatórios apenas quando necessário para a próxima etapa ou resultado.
  3. Copie referências de campo após campos obrigatórios para copy dinâmica quando suportado.
  4. Estilize containers de etapa usando configurações aninhadas.

Passo 4: Salvar, publicar e testar​

  1. Salve a página.
  2. Publique no seu site. Veja Publicar uma página.
  3. Teste na URL ao vivo:
    • Cada caminho de resposta
    • Campos obrigatórios e navegação voltar
    • Espaçamento mobile
    • Leads / webhooks se conectados

Opção C: Etapa de Funil para Página de Quiz​

Combine incorporação + funil:

  1. Incorpore quiz na Página A (Quiz Interativo) ou publique quiz independente Página B.
  2. Adicione Página A ou URL do quiz como etapas no funil.
  3. Conecte etapas de obrigado, checkout ou VSL após botões de conclusão do quiz ou links de resultado.

Confirme que destinos de botões no Fluxo (AtomicQuiz) ou ações de elemento (Quiz Interativo) correspondem às URLs do funil.

Boas Práticas​

  • Prefira URLs de quiz independentes para campanhas puras de quiz (rastreamento mais simples).
  • Use Quiz Interativo quando a página precisa de conteúdo acima/abaixo do quiz.
  • Mantenha textos de etapa curtos em quizzes incorporados — scroll da página + etapas do quiz somam comprimento.
  • Republice página e quiz após alterações de webhook ou Fluxo.

Solução de Problemas​

ProblemaO que tentar
Quiz em branco na página ao vivoPublique a página; confirme que Quiz Interativo tem etapas salvas.
Botão vai para URL erradaRe-verifique href; use link HTTPS do quiz publicado.
Funil pula etapa do quizVerifique ordem das etapas e links de saída da página anterior.
Lógica quebrou após reordenarRevise avisos ao mover campos; reteste todos os caminhos.
Drawer diferente em rota /quizEsperado — controles de design de quiz ativam em caminhos de quiz.

Resultado​

Visitantes chegam ao seu quiz a partir de um botão de landing page, bloco Quiz Interativo incorporado ou etapa de funil — com URLs ao vivo testadas e integrações confirmadas.

Documentação Relacionada​

FAQ​

URL de quiz independente vs elemento Quiz Interativo?

Use URL de quiz publicada para tráfego dedicado de quiz. Use Quiz Interativo quando o quiz faz parte de um layout de página maior.

Publico página e quiz?

Quizzes independentes precisam de publicação do quiz. Quiz Interativo incorporado precisa de publicação da página. Alguns setups usam ambos se você vincula a uma URL de quiz separada.

Um funil pode misturar páginas e URLs de quiz?

Sim. Adicione cada etapa como página ou URL seguindo as regras de conexão do seu funil.

Para onde vão leads de quiz incorporado?

Para Leads e webhooks configurados como outros formulários/quizzes — teste na URL da página publicada.

Quiz Interativo é para uma pergunta simples?

Não. Use blocos de opção de quiz mais simples para perguntas únicas; Quiz Interativo é para fluxos multi-etapa.