Cómo usar Lightbox y Lightbox dinámico con Elementor

Su sitio web es el ámbito en línea de su negocio. Es un lugar al que acudirá cualquiera que tenga un poquito de curiosidad por lo que haces. A menudo es lo primero que la mayoría de los compradores consideran cuando deciden buscar un proveedor de servicios o cuando se trata de comprar un producto. Por lo tanto, un sitio web debe ser algo que realmente pueda impresionar.  

Tabla de contenido

Usando Elementor Pro:

Si su sitio web está construido con Elementor Pro , entonces obtendrá una gran ventaja. Elementor Pro no es solo uno de los mejores creadores de páginas web en WordPress, sino que también es muy exclusivo y, a menudo, ofrece muchas formas de cambiar el aspecto de su página.

Tiene un contraste brillante y una variedad de combinaciones de colores y también es bastante fácil de usar. Literalmente puedes insertar cualquier cosa en todas partes y esta ventaja se complementa con el hecho de que puedes agregar más de 50 widgets en tu sitio web. Una de las características que cubriremos hoy es el uso de Lightbox y cómo puede cambiar totalmente el aspecto de su sitio web.

Presentamos la caja de luz:

Lightbox es una herramienta que puedes usar para agregar imágenes, videos e incluso carruseles en un cuadro de ventana emergente. Por lo general, la mejor manera de explicar esto es si desea que se abra un video o una imagen cuando su visitante haga clic en, digamos, un botón. En esencia, Elementor Lightbox le permite mostrar una imagen o un video de una manera inesperada y es solo una forma creativa de lograr la participación del espectador.

Usando la caja de luz:

Usar Elementor Pro Lightbox es fácil y directo. Generalmente, Lightbox está habilitado de forma predeterminada, pero también puedes activarlo yendo a la configuración global de una página específica. La configuración global le permitirá realizar cambios diversos y le brindará muchas opciones en términos de efectos de imagen o video.

Para ir a la configuración global simplemente haga clic en el icono de hamburguesa como se indica en la imagen a continuación:

Después de esto solo tienes que hacer clic en la configuración global:

Ajustes globales:

Si activa la opción Lightbox de imagen, todas las imágenes vinculadas se abrirán en una ventana emergente o Lightbox. Cuando está activado, permite una función exclusiva en todo su sitio web.  

Activar la opción de contador permitirá que se muestren varias imágenes en una Lightbox. Esto es especialmente útil cuando intentas mostrar amp o imágenes de un determinado producto en diferentes colores.

La pantalla completa, como sugiere el nombre, abrirá la imagen de su caja de luz en una imagen de tamaño completo. Puede resultar útil si es necesario observar detalles específicos en una imagen.

También puede habilitar una opción de acercamiento, se puede acceder a la imagen de la caja de luz desde diferentes puntos en una posición ampliada.

También puedes compartir la imagen de la caja de luz en las redes sociales permitiendo la opción de compartir.

El título de una imagen Lightbox se puede mostrar como se muestra en la siguiente imagen y el mismo caso es para su descripción. Puede elegir entre opciones como ninguna, Título, Título, Descripción o Alt. Estos se pueden configurar individualmente mientras se carga una imagen.

La configuración global de Lightbox Dynamic es esencial porque proporciona una mejor comprensión de las infinitas posibilidades que puede lograr con Lightbox. El hecho es que hay muchas cosas que puedes hacer con él y todo depende de qué tan creativo puedas ser con las imágenes, los videos y la configuración de las opciones.

Configuración de los colores:

Los colores de fondo, UI y UI Hover se pueden configurar para una imagen Lightbox o un video. Elija lo que le guste y establezca los esquemas de color de su sitio web a un nivel completamente superior.

Cargar una imagen y editarla:

El uso de Lightbox se puede entender mejor cuando estás cargando y editando una imagen. En la imagen a continuación, notarás cómo en la sección de contenido verás una sección Lightbox dedicada. Esta sección se puede utilizar para editar y establecer configuraciones para una imagen específica.  


Esta sección se puede utilizar para implementar acciones como hacer zoom en la imagen o configurar opciones para compartir en redes sociales. También se pueden configurar opciones como implementación de pantalla completa y presentación de diapositivas.

Justo debajo de la sección de acciones de Lightbox puedes activar la opción de subtítulos. Independientemente de lo que haya configurado los subtítulos, se mostrarán una vez que se haya configurado una imagen en el enlace Lightbox. El título se mostrará debajo de la imagen.

Además, dentro de la misma sección también se pueden configurar opciones como configurar la tipografía del texto y los colores.



Los vídeos Lightbox le dan una ventaja completamente nueva a su sitio web. A veces, las imágenes no logran describir de qué se trata su empresa. Si desea explicar completamente las especificaciones o características de su producto, entonces el camino a seguir es tener un video vinculado en su sección Lightbox. Simplemente vaya a la opción de edición en la imagen a continuación y coloque un enlace o URL de su video. Lightbox Dynamic acepta enlaces de vídeo de Youtube, Dailymotion e incluso Vimeo.  

Esta característica le permite agregar otra dimensión a su sitio web. ¡Explicar las cosas nunca antes había sido tan fácil a través de un vídeo Lightbox!

Precios de Elementor:

¡El tema Elementor es increíble en términos de funcionalidad y produce un producto de primera categoría! Con funciones como LightBox, lleva todo el aspecto de la creación de sitios web a un nuevo nivel superior. Elementor está disponible en tres paquetes y en los tres paquetes, LightBox está disponible. ¡La única diferencia es que en Elementor Pro puedes crear sitios web ilimitados!

El uso de Lightbox Dynamic es beneficioso en muchos sentidos, la mejor parte es que es fácil de implementar en todo su sitio web. La idea básica es obtener la tracción que su sitio web merece, esto se puede hacer fácilmente a través de Dynamic Lightbox. ¿Entonces, Qué esperas? ¡Prepara tu sitio web hoy!

punto de escritor

Ver comentarios

  • Bonjour,
    J'ai elementor pro, et j'ai bien active la lightbox.
    ¡Todo termina sin un clic!
    ¿Es este el tema que puede ser un elemento parásito?

    • Depende, pero no creo que el tema pueda bloquear una ventana emergente. Primero debe verificar si encuentra algún error JS en la página donde se carga la ventana emergente

  • Wiesz może dlaczego Lightbox wyświetla u mnie podpisy pod zdjęciami w lewym dolnym rogu? Es posible que no puedas hacer esto sin previo aviso.

Mensajes recientes

Cómo usar encabezados y pies de página con Elementor

Los encabezados y pies de página de un sitio web son elementos esenciales. En la mayoría de los casos, el encabezado proporciona navegación...

6 de enero de 2022

Comparación de temas de WordPress: Astra vs OceanWP

Dos de los temas de WordPress más populares del mercado son Astra y OceanWP. Profesional…

2 de enero de 2022

Comparación de temas de noticias de WordPress: periódico vs. Astra

Crear un excelente sitio web de noticias no requiere que te conviertas en diseñador web. Nosotros…

25 de octubre de 2021

Cree un sitio web relacionado con noticias con Newspaper Theme

El tema Periódico es uno de los temas de WordPress más importantes diseñados por tagDiv, un…

18 de octubre de 2021

Cómo construir un comercio electrónico con el constructor Avada WooCommerce

Cuando se trata de configurar una tienda en línea, WooCommerce es el plugin ideal. Él…

4 de octubre de 2021

Cómo usar encabezados fijos y efectos de desplazamiento con Elementor

Un encabezado es generalmente lo primero que ve una persona cuando visita su sitio web,…

21 de septiembre de 2021