Ventanas emergentes (Pop Ups)

Cómo crear, diseñar y construir una ventana emergente (Pop-ups)

En esta guía aprenderás:

• Cómo crear una nueva ventana emergente

• ¿Dónde encontrar tus ventanas emergentes?

• Creador de ventanas emergentes: Cómo diseñar y editar una ventana emergente

• Configuración de ventanas emergentes: Cómo cambiar/ajustar la posición, el nombre y otras opciones de visualización de una ventana emergente

• Cómo seleccionar en qué páginas debe mostrarse o ser visible una ventana emergente.

Cómo crear una nueva ventana emergente

Para crear una nueva ventana emergente, vaya a Páginas -> Agregar nueva -> Ventana emergente.

Puedes elegir una ventana emergente prediseñada editable o crear una desde cero seleccionando el botón Ventana emergente vacía.

¿Dónde encontrar tus ventanas emergentes?

Para encontrar las ventanas emergentes que has creado, ve a Páginas -> Ventanas emergentes.

Creador de ventanas emergentes: Cómo diseñar y editar una ventana emergente

El creador de ventanas emergentes tiene el mismo aspecto y funcionamiento que el creador de páginas normal.

Cualquier widget , independientemente de su tipo, se puede arrastrar y soltar a una ventana emergente. Una vez dentro de la ventana emergente, el widget conserva todas sus funcionalidades, lo que garantiza que se pueda modificar, reorganizar y personalizar tal como se haría en el entorno estándar de creación de páginas.

Esto permite una experiencia de edición fluida y versátil, brindando a los usuarios la flexibilidad para optimizar y personalizar su contenido sin limitaciones ni compromisos funcionales.

Configuración de ventanas emergentes: Cómo cambiar/ajustar la posición, el nombre y otras opciones de visualización de una ventana emergente

Para acceder a la configuración general de la ventana emergente, haga clic en el " icono de engranaje " situado junto al nombre de la ventana emergente y seleccione " Mostrar configuración " o abra la ventana emergente haciendo clic en el nombre y seleccionando " Configuración de la ventana emergente ".

En la configuración de la ventana emergente, encontrarás los 6 diseños disponibles. Puedes experimentar con ellos para seleccionar el que más te guste.

También puedes editar:

• Nombre de la ventana emergente (Será más fácil encontrar la ventana emergente si incluyes un enlace a ella)

• Opciones para determinar cuándo se activa la ventana emergente (si no se activa al hacer clic en un botón o enlace).

• ¿Con qué frecuencia mostrar la ventana emergente?

• Por último, ¿qué animación mostrar?

Cómo seleccionar en qué páginas debe mostrarse o ser visible una ventana emergente.

Si la ventana emergente se activa automáticamente, puede seleccionar en qué páginas debe mostrarse.

Para seleccionar en qué página de tu sitio web debe aparecer una ventana emergente, ábrela y selecciona la opción « Mostrar en ». Aquí podrás elegir la página donde se mostrará la ventana emergente.

Para personalizar el contenido y el diseño de tu ventana emergente, haz clic en el nombre de la ventana emergente para abrirla.

A continuación, haz clic en el icono "Estilo" del pincel.

Esto abrirá el cuadro de configuración de diseño de contenido emergente.

En el diseño del contenido emergente, verá la opción para elegir dónde se mostrará la imagen. Si selecciona la opción central, no aparecerá ninguna imagen.

También puedes ajustar:

• Color de fondo para toda la ventana emergente

• Color de la superposición de fondo debajo de toda la ventana emergente

• color del botón Cerrar

• Por último, el relleno de la ventana emergente