Quizanta.
Crear cuenta gratis

Instalación

Pon tu quiz en tu web

Tres formas, según con qué esté hecha tu web. Ninguna necesita un programador y ninguna copia el quiz dentro de tu sitio: el embudo se queda en Quizanta, así que editarlo allí lo cambia en todos los sitios donde aparece.

Lo que necesitas antes de empezar

Un embudo publicado. Ábrelo en Quizanta → Integraciones y verás su dirección; la última parte de esa dirección es su slug, y todos los métodos de abajo te lo van a pedir.

quizanta.com/q/cocinas-madrid → el slug es cocinas-madrid

WordPress y WooCommerce

El plugin

En WordPress pegar un script en una página casi nunca funciona: el editor de bloques lo elimina para quien no es administrador, y los maquetadores lo recodifican. El plugin mete el embudo en un bloque.

Descargar el plugin
  1. 1InstálaloPlugins → Añadir nuevo → Subir plugin, elige el archivo descargado, instala y activa.
  2. 2Conéctalo a tu cuentaAjustes → Quizanta. Pega la API key de Quizanta → Integraciones y tus embudos publicados aparecen en un menú. La key es opcional: sin ella escribes el slug a mano. Además puede leer tus leads, así que ponla solo en un sitio cuyos administradores puedan verlos.
  3. 3Ponlo en una páginaAñade el bloque «Quizanta quiz» donde deba aparecer el embudo. En Elementor, Divi, WPBakery o cualquier maquetador, usa un widget de HTML o texto con el shortcode.
  4. 4O en toda la webAjustes → Quizanta → Botón flotante: elige un embudo y aparece un botón en la esquina de todas las páginas. Déjalo vacío si no lo quieres.
Qué permiten el bloque y el shortcode
  • Dentro de la página o como botón en la esquina: un ajuste en cada bloque.
  • Un embudo distinto por página: cada bloque indica el suyo; el de ajustes es solo el de reserva.
  • Una altura mínima, para el instante antes de que el embudo informe de la suya.

[quizanta slug="YOUR-FUNNEL"]

Cualquier otra plataforma

Una línea de código

Shopify, Wix, Squarespace, Webflow, Tilda, PrestaShop o una web hecha a mano: todas admiten el mismo fragmento. Cópialo desde Quizanta → Integraciones con tu embudo ya puesto.

Dentro de la página

Pon el div donde deba aparecer el embudo y el script en cualquier punto de la misma página. El embudo informa de su propia altura, así que no deja hueco.

<div data-quizanta="YOUR-FUNNEL"></div>
<script src="https://quizanta.com/widget.js" async></script>
Como botón en la esquina

Una sola etiqueta, sin div. El botón acompaña al visitante por todas las páginas donde esté y abre el embudo por encima.

<script src="https://quizanta.com/widget.js" data-quizanta="YOUR-FUNNEL" data-mode="popup" async></script>

Dónde pegarlo, plataforma por plataforma

Los nombres de los menús cambian de versión en versión en todas estas plataformas. Si alguno de abajo ya no coincide, busca lo más parecido: el sitio es el correcto aunque el texto haya cambiado.

Shopify
Dentro de la página
  1. 1.Tienda online → Temas → Personalizar.
  2. 2.Elige arriba la página que quieras y luego Agregar sección → Liquid personalizado.
  3. 3.Pega el fragmento «dentro de la página», cambia YOUR-FUNNEL por tu slug y Guardar.
Como botón en la esquina
  1. 1.Tienda online → Temas → ⋯ → Editar código.
  2. 2.Abre Layout → theme.liquid.
  3. 3.Pega el fragmento del botón en la línea anterior a </body> y Guardar. Ya está en todas las páginas de la tienda.
Wix
Dentro de la página
  1. 1.En el editor: Agregar (+) → Insertar código → Insertar HTML.
  2. 2.Pulsa Introducir código, pega el fragmento «dentro de la página» y Aplicar.
  3. 3.Ajusta el ancho del marco arrastrando y Publicar.
Como botón en la esquina
  1. 1.Panel → Configuración → Código personalizado → + Agregar código.
  2. 2.Pega el fragmento del botón, colócalo en Body – final, aplícalo a Todas las páginas y cargar una vez.
  3. 3.Aplicar y Publicar.
Squarespace
Dentro de la página
  1. 1.Edita la página → Añadir bloque → Código.
  2. 2.Pega el fragmento «dentro de la página», pon el lenguaje en HTML y deja «Mostrar código fuente» sin marcar.
  3. 3.Guardar.
Como botón en la esquina
  1. 1.Configuración → Avanzado → Inyección de código.
  2. 2.Pega el fragmento del botón en Footer.
  3. 3.Guardar.
Webflow
Dentro de la página
  1. 1.Arrastra un elemento Embed al punto donde deba aparecer el embudo.
  2. 2.Pega el fragmento «dentro de la página» y Save & Close.
  3. 3.Publish.
Como botón en la esquina
  1. 1.Project settings → Custom code.
  2. 2.Pega el fragmento del botón en Footer code, antes de la etiqueta </body>.
  3. 3.Save y Publish.
Tilda
Dentro de la página
  1. 1.En el editor de la página: Añadir bloque → Otros → T123 (código HTML).
  2. 2.Pega el fragmento «dentro de la página» en el contenido del bloque.
  3. 3.Guardar y Publicar la página.
Como botón en la esquina
  1. 1.Configuración del sitio → Más → Código HTML para todo el sitio, en el campo «antes de </body>».
  2. 2.Pega el fragmento del botón y Guardar.
  3. 3.Vuelve a publicar todas las páginas: este ajuste solo llega a las páginas publicadas.
PrestaShop
Dentro de la página
  1. 1.Diseño → Tema y logotipo → la plantilla de la página que quieras, o cualquier módulo que acepte HTML.
  2. 2.Pega el fragmento «dentro de la página» donde deba aparecer el embudo.
  3. 3.Parámetros avanzados → Rendimiento → Vaciar caché.
Como botón en la esquina
  1. 1.La plantilla del pie del tema (footer.tpl), justo antes de </body>.
  2. 2.Pega el fragmento del botón.
  3. 3.Parámetros avanzados → Rendimiento → Vaciar caché.

Sin web

El enlace, sin más

Cada embudo es una página propia y no necesita nada para funcionar: pon el enlace en la bio de Instagram, mándalo por WhatsApp, imprime el código QR de Quizanta → Integraciones en la furgoneta, una tarjeta o una factura. Añade ?utm_source= al final para distinguir la furgoneta del escaparate cuando lleguen las solicitudes.

Si no aparece nada

La página no muestra nada donde debería estar el embudo

Dos causas habituales: el embudo aún no está publicado, o el slug está mal. Compáralo con la dirección en Quizanta → Integraciones: un embudo solo guardado no tiene página pública.

Hay una barra de desplazamiento dentro del embudo, o un hueco debajo

El marco informa de su altura a medida que el visitante avanza. Si tu tema impone una altura fija a los iframes, quítala y usa la altura mínima del bloque.

El botón de la esquina está en otro idioma

Antes de cargar el embudo, el botón lee el idioma de tu página. El plugin de WordPress envía el del sitio; en el resto se usa <html lang>. Añade data-lang="es" a la etiqueta del script para fijarlo.

A mí me funciona pero a un visitante no

Casi siempre es un plugin de caché o un CDN sirviendo una copia antigua de la página. Vacía la caché y recarga sin ella.

¿Sigues atascado?

Escribe a support@quizanta.com con la dirección de la página donde intentas poner el embudo. Con esa línea se suele resolver.

Convierte conversaciones en clientes, no en curiosos.

Crea tu quiz en minutos. Publícalo en Instagram, WhatsApp o tu web y recibe leads cualificados directamente en WhatsApp.

Empezar gratis Ver todas las plantillas
  • Sin tarjeta de crédito
  • Leads ilimitados
  • Listo en 5 minutos