¡Buenas people!

¿Te gustaría saber como hacer una galería de vídeos con Divi?

¡No te preocupes! Es más fácil de lo que pensamos y con herramientas como la que te traigo, mucho más. 

En este artículo te voy a contar mi experiencia y opinión sobre el último plugin que he podido probar y adquirir, como es el plugin de Divi Vídeo Gallery, y como puede ayudarte a mostrar tus contenidos de una manera distinta, profesional y llamativa con respecto a lo convencional.

Dicho esto…

¡Vamos allá!

banner-kit-de-recursos-digitales-proyectos-web-jorge-gijon-2

Cómo hacer una galería de vídeos con Divi

Las galerías de vídeo están ganando popularidad como alternativa a las galerías de imágenes en la creación de páginas web, cada vez consumimos más contenido en formato de vídeo.

Divi permite incluir vídeo mediante su módulos predeterminados, pero estos ofrecen opciones de personalización limitadas.

Además, carece de la capacidad de reproducir vídeos en una ventana emergente (popup) o de añadir títulos y subtítulos a los vídeos.

divi-video-gallery

Además, el módulo de control deslizante de vídeo de Divi presenta ciertas dificultades de uso que pueden resultar confusas para los usuarios.

Por eso decidí buscar una alternativa a este módulo y encontré el plugin Divi Video Gallery.

Creo que es una buena herramienta para simplificar la creación galerías de vídeo dentro de Divi. Aunque es un plugin de pago, su utilidad justifica su precio.

como-hacer-una-galeria-de-videos-con-divi

Las galerías de vídeo personalizadas

Ofrecen una amplia gama de opciones de diseño, convirtiéndose así en uno de los puntos fuertes de Divi Video Gallery.

Este plugin proporciona cuatro diseños diferentes entre los que los usuarios pueden elegir la presentación que mejor se adapte a tus necesidades y preferencias. Además de contar con una variedad de opciones de personalización que incluyen colores, iconos, efectos hover, bordes, entre otros.

Se ofrece la posibilidad de agregar un título y una breve descripción a cada vídeo, lo que añade un toque personalizado a la presentación.

Para empezar, analicemos los cuatro diseños disponibles:

1.- Cuadrado

Este diseño presenta la galería en formato de cuadrícula y miniaturas cuadradas.

Además, ofrece la flexibilidad de elegir el número de vídeos que se mostrarán en cada fila, con opciones de personalización para escritorio, tabletas y dispositivos móviles.

divi-video-gallery-cuadrado-jorge-gijon

2.- Landscape

Al igual que la opción anterior, esta galería se presenta en una cuadrícula, pero con imágenes rectangulares.

divi-video-gallery-landscape-jorge-gijon

Además, se permite seleccionar la cantidad de vídeos que se desean mostrar por fila en los diferentes dispositivos, ofreciendo así una mayor flexibilidad de personalización.

3.- Playlist

Con esta opción mostraremos nuestros vídeos a la derecha del vídeo principal.

divi-video-gallery-playlist-jorge-gijon

4.- Player + List Layout

Esta alternativa es similar a las anteriores, sin embargo, a diferencia de ellas, en este diseño los vídeos adicionales se presentan debajo del principal, como se muestra en la imagen. 

divi-video-gallery-player-y-list-layout-jorge-gijon

Además, ofrece la posibilidad de definir la cantidad de vídeos que se desean mostrar debajo del principal, y se permite la personalización de los colores de la paginación, títulos, etc., al igual que en las otras opciones disponibles

Las opciones de diseño y efectos de Divi Vídeo Gallery son amplias y versátiles

Con Divi Video Gallery, además de las opciones estándar de personalización como colores, bordes y sombras, también tenemos la capacidad de controlar el contenido y los efectos que se muestran al usuario, tanto al interactuar con las miniaturas de los vídeos como cuando no lo hacen.

Para el contenido previo, podemos elegir entre varias opciones: Solo imagen, Imagen e icono, Imagen, título y subtítulo, Imagen, icono, título y subtítulo.

Para el contenido al pasar el cursor (hover content), también contamos con varias opciones:

Nada, Solo icono, Título y subtítulo, Icono, título y subtítulo.

Además, podemos seleccionar la posición del título y el subtítulo dentro de la imagen entre las opciones de arriba, medio y abajo. También ofrece una amplia gama de opciones para personalizar los colores y la alineación de estos elementos.

Con todas estas opciones disponibles y aprendiendo a combinarlas de manera efectiva, podemos crear galerías muy atractivas que se adapten perfectamente al estilo de cualquier sitio web en el que estemos trabajando.

Reproducción de videos en Divi Vídeo Gallery

Además de las opciones de diseño y contenido mencionadas anteriormente, es importante destacar que Divi Video Gallery ofrece dos formas distintas de reproducir los vídeos en la galería:

Reproducción en pop-up a pantalla completa

Esta opción permite que al hacer clic en la miniatura del vídeo, este se reproduzca en un popup a pantalla completa, ofreciendo una experiencia inmersiva para el espectador.

divi-video-gallery-popup-jorge-gijon

Reproducción directa al pinchar en la miniatura

La segunda opción es la reproducción directa del vídeo al hacer clic en su miniatura.

Esto proporciona una experiencia más directa y rápida para los usuarios que desean ver el contenido sin interrupciones adicionales.

Estas dos formas de reproducción brindan flexibilidad al usuario final, permitiéndoles elegir la experiencia que mejor se adapte a sus preferencias y necesidades al interactuar con la galería de vídeo.

A tener en cuenta sobre Divi Vídeo Gallery

Divi Video Gallery es compatible con una variedad de fuentes externas, lo que te permite integrar tus vídeos desde diferentes plataformas como YouTube, Vimeo, VideoPress o vídeos mp4 subidos a la biblioteca de medios de tu WordPress.

Esta funcionalidad amplía las opciones de contenido y facilita la gestión de tus galerías de vídeo.

Filtros y paginación

Divi Video Gallery va más allá al ofrecer funcionalidades avanzadas, como la paginación, que permite organizar grandes galerías de vídeos en secciones más manejables, mejorando así la navegación del usuario dentro del contenido. 

divi-video-gallery-paginacion-jorge-gijon

Conclusión

Creo que es un plugin bastante intuitivo y sencillo de usar, incluso si no tienes demasiada experiencia con Divi.

Combinando todas sus opciones de personalización, podemos obtener resultados muy diferentes.

En conclusión, Divi Video Gallery se presenta como una herramienta imprescindible para aquellos que deseen mejorar la presentación de contenido en vídeo en sus sitios web con Divi.

banner-kit-de-recursos-digitales-proyectos-web-jorge-gijon-2

Jorge Gijon | #MarketeroDigital

Jorge Gijon | #MarketeroDigital

🚀 Diseño webs estratégicas para empresas B2B y B2C que quieren vender más, para lograr el objetivo de: ➕ visibilidad 🚀 ventas

| 🖥 Diseñador Web estratégico | 📱 Consultor de Marketing Digital