¿Le gustaría abrir un video en un Lightbox con Elementor?
Elementor viene con el widget de video para que pueda agregar videos a una página sin esfuerzo. Incluso puede agregar video dinámico utilizando la función de contenido dinámico de Elementor (se requiere la versión pro).
Cuando agrega un video en Elementor, puede configurarlo para que se abra en una caja de luz que aún se llama Espectador.
Este artículo le mostrará cómo.
Pero primero averigüemos Cómo instalar Elementor en WordPress
En Elementor, hay al menos dos formas de agregar video a una caja de luz. Puedes elegir uno según tu caso. En primer lugar, puede usar el widget de video como mencionamos anteriormente. Este método funciona en ambas versiones de Elementor. En segundo lugar, puede utilizar la función de enlace dinámico. Se requiere la versión pro para utilizar este último método.
Cómo abrir video en Lightbox en Elementor usando el widget de video
Como se mencionó anteriormente, Elementor viene con un widget de video para que agregue video a una página o plantilla. El widget tiene una opción de configuración para abrir el video en una caja de luz.
Primero, agregue el widget Video al cuadro de edición.
Agrega tu video pegando el enlace en el campo Enlace.
Una vez que haya terminado de agregar el video, abra el bloque Superposición de imágenes en la pestaña Contenido desde el panel de configuración y activar Opción de superposición de imágenes. Solo activa la opción Espectador. Esto abrirá el video en una caja de luz. Puede agregar una superposición de imágenes si lo desea.
Cómo abrir video en Lightbox en Elementor usando Dynamic Link
Si utiliza Elementor Pro, también puede agregar video usando la función de enlace dinámico. Puede usar cualquier widget que tenga una opción para agregar un enlace, incluido el widget de imagen, el widget de botón, el widget de texto, etc.
Primero, agregue el widget (es decir, el widget de botón) al cuadro de edición como de costumbre. En el panel de configuración, haga clic en el icono dinámico en el campo gravamen y seleccione Lightbox.
Luego haga clic en el icono de llave inglesa en el campo Caja ligera. Haga clic en el ícono de video y pegue la URL del video que desea agregar.
Listo. Puede hacer clic en el elemento y debería mostrar el video en una caja de luz de la siguiente manera.
Personalización de Lightbox
Si la apariencia predeterminada de la caja de luz de Elementor no le impresiona, puede personalizarla. Para hacer esto, puede hacer clic en el icono de hamburguesa en la esquina superior izquierda del panel de configuración y hacer clic en Configuración del sitio.
Cliquez sur Lightbox en el bloque AJUSTES.
Como puede ver, hay algunas opciones de configuración que puede establecer, incluidos los colores.
- Color de fondo: El color de fondo del visor.
- Color de la interfaz de usuario: El color de los botones (botón de cerrar, botón de pantalla completa, botón de acercar, botón de compartir)
- Color de desplazamiento de la interfaz de usuario: El color de los botones en modo flotante
- Color de texto: Color de texto. Se aplica a la imagen de la caja de luz.
También puede configurar el tamaño del botón de la opción Tamaño del icono de la barra de herramientas así como el tamaño de los iconos de navegación de la opción Tamaño de los iconos de navegación. Una vez que haya terminado de realizar la configuración, haga clic en el botón PONER AL DÍA para aplicar los cambios.
¡Obtenga Elementor Pro ahora!
Descubre también algunos complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. Todo alrededor
Todo alrededor es un Plugin de WordPress premium, como sugiere el nombre bien redondeado. Le ofrece un diseño limpio y receptivo, una serie de opciones de estilo predefinidas y soporte táctil.
Este control deslizante de WordPress es una solución versátil todo en uno perfecta para cualquier sitio web. Si esta es tu primera Plugin de WordPress y el complemento deslizante, también podría ser el último que necesite.
Vea también nuestro artículo sobre Cómo ganar dinero con tu blog cuando tienes poco tráfico
Sus características son:en una página totalmente receptiva, Estilos predefinidos de 6, le videos de soporte, el ddesplazamiento vertical u horizontal, la psoporte para múltiples controles deslizantes en una página, et más
Descargar | Demo | alojamiento web
2. Ultimate Form Builder
Ultimate Form Builder es un Plugin de WordPress premium que te permite crear formas respuesta ilimitada. tiene un constructor formas arrastrar y soltar que puede crear cualquier tipo de formulario (contacto, encuesta, oferta, información, etc.).
Este complemento es fácil de usar. Puedes crear, personalizar y diseñar hermosos formas, aplique plantillas de formularios ya existentes para el diseño y utilícelos en su sitio web en poco tiempo.
También puedes recibir datos del formulario por correo electrónico y almacenarlos en la base de datos; que se puede exportar en formato CSV para su uso a través de salpicadero de su sitio web.
Todos los formularios diseñados por este complemento son súper seguros gracias a un sistema Captcha efectiva.
Descargar | Demo | alojamiento web
3. Seguimiento de envíos de WooCommerce
WCST facilitará a sus clientes el seguimiento de sus pedidos. Puede asociar cada pedido con una empresa de transporte y un número de seguimiento.
WCST publicará información de seguimiento (URL de la empresa y código de seguimiento) directamente en el correo electrónico "Pedido completo" y en la página "Ver pedido".
Descubra también nuestra lista de 50 WooCommerce plugins para mejorar su tienda online
Simplemente haciendo clic en el enlace generado por WCST, sus clientes seguirán fácilmente sus pedidos. Además de calcular el costo de envío de sus productos, esta extensión de WooCommerce también le permite agregar y configurar su propia compañía de envío.
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- Complementos 10 WooCommerce para calcular los costos de envío de paquetes
- ¿Por qué debería utilizar un bloqueador de contenido en WordPress?
- Cómo traducir tu blog de WordPress a varios idiomas
- Cómo cargar gradualmente los comentarios de Facebook y Disqus
Conclusión
Listo ! Eso es todo por este tutorial que le muestra cómo abrir un video en un Lightbox con Elementor. Si tienes comentarios o sugerencias, no dude en hacérnoslo saber en la sección reservada.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
