Saltar para o conteúdo principal

Como incorporar um quiz interativo no site: 6 formatos e guia passo a passo

Tutorial · Embed

Incorpore um quiz interativo ao seu site em 2 minutos — sem desenvolvedores nem código manual. Escolha o formato de incorporação ideal e comece a capturar leads imediatamente após a publicação.

O que é incorporação de quiz

Embed é uma forma de colocar um criador de quizzes diretamente no seu site — sem redirecionar os visitantes para uma página externa. Você copia o código gerado nas configurações do quiz e o cola no seu site. O quiz aparece como parte natural da sua página, não como um link externo.

Isso é essencial para a conversão: quando um visitante permanece no seu site e preenche o formulário ali mesmo — ele confia mais do que se for enviado para uma página de terceiros. Um quiz incorporado é percebido como parte da página, não como publicidade.

Como funciona: acesse as configurações do quiz na sua conta AdsQuiz → abra a seção “Instalação do quiz no site” → insira seu domínio → escolha um formato de incorporação → configure tamanhos, cores e condições de exibição → clique em “Gerar código” → cole o script no seu site. Funciona com WordPress, Webflow, Shopify e qualquer outra plataforma.

Tutorial em vídeo

Como incorporar um quiz interativo no seu site

Assista ao tutorial passo a passo — desde a escolha do formato de incorporação até o quiz entrar no ar no site.

Formulário padrão ou quiz: qual converte melhor?

❌ Formulário de contato padrão

Entediante — apenas campos Nome, Telefone, Enviar
O visitante não entende por que deixar seus dados
Baixo engajamento — fácil de fechar
Sem resultado personalizado
Taxa de conversão de 1–3% na maioria dos nichos
✅ Quiz AdsQuiz incorporado no site

Interativo — o visitante responde às perguntas
Motivação clara: “responda e obtenha um resultado”
Maior engajamento — o quiz mantém a atenção
Resposta personalizada ou seleção de produto
Taxa de conversão de 15–30% em média

6 formatos para criar quiz interativo e incorporar no site

O AdsQuiz oferece seis opções diferentes de incorporação para o seu quiz, cada uma adequada a uma tarefa específica. Use uma — ou combine várias em páginas diferentes.



Padrão

Incorporado no conteúdo da página

O quiz é exibido diretamente no conteúdo da página, como um bloco normal. Ideal para landing pages onde o quiz é o principal elemento de conversão.

Popup

Janela pop-up por condição

O quiz aparece como uma janela modal — ativada por clique em botão, após um tempo ou com exit intent. Não interrompe a navegação até o visitante estar pronto.

Botão de chat

Bolha de chat no canto

Um botão com ícone aparece no canto da página. Clique — o quiz abre. Parece um chat de suporte, mas em vez de um agente — um quiz automático.

Tela cheia

Modo tela cheia

O quiz ocupa toda a tela — foco máximo, zero distração. Ideal para quizzes de múltiplas etapas onde a concentração do visitante importa.

Feedback

Barra fixa na parte inferior

Uma barra estreita fica fixada na parte inferior da tela. Clique — expande em um quiz. Sempre visível ao rolar, sem ocupar espaço na página.

Painel lateral

Deslizável pela lateral

O quiz desliza pela lateral da página — esquerda ou direita. Não cobre o conteúdo principal mas está sempre acessível. Ótimo para sites com artigos longos.

Exemplo de incorporação

Assim se parece o formato de incorporação de quiz como “Botão de chat”.

Exemplo de incorporação de quiz no formato botão de chat no site

Para configurar a incorporação do quiz no seu site — acesse as configurações do quiz desejado, insira o domínio do site, escolha o formato de incorporação, configure as cores e outros parâmetros e gere o código para colocar no seu site.

Configurações dos formatos de incorporação de quiz na interface do AdsQuiz

Guia de configuração de incorporação passo a passo

1

Abra as configurações do quiz

Faça login na sua conta AdsQuiz, selecione o quiz que deseja incorporar, acesse suas configurações e abra a seção “Instalação do quiz no site”.

2

Insira o domínio do seu site

No campo “Domínio” digite o endereço do seu site, por exemplo meusite.com.br. Isso garante que o código de incorporação funcione corretamente. Você pode adicionar vários domínios se o quiz estiver em múltiplos sites.

Atenção: insira o domínio sem https:// — apenas o nome do site.
3

Escolha o formato de incorporação

Clique no formato que se adapta ao seu objetivo: Padrão, Popup, Botão de chat, Tela cheia, Feedback ou Painel lateral. Cada formato mostra imediatamente uma prévia de como o quiz ficará no site.

Padrão

Para landing pages e páginas de serviços — quiz incorporado diretamente no conteúdo da página.

Botão de chat

Para qualquer site — ativação discreta do quiz por ícone no canto.

Popup

Para blogs e lojas online — o quiz aparece com base em uma condição de ativação.

Tela cheia

Para quizzes de seleção detalhada de produtos — imersão total, zero distração.

Feedback

Barra inferior fixa — sempre visível ao rolar, expande em quiz ao clicar.

Painel lateral

Desliza pela lateral da página. Não cobre o conteúdo mas sempre acessível.

Exemplo formato painel lateral — incorporação de quiz no site
4

Configure os parâmetros de exibição

Dependendo do formato escolhido, você terá diferentes opções de configuração. Aqui estão as principais:

Tamanho do quiz

Largura e altura em pixels ou porcentagem. Para incorporação padrão — 100% de largura e 600–700px de altura.

Dispositivos de exibição

Exibir em todos os dispositivos, apenas desktop ou apenas mobile — sua escolha.

Condições de exibição

Gatilho: após um tempo, ao clicar no botão ou exit intent (visitante tenta fechar o site).

Ícone de chamada

Para Botão de chat e Feedback — chat, ponto de interrogação, formulário, telefone ou ícone personalizado.

5

Gere o código e cole no seu site

Após configurar, clique em “Gerar código”. Cole-o no HTML do seu site antes da tag de fechamento </body> ou em um bloco HTML personalizado no seu construtor de sites (WordPress, Webflow, Wix e outros suportam isso imediatamente).

WordPress: cole pelo bloco “HTML personalizado” no editor Gutenberg ou use o plugin Insert Headers and Footers. Shopify: cole o script no template de tema correto pelo editor de código. Em qualquer plataforma o princípio é o mesmo — copie ambos os scripts e cole-os na página.

Pronto para incorporar seu quiz no site?

Cadastre-se no AdsQuiz, escolha um modelo e obtenha seu código de incorporação em 2 minutos — grátis.

Como aumentar a conversão do quiz incorporado

Uma incorporação bem configurada é metade do sucesso. Veja mais dicas para conseguir mais leads.

1

Coloque acima da dobra

Um quiz na primeira tela recebe 2–3 vezes mais interações do que aquele colocado abaixo.

2

Configure atraso para o popup

Um popup após 15–20 segundos é muito menos irritante do que aquele que aparece imediatamente ao entrar.

3

Um quiz por página

Não coloque múltiplas incorporações em uma página. Um CTA claro significa melhor foco e maior taxa de conversão.

4

Adapte o ícone ao design do site

Para o formato Botão de chat, escolha um ícone que combine com o estilo visual do seu site — isso aumenta a taxa de cliques.

5

Conecte pixels de análise

Configure o rastreamento de eventos no Google Analytics ou Facebook Pixel — para ver o custo real por lead.

6

Conecte seu CRM

Configure a transferência de leads para o seu CRM via webhook — o quiz transferirá leads automaticamente sem trabalho manual.

7

Remova a marca d’água

Se necessário, a marca d’água do AdsQuiz pode ser desativada nas configurações do quiz específico.

Onde um site de quiz interativo funciona melhor

🏠

Imóveis

Quiz de seleção de imóveis no site de uma incorporadora ou imobiliária. O cliente responde 4–5 perguntas e recebe uma seleção personalizada.

🛒

E-commerce

Seleção de produto por parâmetros — painel lateral ou popup. Substitui a busca e ajuda os clientes a encontrar o que precisam mais rápido.

🎓

Educação

Quiz “Encontre seu curso” incorporado na landing page de uma escola — em vez de um formulário de cadastro entediante.

🏥

Saúde e medicina

Quiz para agendamento de consulta ou seleção de médico. Incorporação padrão na parte inferior da página de serviços.

🏗

Construção e reformas

Calculadora de custo de reforma ou seleção de materiais — funciona muito bem em tela cheia, substituindo formulários de cálculo complexos.

💼

B2B e serviços

Botão de chat com quiz em um site corporativo — coleta discretamente contatos de clientes potenciais 24 horas por dia.

Exemplo de incorporação de quiz no WordPress

Veja um quiz padrão real do AdsQuiz incorporado no WordPress — diretamente nesta página.

7 erros ao incorporar um quiz no site

1

Não informar o domínio nas configurações

Sem o domínio correto, o código de incorporação pode não ser exibido corretamente ou ser bloqueado. Sempre preencha o campo “Domínio” antes de copiar o código.

2

Colar o código em <head> em vez de </body>

O script do quiz deve ser colocado antes da tag de fechamento </body>, não no cabeçalho da página. Caso contrário, o quiz pode não carregar ou deixar o site lento.

3

Altura fixa muito pequena para o conteúdo

Se o quiz tem muitas perguntas e a altura do iframe é muito pequena — aparece uma barra de rolagem dentro do quiz. Defina uma altura com margem suficiente ou use altura automática.

4

Vários popups em uma página

Duas janelas pop-up ao mesmo tempo é uma forma garantida de irritar os visitantes. Máximo um tipo de incorporação por página.

5

Não verificar a exibição após publicar

Após incorporar, sempre abra a página no navegador e no smartphone. Às vezes o construtor de sites modifica a estrutura do código ao salvar.

6

Desativar mobile quando o quiz é necessário em todos os lugares

Se você desativou a exibição em dispositivos móveis mas a maior parte do tráfego vem de smartphones — você perde a maioria dos leads potenciais.

7

Não conectar o CRM após incorporar

O quiz coleta leads, mas se você não configurar a transferência para o CRM ou pelo menos para o e-mail — os leads se acumulam na conta e os gestores não os veem a tempo.

Perguntas frequentes


Não. Você simplesmente copia o código pronto das configurações do quiz no AdsQuiz e o cola no lugar certo do seu site. A maioria dos construtores de sites (WordPress, Webflow, Wix) tem blocos dedicados para colar código HTML — sem programação.

Tecnicamente — quantos quiser. Mas recomenda-se um quiz por página. Você pode ter diferentes quizzes em diferentes páginas — por exemplo, um seletor de produto no catálogo e um quiz de agendamento de consulta na página de Contato.

Sim. Acesse as configurações do quiz, escolha um novo formato de incorporação, copie o novo código e substitua o antigo no site. Se estiver apenas mudando a aparência (por exemplo, ícone ou cor do botão) — para alguns parâmetros basta atualizar as configurações sem substituir o código.

O impacto é mínimo. O script carrega de forma assíncrona e não bloqueia a renderização da página. Para máxima velocidade, cole o código antes da tag de fechamento </body>, não em <head>.

Sim. Nas configurações de incorporação há um seletor de dispositivos — escolha todos os dispositivos, apenas desktop ou apenas mobile. Desative mobile se a versão móvel do site tiver uma estrutura completamente diferente.

Sim, e é um dos métodos mais populares. Cole o código pelo bloco “HTML personalizado” no editor Gutenberg ou use o plugin Insert Headers and Footers para colocação global em todas as páginas. Elementor, Divi e outros construtores de páginas também são suportados.

Sim. Nas configurações do quiz há um botão “Adicionar domínio” — você pode especificar vários endereços. É útil quando um quiz está colocado tanto no site principal quanto em uma micro landing page.

Sim. Cole o script do quiz no template de tema correto pelo editor de código do Shopify. O princípio é o mesmo que em outras plataformas — copie ambos os scripts das configurações do quiz e adicione-os na página. Não esqueça de inserir o domínio da sua loja nas configurações do quiz.

Experimente grátis

Incorpore seu primeiro quiz no site hoje mesmo

Aumente a taxa de conversão do seu site. Implante um dos nossos 6 formatos de incorporação em minutos e veja os leads chegando automaticamente.

Oleksandr Palii
Co-founder AdsQuiz
Experimente gratuitamente
Crie o seu primeiro quiz agora mesmo!

Artigos recomendados

06/18/26
AdsQuiz · Sistema de pontuação Um quiz com pontuação é uma ferramenta que engaja, educa e vende ao…
ads quiz + webhook
06/16/26
INTEGRAÇÕES · AUTOMAÇÃO Descubra como enviar automaticamente respostas, dados de contato e ofertas…
адс квіз на домені
06/16/26
Configuração · Técnico Por padrão, o seu quiz já está disponível no domínio do AdsQuiz — logo após…