Incorporar um quiz no site – código universal
Incorporar um quiz AdsQuiz no seu site
Neste guia vemos como usar um quiz AdsQuiz como parte integrante do seu site – não apenas como um formulário padrão, mas como widget, pop-up ou bloco interativo em várias páginas.
Hoje um quiz pode ser adicionado a um site em diferentes formatos, consoante os objetivos. Pode funcionar como uma página completa para segmentar o público ou como um elemento da interface que ajuda a recolher pedidos.
Pode colocar o quiz em diferentes partes do site:
• como bloco numa página;
• como pop-up;
• como formulário de chat;
• como painel lateral;
• como sugestão interativa ou botão de arranque.
Estão também disponíveis diferentes acionadores de apresentação:
• após um certo tempo no site;
• ao clicar num botão;
• quando o visitante tenta sair da página (exit intent);
• automaticamente quando a página carrega.
Assim ajusta com precisão o comportamento do quiz e aumenta a conversão em cada cenário.
Configurar a incorporação do quiz
Passo 1. Para instalar o quiz no seu site, aceda às configurações do quiz e abra a secção «Instalar quiz no site».
Depois:
- Introduza o domínio onde o quiz vai ficar.
- Escolha o formato de apresentação (bloco, pop-up, widget, etc.).
- Defina o tamanho do quiz ou use uma das opções prontas.
- Se necessário, defina manualmente os seus próprios parâmetros de apresentação.
- Escolha os dispositivos (computador, telemóvel ou todos).
Também pode personalizar o aspeto:
• cores dos botões;
• cores dos ícones;
• estilos dos elementos da interface.
💡 Dica: use as definições de aparência – permitem adaptar totalmente o quiz ao design do seu site.
Passo 2. Gerar e inserir o código
Depois de configurar tudo, clique em «Gerar código» – o sistema cria um script para incorporar.
Cole-o no bloco ou secção correspondente do modelo do seu site.
Passo 3. Verificar se funciona
Depois de publicar, verifique:
• como fica no computador e no telemóvel;
• se os acionadores funcionam (clique, tempo, exit intent);
• se os pedidos são recolhidos corretamente.
⚠️ Importante:Antes de incorporar, confirme que o domínio está adicionado nas configurações do AdsQuiz.
🧩 WordPress
Como incorporar o quiz
• abra o painel de administração do WordPress
• aceda à página ou artigo pretendido
• adicione um bloco «Código» ou Custom HTML
• cole o script JS
• guarde e publique
🛒 Shopify
Como incorporar o quiz
• abra o painel de administração do Shopify
• aceda a Online Store → Themes → Edit code
• abra o modelo pretendido (produto, página ou theme.liquid)
• cole o script antes de </body> ou no bloco pretendido
• guarde as alterações
🎯 Wix
Como incorporar o quiz
• abra o editor do Wix
• clique em Add → Embed → Custom Embeds
• escolha HTML iframe / Embed Code
• cole o script do AdsQuiz
• coloque o bloco na página
• publique o site
🧩 Webflow
Como incorporar o quiz
• abra o seu projeto no Webflow
• aceda a Page Settings ou Project Settings
• encontre a secção Custom Code
• cole o script em Before tag
• guarde e publique o site
⚡ Lovable
Como incorporar o quiz
• abra o editor do Lovable
• aceda à secção de código personalizado ou integrações
• cole o script JS do AdsQuiz
• guarde as alterações
• publique a página
⚛️ Next.js
Como incorporar o quiz
• abra o seu projeto Next.js
• adicione o script ao componente _app.js ou layout.js
• guarde e execute o projeto
▶️ Vídeo recomendado
Para perceber melhor o processo de configuração, recomendamos ver o guia em vídeo:
❓ Perguntas frequentes
Posso incorporar um quiz sem código? Não. Para incorporar é usado um script JS gerado.
O quiz funciona em dispositivos móveis? Sim, o quiz é responsivo e adapta-se automaticamente ao telemóvel e ao computador.
Posso usar o quiz como pop-up? Sim. Formatos disponíveis: bloco, widget, pop-up, formulário de chat.
Posso adicionar o quiz a vários domínios? Sim. No campo «Domínio» da secção «Partilhar» existe o botão «Adicionar domínio» – pode adicionar vários endereços. É útil se um quiz for usado ao mesmo tempo no site principal e em micro-landing pages.