Marketing y comunicación

¿Cómo mostrar una ventana emergente (popup) en tu web?

Las ventanas emergentes son una excelente forma de destacar una promoción, un concurso o una información importante ante los visitantes de tu web. Con emiweb, puedes crear fácilmente una ventana emergente personalizada y elegir cuándo y cómo se muestra.

En este tutorial veremos paso a paso cómo crear y configurar una ventana emergente.

Condiciones de acceso: disponible a partir de la suscripción Oferta Pro

1) Acceder a los ajustes de las ventanas emergentes

  1. En el manager, ve a Configuración → Ajustes y abre los ajustes de las ventanas emergentes.
Ajustes de las ventanas emergentes

2) Crear una ventana emergente

  1. Haz clic en el botón para crear una ventana emergente.
  2. Indica un nombre para la ventana emergente (interno, para que te oriente).
  3. Define la fecha de inicio de visualización y, si es necesario, añade una fecha de fin.
  4. Añade una imagen de ilustración (se muestra en la parte superior de la ventana emergente).
  5. Redacta el contenido (título + descripción) en el editor.
  6. Añade un botón:
    • El texto del botón (p. ej.: « Quiero participar »)
    • El enlace del botón (p. ej.: /pages/concours.html)
  7. Haz clic en Guardar.
Ajustes de la ventana emergente, paso 2

3) Ajustar la visualización de la ventana emergente

Tras guardar, abre Configuración → Ajustes → Plugins y busca la parte dedicada a las ventanas emergentes.

  1. Activa la visualización de la ventana emergente.
  2. Elige la ventana emergente que se mostrará (la que acabas de crear).
  3. Selecciona la posición: izquierda o derecha.
  4. Elige el modo de visualización:
    • Tras abrir la página (aparece pasados unos segundos)
    • Al desplazarse por la página (aparece tras hacer scroll)
  5. Define el límite de visualizaciones por usuario y por día (evita saturar a tus visitantes).
  6. Guarda.
Plugin de ventanas emergentes

Buenas prácticas

  • Utiliza un título corto y una imagen nítida (con el peso optimizado).
  • Coloca una llamada a la acción única (un solo botón pertinente).
  • Limita la visualización a 1 vez al día por usuario para una mejor experiencia.
  • Programa una fecha de fin para tus acciones temporales.

La ventana emergente está lista. Prueba el resultado en móvil y en ordenador y ajusta después el texto, la imagen y el retraso de visualización para maximizar la interacción.

Vista previa de la ventana emergente
Crear una web gratis o profesional: la creación de páginas web para todos