Cómo insertar un quiz en tu web: 6 formatos y guía paso a paso
Incrusta un quiz interactivo en tu sitio web en 2 minutos — sin desarrolladores ni código manual. Elige el formato de inserción adecuado y comienza a captar leads desde el primer momento.
El embed es una forma de colocar un creador de quizzes directamente en tu sitio web — sin redirigir a los visitantes a una página externa. Copias el código generado desde la configuración del quiz y lo pegas en tu sitio. El quiz aparece como parte natural de tu página, no como un enlace externo.
Esto es clave para la conversión: cuando un visitante permanece en tu sitio y completa el formulario ahí mismo — confía más que si lo envías a una página de terceros. Un quiz incrustado se percibe como parte de la página, no como publicidad.
Cómo insertar un quiz en tu sitio web
Mira la guía paso a paso — desde la elección del formato de inserción hasta la publicación del quiz en el sitio.
Formulario estándar o quiz: ¿cuál convierte mejor?
6 formatos para insertar un quiz en tu sitio web
AdsQuiz ofrece seis opciones diferentes de inserción para tu quiz, cada una adaptada a una tarea específica. Usa una — o combina varias en diferentes páginas.
Incrustado en la página
El quiz se muestra directamente en el contenido de la página, como un bloque normal. Ideal para landing pages donde el quiz es el elemento de conversión principal.
Ventana emergente por condición
El quiz aparece como una ventana modal — activada por un clic en botón, después de un tiempo o con exit intent. No interrumpe la navegación hasta que el visitante esté listo.
Burbuja de chat en la esquina
Un botón con icono aparece en la esquina de la página. Clic — el quiz se abre. Parece un chat de soporte, pero en lugar de un agente — un quiz automático.
Modo pantalla completa
El quiz ocupa toda la pantalla — máximo foco, cero distracciones. Ideal para quizzes de múltiples pasos donde la concentración del visitante importa.
Barra fija en la parte inferior
Una barra estrecha está fijada en la parte inferior de la pantalla. Clic — se expande en un quiz. Siempre visible al hacer scroll, sin ocupar espacio en la página.
Deslizable desde el lado
El quiz se desliza desde un lado de la página — izquierda o derecha. No cubre el contenido principal pero siempre está accesible. Ideal para sitios con artículos largos.
Así se ve el formato de inserción de quiz como «Botón de chat».
Para configurar la inserción del quiz en tu sitio web — ve a la configuración del quiz deseado, introduce el dominio del sitio, elige el formato de inserción, configura los colores y otros parámetros, y genera el código para colocarlo en tu sitio.
Guía de configuración de inserción paso a paso
Abre la configuración del quiz
Inicia sesión en tu cuenta de AdsQuiz, selecciona el quiz que quieres insertar, ve a su configuración y abre la sección «Instalación del quiz en el sitio web».
Introduce el dominio de tu sitio
En el campo «Dominio» escribe la dirección de tu sitio web, por ejemplo misitioweb.com. Esto garantiza que el código de inserción funcione correctamente. Puedes añadir varios dominios si el quiz está en múltiples sitios.
https:// — solo el nombre del sitio.Elige el formato de inserción
Haz clic en el formato que se adapte a tu objetivo: Estándar, Popup, Botón de chat, Pantalla completa, Feedback o Panel lateral. Cada formato muestra inmediatamente una vista previa de cómo se verá el quiz en el sitio.
Estándar
Para landing pages y páginas de servicios — quiz incrustado directamente en el contenido de la página.
Botón de chat
Para cualquier sitio — activación discreta del quiz mediante un icono en la esquina.
Popup
Para blogs y tiendas online — el quiz aparece según una condición de activación.
Pantalla completa
Para quizzes de selección detallada de productos — inmersión total, cero distracciones.
Feedback
Barra inferior fija — siempre visible al hacer scroll, se expande en quiz al hacer clic.
Panel lateral
Se desliza desde el lado de la página. No cubre el contenido pero siempre accesible.
Configura los parámetros de visualización
Dependiendo del formato elegido, dispondrás de diferentes opciones de configuración. Aquí están las principales:
Tamaño del quiz
Ancho y alto en píxeles o porcentaje. Para inserción estándar — 100% de ancho y 600–700px de alto.
Dispositivos de visualización
Mostrar en todos los dispositivos, solo escritorio o solo móvil — tu elección.
Condiciones de visualización
Activador: después de un tiempo, al hacer clic en botón o exit intent (visitante intenta cerrar el sitio).
Icono de llamada
Para Botón de chat y Feedback — chat, signo de interrogación, formulario, teléfono o icono personalizado.
Genera el código y pégalo en tu sitio
Tras configurar los ajustes, haz clic en «Generar código». Pégalo en el HTML de tu sitio antes de la etiqueta de cierre </body> o en un bloque HTML personalizado en tu constructor de sitios (WordPress, Webflow, Wix y otros lo soportan de forma inmediata).
¿Listo para insertar tu quiz en el sitio web?
Regístrate en AdsQuiz, elige una plantilla y obtén tu código de inserción en 2 minutos — gratis.
Cómo aumentar la conversión del quiz incrustado
Una inserción bien configurada es la mitad del éxito. Aquí hay más consejos para conseguir más leads.
Coloca por encima del pliegue
Un quiz en la primera pantalla obtiene 2–3 veces más interacciones que uno colocado más abajo.
Configura retraso para el popup
Un popup después de 15–20 segundos es mucho menos molesto que uno que aparece inmediatamente al entrar.
Un quiz por página
No pongas múltiples inserciones en una página. Un CTA claro significa mejor foco y mayor tasa de conversión.
Adapta el icono al diseño del sitio
Para el formato Botón de chat, elige un icono que encaje con el estilo visual de tu sitio — aumenta la tasa de clics.
Conecta píxeles de analítica
Configura el seguimiento de eventos en Google Analytics o Facebook Pixel — para ver el coste real por lead.
Conecta tu CRM
Configura la transferencia de leads a tu CRM mediante webhook — el quiz transferirá leads automáticamente sin trabajo manual.
Elimina la marca de agua
Si es necesario, la marca de agua de AdsQuiz se puede desactivar en la configuración del quiz específico.
Dónde funciona mejor un quiz funnel
Inmobiliaria
Quiz de selección de propiedades en el sitio de un promotor o agencia. El cliente responde 4–5 preguntas y recibe una selección personalizada.
E-commerce
Selección de producto por parámetros — panel lateral o popup. Reemplaza la búsqueda y ayuda a los clientes a encontrar lo que necesitan más rápido.
Educación
Quiz «Encuentra tu curso» incrustado en la landing page de una escuela — en lugar de un aburrido formulario de registro.
Salud y medicina
Quiz para reservar consulta o selección de médico. Inserción estándar en la parte inferior de la página de servicios.
Construcción y reformas
Calculadora de costes de reforma o selección de materiales — funciona excelente en pantalla completa, reemplazando formularios de cálculo complejos.
B2B y servicios
Botón de chat con quiz en un sitio corporativo — recopila discretamente contactos de clientes potenciales las 24 horas.
Casos de éxito de nuestros clientes
Resultados reales de empresas que usan AdsQuiz
Quiz para leads de reformas: cómo conseguir solicitudes de calidad
Caso real: un quiz en el sitio de una empresa de construcción reemplazó un formulario estándar y mejoró la calidad de los leads.
Quiz + Google Sheets + Meta CAPI: +30% de conversión de leads
Cómo configurar la transferencia de leads del quiz a Google Sheets y aumentar la conversión mediante Meta CAPI.
Cómo un quiz redujo el coste por lead a la mitad en educación
Caso de estudio: formulario de quiz en lugar del registro estándar — el coste por lead se redujo 2 veces.
Ejemplo de inserción de quiz en WordPress
Aquí hay un quiz estándar real de AdsQuiz incrustado en WordPress — directamente en esta página.
7 errores al insertar un quiz en el sitio web
No introducir el dominio en la configuración
Sin el dominio correcto, el código de inserción puede no mostrarse correctamente o ser bloqueado. Rellena siempre el campo «Dominio» antes de copiar el código.
Pegar el código en <head> en lugar de </body>
El script del quiz debe colocarse antes de la etiqueta de cierre </body>, no en el encabezado de la página. De lo contrario, el quiz puede no cargar o ralentizar el sitio.
Altura fija demasiado pequeña para el contenido
Si el quiz tiene muchas preguntas y la altura del iframe es demasiado pequeña — aparece una barra de desplazamiento dentro del quiz. Establece una altura con suficiente margen o usa la altura automática.
Varios popups en una página
Dos ventanas emergentes al mismo tiempo es una forma garantizada de irritar a los visitantes. Máximo un tipo de inserción por página.
No verificar la visualización tras publicar
Tras insertar, abre siempre la página en el navegador y en el smartphone. A veces el constructor del sitio modifica la estructura del código al guardar.
Desactivar móvil cuando el quiz se necesita en todas partes
Si has desactivado la visualización en móviles pero la mayor parte del tráfico viene de smartphones — pierdes la mayoría de los leads potenciales.
No conectar el CRM después de insertar
El quiz recoge leads, pero si no configuras la transferencia a tu CRM o al menos al correo — los leads se acumulan en la cuenta y los gestores no los ven a tiempo.
Preguntas frecuentes
Inserta tu primer quiz en el sitio web hoy mismo
Aumenta la tasa de conversión de tu sitio. Implementa uno de nuestros 6 formatos de inserción en minutos y observa cómo los leads llegan automáticamente.
