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

Su sitio web es el reino en línea de su negocio. Es un lugar donde cualquiera que tenga un poco de curiosidad por lo que haces visitará. A menudo es lo primero que la mayoría de los compradores miran al decidir 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 contenidos

• Tabla de contenidos
• Usando el Elementor Pro:
• Presentando el Lightbox:
• Usando la caja de luz:
• Ajustes globales:
• Establecer los colores:
• Carga de una imagen y edición:
• Acciones de lightbox:
• Videos de Lightbox:
• Precios de Elementor:

Usando el Elementor Pro:

Si su sitio web está construido en Elementor Pro , entonces obtendrá una gran ventaja. Elementor Pro no es solo uno de los mejores creadores de páginas de sitios web en WordPress, sino que 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, puede insertar cualquier cosa en todas partes y esta ventaja se complementa con el hecho de que puede agregar más de 50 widgets en su 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.

Presentando el Lightbox:

Lightbox es una herramienta que puede 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 hace clic, digamos un botón. Elementor Lightbox, en esencia, le permite mostrar una imagen o un video de una manera inesperada y es solo una forma creativa de obtener una participación de un espectador.

Usando la caja de luz:

Usar Elementor Pro Lightbox es fácil y directo. En general, Lightbox está habilitado de forma predeterminada, pero también puede activarlo yendo a la configuración Global de una página específica. La configuración global le permitirá realizar cambios que son diversos y le dará 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 tiene 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. Esto cuando está activado permite una característica exclusiva en todo su sitio web.  

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

La pantalla completa, como su nombre indica, abrirá su imagen de caja de luz en una imagen de tamaño completo. Puede ser útil si es necesario mirar 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 a través de diferentes puntos en una posición ampliada.

También puede compartir la imagen de lightbox en las redes sociales al permitir 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 de 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 mucho que puedes hacer con él y todo depende de cuán creativo puedas ser con las imágenes, los videos y la configuración de las opciones.

Establecer los colores:

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

Carga de una imagen y edición:

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

Acciones de lightbox:

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

Justo debajo de la sección de acciones de Lightbox puede 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, las opciones como configurar la tipografía de texto y colores también se pueden configurar dentro de la misma sección.

Videos de Lightbox:

Los videos de Lightbox le dan una ventaja completamente nueva a su sitio web. A veces, las imágenes no describen de qué se trata su empresa. Si desea explicar completamente las especificaciones de su producto o características, entonces tener un video vinculado en su sección Lightbox es el camino a seguir. 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 video de Youtube, Dailymotion e incluso Vimeo.  

Esta característica le permite agregar otra dimensión en su sitio web. ¡Explicar cosas no ha sido tan fácil antes a través de un video Lightbox!

Precios de Elementor:

¡El tema Elementor es increíble en términos de funcionalidad y de producción de un producto de primera categoría! Con características 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 merece su sitio web, esto se puede hacer fácilmente a través de Dynamic Lightbox. ¿Entonces, Qué esperas? ¡Prepare su sitio web hoy!