Esta guía te lleva paso a paso para construir tu primer widget de intención de salida. El constructor tiene cuatro pasos: Content, Design, Targeting y Frequency. La mayoría de los primeros widgets están en producción en menos de 10 minutos.
Antes de empezar
Necesitas:
- Un plan Pro o superior
- El script de tracking de Zenovay ya instalado en tu sitio
- Una idea clara de lo que quieres decir (un borrador es suficiente)
Si el tracker aún no está instalado, consulta primero Instalar el script de tracking.
Abrir el constructor de widgets
Abre la app
Inicia sesión en app.zenovay.com
Abre Widgets
Abre el sitio web al que quieres añadir un widget y selecciona la pestaña Widgets, o ve directamente a Widgets en la barra lateral. Si tu equipo tiene más de un sitio, elige el correcto del selector en la parte superior.
Comienza un nuevo widget
Haz clic en New Widget.
El constructor de cuatro pasos se abre en Content.
Paso 1 — Content
Esto es lo que tu visitante va a leer.
Campos
| Campo | Requerido | Descripción |
|---|---|---|
| Title | Sí | Frase que llama la atención (máx. 100 caracteres) |
| Body | Sí | Texto de apoyo o detalle de la oferta, Markdown soportado (máx. 1 000 caracteres) |
| Button text | No | Etiqueta de la llamada a la acción principal (máx. 60 caracteres) |
| Button link | No | Adónde va el clic. Debe ser una URL completa https:// |
Una vista previa en vivo del widget aparece al lado de los campos y se actualiza conforme escribes.
Consejos
- Lidera con el valor, no con "¡espera!" — "Ahorra un 10 % en tu primer pedido" funciona mejor que "¡No te vayas!"
- Mantén el cuerpo en dos frases cortas
- La etiqueta del botón debe coincidir con lo que hace el enlace — "Ver el cupón" si el enlace revela un código, "Enviármelo por correo" si recoges un email
Haz clic en Next cuando el contenido te convenza.
Paso 2 — Design
Las decisiones de diseño controlan cómo se ve el widget. Una vista previa en vivo a la derecha refleja cada cambio.
Posición
Elige dónde aparece el widget: una modal centrada (sobreposición a pantalla completa, máximo impacto), una de las cuatro esquinas (top-left, top-right, bottom-left, bottom-right), o una banda superior / banda inferior que abarca el borde del viewport.
Ancho
Elige el ancho del widget: SM, MD, LG o XL.
Colores
Establece los colores background, text, button y button text. Cada uno acepta un selector de color o un valor hex exacto.
Esquinas
Elige el radio de las esquinas, desde cuadrado hasta completamente redondeado (píldora).
Imagen (opcional)
Añade una imagen hero pegando una URL de imagen https://. Cuando se establece, puedes posicionarla top, left, right o como background.
Botón secundario (opcional)
Añade una segunda acción (por ejemplo "No, gracias"). Puede either descartar el widget u abrir un enlace (una URL https://).
Haz clic en Next.
Paso 3 — Targeting
Aquí decides quién ve el widget. Las reglas de targeting se cubren en detalle en Reglas de targeting; aquí está la versión rápida.
Patrones de página
Define en qué rutas URL puede dispararse el widget:
- En blanco → se dispara en todas las páginas del sitio
/pricing→ coincide con cualquier URL que contenga/pricing/blog/*→ usa*como comodín para todo lo que cuelga de/blog/- Varios patrones se combinan con OR (cualquier coincidencia vale)
Dispositivos
Marca cualquier combinación de Desktop, Mobile y Tablet. Al menos uno debe permanecer seleccionado.
Países
- En blanco → todos los países
- Añade uno o más códigos ISO de dos letras (p. ej.
US,DE,FR)
Número de visitas mínimo
Opcionalmente, mostrar el widget solo después de que el visitante haya estado en el sitio al menos N veces. Útil para ofertas de "fidelidad". Consulta Reglas de targeting para las advertencias en modo cookieless.
Haz clic en Next para continuar.
Paso 4 — Frequency
El paso final controla con qué frecuencia el mismo visitante ve el widget, y si entra en producción de inmediato.
Límite de frecuencia
Un único deslizador establece el límite, en días:
| Valor | Comportamiento |
|---|---|
| 0 | Sin límite — cada activación de intención de salida se dispara (úsalo con cuidado) |
| 1 | Como máximo una vez por día por visitante |
| N | Como máximo una vez cada N días por visitante |
Estado
Elige el estado con el que se guarda el widget:
- Draft — guardado pero aún no mostrado a visitantes
- Active — entra en producción de inmediato
Cuando todo te parece bien, termina el constructor. Guardar como Active inicia el widget ahora mismo; guardar como Draft lo mantiene privado hasta que lo actives desde la lista de Widgets. Puedes volver a la lista Widgets para editarlo, pausarlo, activarlo o eliminarlo en cualquier momento.
Después de publicar
Probar en tu sitio
La forma más rápida de confirmar que funciona:
- Abre tu sitio en producción en una ventana privada/incógnito
- Mueve el cursor al borde superior de la ventana (o haz scroll hacia arriba en móvil)
- El widget debería aparecer
Si no, las causas más comunes son:
- La URL de la página no coincide con tu regla de targeting
- Ya viste el widget recientemente (límite de frecuencia)
- El tracker aún no se cargó (recarga y espera un segundo)
- El widget es aún un draft o está pausado
Vigilar los números
Abre el widget desde la lista Widgets — la vista detallada muestra CTR, impresiones, impresiones únicas, clics y descartes, además de un gráfico diario, un embudo Shown → Clicked, y tus páginas principales. Los números de hoy se actualizan casi en tiempo real; los días anteriores se agregan durante la noche. Consulta Comprender la analytics para entender qué significa cada número.
Consejos para el primer widget
- Empieza estrecho. Mira una página (la de mayor valor) y un dispositivo en la primera versión. Amplía después.
- Límite razonable. "Una vez por día" (un límite de 1) es un buen valor por defecto; sin límite es casi siempre excesivo.
- Dale una semana. Las tasas de conversión necesitan volumen para ser confiables. No mates un widget tras 50 impresiones.
- Adapta la oferta a la página. Una salida de página de precios merece un mensaje distinto al de una salida de blog.
- Usa un goal. Vincular el botón del widget a un goal de Zenovay te permite medir conversiones reales, no solo clics. Ver Crear goals.