Una de las grandes sorpresas de Divi 5 ha sido la incorporación de tres nuevos módulos que muchos diseñadores veníamos esperando desde hace tiempo: el módulo de Carrusel, el módulo de Lottie y el módulo de Lista con Íconos (List Module).

Hasta hace poco, Divi se caracterizaba más por mejorar su rendimiento y su arquitectura interna que por sumar nuevos módulos al core. Sin embargo, con Divi 5, Elegant Themes está dejando claro que busca posicionarse no solo como el constructor más estable, sino también como el más completo y versátil del ecosistema WordPress.

Como diseñador web profesional que lleva años trabajando con Divi, puedo decir que esta actualización es un gran paso adelante. En este artículo voy a contarte qué hace cada uno de estos nuevos módulos, cómo los puedes usar en tus proyectos y qué combinaciones estratégicas te recomiendo para sacarles el máximo provecho.

Módulo de Carrusel en Divi 5: la función más esperada

Durante años, los diseñadores que trabajamos con Divi tuvimos que recurrir a plugins externos o a fragmentos de código CSS y JavaScript para crear carruseles o sliders. Esto no solo aumentaba el peso del sitio, sino que también complicaba la gestión de actualizaciones y mantenimientos.

Ahora, con el nuevo módulo de Carrusel de Grupo (Group Carousel), podemos crear sliders completamente nativos, integrados dentro del constructor visual, con opciones avanzadas de personalización y animación, y sin depender de ningún plugin adicional.

Qué puedes hacer con el nuevo módulo de Carrusel

Este módulo permite crear carruseles de prácticamente cualquier tipo de contenido. Por ejemplo:

• Carruseles de entradas del blog.
• Carruseles de productos WooCommerce.
• Carruseles de testimonios o reseñas.
• Carruseles de portafolios o proyectos.

Y lo más interesante es que puedes insertar dentro del carrusel otros módulos de Divi, lo que te da una libertad creativa total.

⭐️ Consejo profesional: combina el módulo de Carrusel con el Loop Builder. Diseña una tarjeta dinámica con imagen, título y descripción, actívale el Loop y luego insértala dentro del carrusel. Así obtendrás un slider completamente personalizado, dinámico y optimizado.

Ventajas del módulo de Carrusel

1. Velocidad optimizada: al estar integrado en el core, consume menos recursos que los plugins de terceros.
2. Diseño 100% visual: puedes configurar el número de ítems visibles, las transiciones, el espaciado, el autoplay, la velocidad y más.
3. Ahorro de plugins: eliminar extensiones externas mejora el rendimiento y reduce los posibles conflictos.
4. Compatibilidad total con Flexbox: puedes alinear los ítems del carrusel de manera flexible, garantizando un diseño responsivo perfecto.

Módulo de Lottie: animaciones profesionales, ligeras y dinámicas

El segundo módulo nuevo es el módulo de Lottie, una herramienta ideal para agregar animaciones vectoriales ligeras que den vida al diseño sin afectar el rendimiento del sitio.

Qué es un archivo Lottie

Un archivo Lottie es un tipo de animación vectorial creada generalmente con After Effects y exportada con el plugin Bodymovin. Su principal ventaja es que pesa muy poco, mantiene una calidad infinita (porque es vectorial) y puede reproducirse en cualquier dispositivo sin perder nitidez.

Cómo funciona el módulo de Lottie en Divi 5

Ahora, en lugar de tener que incrustar el código JSON manualmente o usar un plugin adicional, simplemente arrastras el módulo Lottie al constructor, cargas tu archivo .json o insertas la URL desde Lottiefiles.com, y listo.

Podrás configurar opciones como:

• Reproducción automática.
• Repetición en bucle.
• Activación al hacer scroll o al pasar el mouse.
• Control de velocidad de animación.

⭐️ Consejo práctico: usa animaciones Lottie en microinteracciones, por ejemplo, íconos que se animan al pasar el cursor o pequeños efectos en el encabezado del sitio. Son visualmente atractivos y no afectan la carga del sitio.

Cuándo usar (y cuándo no usar) Lottie

Aunque es una excelente herramienta, no abuses de ella. Úsala para resaltar elementos clave como botones de llamada a la acción, íconos en secciones principales o animaciones ilustrativas en páginas de servicios. En exceso, puede distraer al usuario y romper el equilibrio visual.

Módulo de Lista con Íconos (Icon List): simplicidad y utilidad

El tercer módulo nuevo es el Icon List o List Module, y aunque puede parecer el más simple de los tres, en realidad resuelve un problema muy común.

Hasta ahora, si querías crear una lista con íconos (por ejemplo, para mostrar beneficios o características de un producto), tenías que usar el módulo Anuncio (Blurb) o duplicar columnas y módulos individuales. Esto hacía el proceso más lento y propenso a errores visuales, sobre todo si los textos tenían longitudes diferentes.

Qué hace el nuevo módulo de lista con íconos

Con el Icon List Module, puedes crear una lista completa en un solo módulo, definiendo:

• El ícono o símbolo de cada ítem.
• El texto asociado.
• La alineación, el espaciado y la tipografía.
• El color del ícono o el tamaño del conjunto.

Consejo rápido: usa este módulo para presentar beneficios o características clave. Por ejemplo:
✅ Envíos gratis a todo el país
✅ Pagos seguros y cifrados
✅ Soporte técnico especializado

Visualmente, se ve más limpio y moderno que una lista HTML clásica o un grupo de anuncios.

Ventajas del List Module

1. Eficiencia: reduce el número de módulos en la página.
2. Coherencia visual: mantiene los estilos uniformes automáticamente.
3. Ahorro de tiempo: edita todos los ítems desde un solo panel.

Combinando los tres módulos para resultados espectaculares

Donde Divi 5 realmente brilla es en la posibilidad de combinar módulos entre sí.

Imagina esto:

• Creas un loop de productos con el Loop Builder.
• Inserta ese loop dentro del módulo de Carrusel para crear un slider dinámico.
• Añade pequeñas animaciones con el módulo de Lottie para hacerlo visualmente atractivo.
• Finaliza con una lista con íconos destacando beneficios o garantías.

El resultado: una sección de tienda moderna, profesional, completamente dinámica y ligera.

⭐️ Consejo profesional: combina estos módulos con el nuevo sistema de colores relativos HSL y variables globales para mantener la coherencia visual y poder cambiar la paleta de colores del sitio completo con un solo ajuste.

Recomendaciones finales

1. Actualiza a la última versión de Divi 5 antes de probar los nuevos módulos.
2. Evita migrar sitios antiguos de Divi 4 hasta que la versión final de Divi 5 esté estable.
3. Experimenta con combinaciones: el verdadero poder de Divi 5 está en cómo se integran sus nuevas herramientas.
4. Optimiza el rendimiento: aprovecha que los módulos están en el core para eliminar plugins redundantes.

Cursos recomendados en UXDivi

Si quieres aprender a usar estos módulos a fondo, te recomiendo los siguientes cursos disponibles en uxdivi.com/cursos:

• Curso de Divi 5 en fase de desarrollo: donde analizamos y probamos en tiempo real los nuevos módulos de Divi, incluyendo Carrusel, Lottie y List.

Conclusión

La incorporación de estos tres módulos —Carrusel, Lottie e Icon List— demuestra que Divi 5 no solo está evolucionando en rendimiento, sino también en funcionalidad y creatividad.

Ahora podemos crear sitios más interactivos, rápidos y visualmente atractivos sin recurrir a plugins externos. Para quienes diseñamos con Divi de manera profesional, esto significa menos mantenimiento, más control y más posibilidades de diseño.

Personalmente, creo que el módulo de Carrusel será uno de los más utilizados en proyectos reales, seguido del de Lottie para añadir dinamismo y del Icon List para simplificar elementos visuales.

Divi 5 está cumpliendo lo que prometió: ser más ligero, más rápido y mucho más potente.