Constructor de ventanas emergentes de GutenKit es un módulo que permite a los usuarios crear y personalizar varios tipos de ventanas emergentes, como ventanas modales, cajas de luz o superposiciones, para sus sitios web.

Veamos cómo funciona el módulo.

Generador de ventanas emergentes GutenKit #

Es un módulo profesionalNo olvides obtenerlo de aquí.

• Acceda a su panel de control de WordPress
• Encuentra GutenKit y ve a Módulos
• Busque Popup Builder y actívelo

Crear nueva ventana emergente #

Ahora, puedes ver Popup Builder en módulos, tienes que hacer clic en él y podrás crear una ventana emergente.

1. Haga clic en el signo más
2. Verás el generador de ventanas emergentes, haz clic en él.

A continuación, en el campo emergente, verá nuevamente un signo más y Añade cualquier bloque de tu elección.

Edición de parte de contenido #

• Evento abierto: Determina cuándo aparece la ventana emergente. Las opciones aquí son:
  • Al cargar la página: aquí puedes ajustar Retraso de apertura (s) Es hora de cargar la página.
  • Después de la inactividad: te permite ajustar Tiempo de inactividad del usuario (s).
  • Página desplazada: tienes que configurar Progreso de desplazamiento de página (%) aquí.
  • Intención de salida de la página: activa una ventana emergente cuando un usuario está a punto de abandonar la página.
  • En fecha: Aquí puedes ajustar Hora y fecha.
  • Selector personalizado Haga clic: Tiene un Clase selectora agregando opción, que especifica un elemento en la página para activar la ventana emergente.
• Animación de entrada: Aquí puede elegir el estilo de entrada de la ventana emergente (por ejemplo, desvanecer, hacer zoom, rotar, rodar, etc.).
• Animación de salida: Le permite elegir el estilo al salir de la ventana emergente (por ejemplo, desvanecerse, deslizarse).
• Duración de la animación: Te permite controlar la velocidad de las animaciones de entrada y salida.

• Botón cerrar: Este es un botón para cerrar manualmente la ventana emergente.
• Cerrar al hacer clic afuera: Al habilitar el botón, puede permitir que los usuarios cierren la ventana emergente haciendo clic fuera de ella.
• Cubrir: Este es el fondo detrás de la ventana emergente, cuya apariencia se puede personalizar.

• Botón cerrar: Este es un botón para cerrar manualmente la ventana emergente.
• Cerrar al hacer clic afuera: Al habilitar el botón, puede permitir que los usuarios cierren la ventana emergente haciendo clic fuera de ella.
• Cubrir: Este es el fondo detrás de la ventana emergente, cuya apariencia se puede personalizar.

Condición de configuración #

Condición: Esta parte le permite especificar bajo qué circunstancias la ventana emergente debe aparecer u ocultarse.

• Incluir –
  • Sitio completo: La ventana emergente se mostrará en todas las páginas de su sitio web.
  • Singular: La ventana emergente se mostrará solo en páginas individuales específicas.
  • Archivo: La ventana emergente se mostrará solo en páginas de archivo (por ejemplo, archivos de autor, resultados de búsqueda, categorías de publicaciones, etc.).
• Excluir –
  • Sitio completo: La ventana emergente se ocultará en todas las páginas de su sitio web.
  • Singular: La ventana emergente se ocultará en páginas individuales específicas.
  • Archivo: La ventana emergente se ocultará en las páginas de archivo.

Estilo de edición #

Al igual que cualquier otro bloque y módulo de GutenKit, también puedes darle estilo al generador de ventanas emergentes. Aquí las opciones de estilo son: ancho, alto, posición, color, relleno, etc.

Cómo aparece la ventana emergente #

Puedes personalizar la ventana emergente según tus preferencias. Consulta el ejemplo.

Producción #

Así es como funciona el constructor de ventanas emergentes.