Esta guía explica cómo configurar un nuevo popup, definiendo su contenido, las condiciones de visualización y el aspecto gráfico.
Procedimiento
1. Contenido
En esta sección defines el título y el contenido efectivo de tu popup.
1. Introduce el Título del popup.
2. Decide el modo de visualización:
- Marca la casilla Mostrar automáticamente si deseas que el popup se muestre automáticamente según las condiciones que establecerás en los pasos siguientes.
- Si no seleccionas esta opción, el popup estará en modo "Manual". Deberás llamar a la apertura del popup mediante los eventos del Visual Builder o utilizando el código JavaScript proporcionado.
3. Utiliza el editor para definir el Contenido del popup.
2. Condiciones (Visible solo si "Mostrar automáticamente" está activo)
En esta sección defines a qué usuarios y en qué páginas debe mostrarse el popup.
4. Marca la casilla Mostrar a todos si no deseas aplicar filtros (el popup se mostrará a todos los visitantes que cumplan con las configuraciones de comportamiento).
5. Si no seleccionas Mostrar a todos, en el cuadro Gestionar condiciones podrás definir reglas específicas (por ejemplo, mostrar el popup solo a usuarios que hayan realizado determinadas acciones).
6. En el cuadro Login, configura el Estado de acceso para limitar la visualización a:
- Mostrar a todos
- Solo usuarios conectados
- Solo usuarios no conectados
7. En el cuadro Limitar mediante enlace, puedes especificar las páginas donde debe aparecer o no aparecer el popup:
- Introduce las URL en Mostrar SOLO en las siguientes páginas.
- Introduce las URL en NO mostrar en las siguientes páginas.
- Selecciona Aplicar también a posibles páginas hijas si es necesario.
3. Comportamiento (Visible solo si "Mostrar automáticamente" está activo)
En esta sección defines cuándo se abrirá el popup y su frecuencia de visualización.
8. Elige el Disparador de apertura (el momento en que aparece el popup):
- Al abrir la página (inmediatamente)
- Antes de cerrar la página (on exit)
- Al hacer scroll en la página
9. Elige el Disparador de cierre (cómo puede cerrar el usuario el popup).
10. Selecciona Mostrar insistentemente si quieres que el popup se muestre en cada carga de página, ignorando la frecuencia.
11. Si no has seleccionado "Mostrar insistentemente", configura la frecuencia de visualización en Mostrar cada [X] días.
12. En el cuadro Preferencias, configura las opciones adicionales según el Disparador de apertura seleccionado (por ejemplo: Espera en segundos, o Scroll mínimo de página en %).
4. Apariencia
En esta sección defines el estilo y la animación del popup.
13. Configura la Tipología:
- Popup simple
- Offcanvas - Izquierda
- Offcanvas - Derecha
14. Define la Anchura máxima en píxeles.
15. Elige el color de Fondo del popup y el color del Botón de cierre.
16. En el cuadro Overlay, selecciona una opción para el fondo detrás del popup (Oscuro, Claro, Personalizado o Ninguno).
17. En el cuadro Animaciones (visible solo para la Tipología "Popup simple"), selecciona la Animación de entrada y la Animación de salida deseadas.
18. Para ver un borrador del resultado, haz clic en Ver vista previa.
19. Al finalizar la configuración, haz clic en el botón de guardar para confirmar la creación del popup.
