Una de las funcionalidades más innovadoras que trae Divi 5 y que personalmente me tiene muy emocionado es la creación de módulos en grupos o module groups. Esta característica abre un mundo de posibilidades para diseñar bloques complejos y personalizados dentro de Divi, sin perder la flexibilidad ni la facilidad de edición que tanto nos gusta de este constructor visual.

En este post te voy a explicar a detalle qué son estos grupos de módulos, cómo funcionan, por qué son tan útiles, ejemplos prácticos para usarlos en tus proyectos y algunas recomendaciones para sacarles el máximo provecho.

Mira como probamos esta nueva funcionalidad de Divi 5 en nuestra clase de Módulos en Grupos, donde te enseñamos a sacarle todo el provecho.

¿Qué son los Módulos en Grupos en Divi 5?

Los módulos en grupos son una funcionalidad que nos permite agrupar varios módulos dentro de Divi como si fueran un solo módulo, facilitando así la organización, el diseño y la replicación de bloques completos.

Antes, si querías hacer una tarjeta de testimonio con imagen, texto, estrellas, botones, etc., debías usar módulos separados y eso dificultaba copiar o mover el conjunto completo sin perder la alineación o el diseño. Con los grupos de módulos puedes crear esta tarjeta como un bloque único que contiene todos esos módulos, pero que se puede editar y duplicar como un solo elemento.

Esto es muy parecido a los bloques agrupados que existen en WordPress (Gutenberg), pero aplicado dentro de Divi para tener más control y opciones avanzadas.

💊 Consejo UXDivi: Un consejo que siempre doy cuando trabajo con grupos de módulos es que los uses para crear componentes reutilizables en tu sitio, como tarjetas de testimonios, llamadas a la acción, bloques de contenido destacados o secciones especiales. Esto no solo te ahorra tiempo sino que también garantiza coherencia visual.

¿Por qué son tan importantes los grupos de módulos?

La ventaja principal es que agilizan enormemente el flujo de trabajo y permiten:

• Diseñar bloques complejos sin complicaciones. Puedes combinar múltiples módulos en un solo grupo y gestionarlo como un solo módulo.
• Duplicar y reutilizar bloques fácilmente en cualquier parte del sitio sin perder estilos o estructura.
• Adaptar diseños avanzados desde Figma o Photoshop con gran precisión dentro de Divi, respetando posicionamientos y estilos.
• Mejorar la organización del constructor visual al agrupar módulos relacionados.

Antes de esta función, diseñar tarjetas personalizadas o bloques compuestos implicaba mucha duplicación y ajustes manuales, lo que podía generar errores y pérdida de tiempo.

Cómo crear un grupo de módulos en Divi 5: pasos detallados

Voy a explicarte paso a paso cómo crear un grupo de módulos dentro de Divi 5 para que puedas comenzar a aprovechar esta funcionalidad ya mismo.

Paso 1: Seleccionar los módulos que quieres agrupar

Dentro del editor visual de Divi, crea o selecciona los módulos que quieras agrupar. Por ejemplo, imagina que has creado una tarjeta de testimonio con: imagen, título, texto y estrellas.

Paso 2: Agrupar los módulos seleccionados

Selecciona esos módulos (puedes usar Ctrl o Shift para seleccionar varios) y luego busca la opción para “Agrupar como módulo” o “Convertir en grupo”. Esta opción agrupará todos los módulos seleccionados en un solo grupo.

Paso 3: Editar y personalizar el grupo

Una vez creado el grupo, podrás moverlo, duplicarlo o aplicarle estilos generales que afectarán a todos los módulos internos de manera conjunta. Esto facilita mucho el control visual y la edición.

Paso 4: Duplicar y reutilizar

Cuando tengas tu grupo de módulos listo y personalizado, podrás duplicarlo tantas veces como quieras para formar secciones completas, como una lista de testimonios o servicios.

Paso 5: Modificaciones independientes dentro del grupo

Aunque el grupo actúa como un bloque único, puedes abrirlo para editar cada módulo interno de manera individual. Esto mantiene la flexibilidad de personalización dentro de la estructura agrupada.

Ejemplo práctico: Crear una sección de testimonios con grupos de módulos

Un ejemplo muy claro donde se nota la utilidad de esta funcionalidad es la creación de secciones de testimonios personalizados.

Antes, usarías el módulo Testimonio de Divi, pero su diseño era limitado y difícil de modificar. Ahora puedes crear tu propia tarjeta:

• Imagen de la persona
• Nombre y cargo (módulo de texto)
• Estrellas de valoración (módulo, iconos o estrellas)
• Texto testimonial
• Botón para llamada a la acción

Agrupas todos esos módulos en un solo grupo. Luego simplemente duplicas ese grupo para agregar más testimonios, y si necesitas cambiar el estilo global, lo haces una sola vez en el grupo original y todos los duplicados se actualizan.

Este método te permite además replicar diseños exactos que hagas en Figma o Sketch, trasladándolos directamente al sitio sin perder la estructura.

Ventajas técnicas y de diseño con módulos en grupos

• Mejora la performance: Al tener bloques mejor organizados y optimizados, el sitio puede cargar más rápido.
• Mayor coherencia visual: Aplicar estilos globales a todo el grupo mejora la uniformidad.
• Flexibilidad de diseño: Puedes crear estructuras complejas, con alineaciones y espaciados personalizados.
• Simplificación en actualizaciones: Cambia el contenido o estilo en un solo grupo y aplica a todo el sitio.

💙 Consejo UXDivi: Al usar grupos de módulos, aprovecha para definir estilos globales y variables, para que la personalización sea aún más potente y sencilla. Combinar grupos con variables globales y presets es una práctica ganadora.

Recomendaciones finales para aprovechar los grupos de módulos

• Planifica tus bloques reutilizables desde el inicio del proyecto.
• Usa nombres descriptivos para tus grupos para identificar rápidamente cada bloque.
• Combina los grupos con presets y variables globales para mayor eficiencia.
• Testea la responsividad y asegúrate de que cada grupo se adapta bien a móviles y tablets.
• Mantente actualizado con las últimas píldoras y tutoriales de Divi 5 para conocer nuevos trucos.

Cursos recomendados en UXDivi para dominar Divi 5 y módulos en grupos

Para quienes quieran dominar esta funcionalidad y todo lo nuevo de Divi 5, recomiendo especialmente:

• Curso Divi 5 en Fase de Desarrollo: Aquí explicamos a detalle cómo usar los módulos en grupos, con ejemplos prácticos, ajustes avanzados y tips para proyectos reales.

Estos cursos están disponibles en UXDivi.com y son ideales para mejorar tu nivel de diseño y acelerar tus proyectos.

Conclusión

Los módulos en grupos en Divi 5 son una de las funcionalidades más potentes y versátiles que ha traído esta nueva versión. Facilitan enormemente la creación de diseños complejos, la organización del contenido y la reutilización de bloques personalizados, lo que se traduce en sitios web más profesionales y eficientes.

Como diseñador, te recomiendo experimentar con esta función para crear tarjetas de testimonios, bloques de servicios, llamados a la acción y más, siempre pensando en la usabilidad y coherencia visual.

Recuerda que puedes profundizar en esta y otras funcionalidades de Divi 5 con los cursos y tutoriales de UXDivi, donde continuamente actualizamos contenido para que estés siempre a la vanguardia.

No olvides suscribirte a nuestro canal para no perderte ninguna píldora de Divi 5 y sigue practicando para dominar esta poderosa herramienta.