Imagina que montas una sección de testimonios preciosa para tu web. La replicas en doce páginas y, a los tres meses, quieres cambiar el color del botón. Te esperan doce editores abiertos, doce copias de lo mismo y la sospecha de que alguna se te ha quedado atrás. Los Divi slots, junto con los componentes de Divi 5, existen para que esa tarde no se repita: un diseño compartido que se actualiza desde un solo sitio y huecos de contenido propio en cada página.
En esta guía te cuento qué es cada pieza, cómo montar tus primeros Divi slots en diez minutos, cómo anidar componentes para tener dos niveles de reutilización y qué plan necesitas para usarlo hoy. Todo contrastado con el anuncio oficial, el tutorial de Elegant Themes y el help center del constructor.
Divi slots y componentes: qué cambia en Divi 5
Octubre ha sido un mes generoso con Divi. La versión 5.15 llegó con 89 correcciones y una novedad de las grandes: los componentes y los slots, presentados por el propio Nick Roach como uno de los avances más importantes desde que llegaron las variables y los presets, según recoge el anuncio oficial de Elegant Themes.
El problema de fondo es viejo. Los elementos globales de Divi llevan casi una década resolviendo la parte fácil: guardar una sección, reutilizarla y editarla desde un punto único. Lo que les faltaba era el control fino, poder decidir qué se comparte y qué se personaliza en cada copia, y dejar huecos para que el contenido variara de una página a otra.
Eso es exactamente lo que traen los componentes, un diseño reutilizable con sincronización selectiva, y los Divi slots, áreas de contenido local dentro de ese diseño compartido. La beta de Divi 5 quedó cerrada con esta entrega, y se nota que quieren competir de tú a tú con los sistemas de diseño de los editores modernos.
Si llegas ahora a este constructor, tengo un análisis a fondo en mi artículo sobre qué es Divi, y si sigues la serie del blog, en el índice de Divi 5 tienes todo lo publicado hasta hoy.
Qué es un componente en Divi 5
Un componente es un diseño guardado, una sección entera con sus filas, columnas, grupos y módulos, con una fuente y copias conectadas. La fuente define lo compartido: estructura, estilos y ajustes. Cada vez que colocas el componente en una página, creas una instancia que sigue atada a esa fuente.
La mejora gorda respecto a los elementos globales está en el alcance: la sincronización selectiva atraviesa secciones, filas, columnas, grupos y módulos anidados, y tú decides, ajuste a ajuste, qué permanece global.
El constructor además separa los dos mundos de edición. El modo instancia toca solo la página que tienes delante y esconde los ajustes globales para que no los cambies sin querer. El modo componente edita la fuente y afecta a todas las copias de tu web. Saber dónde estás editando deja de ser un acto de fe.
El sync selectivo: tú decides qué se comparte
Piensa en un testimonio. Quieres que su tipografía, su espaciado, sus colores y sus bordes sean idénticos en toda la web. Y quieres que la foto, el nombre y la cita cambien en cada uno. Con el sync selectivo desconectas solo esos campos del módulo de texto o de imagen, y el resto sigue atado a la fuente.
La granularidad es la clave: no desconectas el módulo completo, sino el ajuste concreto que debe variar. El componente sigue siendo un bloque coherente y cada copia conserva lo que la hace única.
Ajustes desconectados que heredan del original
Aquí hay una mejora silenciosa que se agradece a base de bien. Antes, al desincronizar un ajuste, te podías quedar con un campo vacío en la copia. Ahora el ajuste desconectado hereda el valor de la fuente hasta que lo cambies en local.
El valor local se pone encima del global, como una capa. Si lo restableces, la copia vuelve a heredar del original, y el valor de la fuente jamás se borra por el camino. Traducción: desconectar es reversible y nunca te deja el diseño a medias.
Desconectar y reconectar módulos enteros
El control llega también al módulo completo. Puedes soltar un módulo anidado para editarlo en local sin que se mueva un pelo de la fuente, y si te arrepientes, lo vuelves a conectar y la relación queda restaurada.
Y si un día quieres liberar una página entera, puedes desconectar la instancia completa: conserva su diseño actual y se convierte en módulos normales, sin conexión con la fuente. Una puerta de salida limpia, que nunca sobra.
Qué son los Divi slots y qué problema resuelven
Un Divi slot es un contenedor que colocas dentro de un componente. Todo lo demás del componente se sincroniza entre las copias de tu web; lo que metes dentro del slot pertenece solo a esa página. El componente manda en el marco, la página manda en el relleno.
A efectos prácticos funciona como un módulo Grupo: admite módulos, filas y grupos, y tiene los mismos ajustes de diseño y layout. La diferencia es de propiedad: su contenido es de la página, no del componente.
Un detalle de localización: el módulo Slot solo aparece cuando editas un componente, arriba de la lista junto al Grupo. Al añadirlo, el hueco vacío aparece en la misma posición en todas las copias del componente; solo el contenido que construyas en cada una es distinto.
El contenedor compartido y el contenido de cada página
El ejemplo del tutorial oficial muestra los Divi slots en acción. Una sección de talleres creativos con la columna derecha variable. Guardas la sección como componente, añades un slot en esa columna y, en una página, construyes dentro el horario del taller; en otra, un formulario de reserva.
El marco, con su fondo, su encabezado y su estructura de columnas, se edita una vez en la fuente. El relleno se construye página a página, y cambiar el de una no toca el de las demás. La posición del slot y el espaciado del contenedor también viven en la fuente.
Hay una decisión de arquitectura que solo te pide esta función: dónde acaba lo compartido. La tarjeta blanca del horario puede vivir dentro del slot, con diseño local, o fuera, con diseño compartido. Elegir bien ese límite es la mitad del trabajo bien hecho.
Cuándo usar un slot y cuándo basta con un ajuste editable
Regla práctica para no complicarte: si la estructura de módulos es la misma y solo cambian valores, el texto de un botón, una cita, un enlace, usa los ajustes editables del componente. Si lo que cambia son los módulos en sí, un horario aquí, un formulario allí, un vídeo más allá, eso va en un slot.
Las dos cosas pueden convivir en el mismo componente: un encabezado editable para personalizar el titular de cada página y un slot grande debajo para el contenido que necesita otra disposición. Tú eliges cuánta libertad le das a cada sección.
Cómo crear Divi slots paso a paso
Montar Divi slots siguiendo el tutorial oficial de Elegant Themes cabe en una sobremesa. Lo mejor es diseñar la sección terminada antes de convertirla, porque un componente se crea mejor sobre un diseño que ya funciona:
- 1Copia el contenido que luego moverás al slot, el horario del taller en el ejemplo, para no perderlo al guardar.
- 2Guarda la sección como componente desde el menú del constructor.
- 3Abre el componente fuente y entra en modo componente.
- 4Añade el módulo Slot en la columna que toque, la derecha en el ejemplo.
- 5Guarda la fuente: el hueco vacío ya viaja con todas las copias.
- 6Vuelve a la página y construye dentro del slot el contenido local que necesites.
En la segunda página repites solo el paso seis con otro relleno, y listo. Antes de dar por buena la sección, revísala en móvil: en pantallas pequeñas las columnas se apilan y cada relleno debe seguir encajando dentro del marco compartido.
Hay tres límites que conviene conocer para no pelearte con el constructor: un slot no admite otro slot dentro, no puede ir dentro de un módulo Group Carousel, y no aparece en listas de elementos que cada copia del componente ya controla por su cuenta.
¡Más De Divi!
Componentes anidados: un componente dentro de otro
La entrega del 28 de octubre remata la jugada, y es mi favorita del paquete: dentro del slot de un componente puedes colocar otro componente, que mantiene la conexión con su propia fuente. Dos niveles de reutilización que no se pisan.
El ejemplo oficial lo explica con una colección de recursos en verde pino y tarjetas melocotón, según detalla el tutorial de componentes anidados. Hay tres alcances de edición bien separados:
En una página la colección muestra dos tarjetas de recursos; en otra, una tarjeta junto a un bloque de newsletter. Las tres tarjetas siguen conectadas a la misma fuente, así que rediseñar la tarjeta una vez la actualiza en toda la web sin tocar el contenido de ninguna página.
Componentes, variables, presets y Divi slots: quién hace qué
Con tantas piezas nuevas en el constructor, conviene repartir los papeles para no mezclar conceptos. Así se lee el sistema de diseño de Divi 5 de principio a fin:
Si quieres repasar la capa de valores, en mi guía de las variables de Divi te cuento cómo encajan con los presets y los estilos globales. La idea es que todo se alimenta en cadena: los valores sostienen los estilos, los estilos visten los componentes y los slots dejan respirar al contenido.
El gestor de componentes centraliza la operación: crear componentes desde secciones existentes, convertir, importar y exportarlos entre webs. Y se precargan para que editarlos sea instantáneo, un detalle que se agradece cuando la colección crece.
¿Paso a Paso Tu Blog En 60 Minutos?
El Divi AI Agent también maneja componentes
El AI Agent de Divi, el ayudante que construye dentro del Visual Builder por lenguaje natural, también sabe manejar componentes y Divi slots: le pides que convierta una sección en componente, que añada un slot en la columna derecha o que desconecte un ajuste concreto, y lo ejecuta sobre la página que tienes delante.
El enfoque es deliberadamente distinto al de la competencia. Mientras el MCP de Elementor saca la IA fuera del editor para que la manejes desde Claude, Codex o Cursor, Elegant Themes mantiene al agente dentro del constructor. Cada casa apuesta por su terreno.
Y ojo al roadmap, porque la pelea agéntica está servida: en las notas de la versión 5.15 confirman que están preparando un MCP propio para que todas las herramientas de IA de Divi se puedan usar desde fuera, con la suscripción de IA que elijas. Cuando eso aterrice, habrá duelo directo.
Qué planes de Divi incluyen los Divi slots
Los componentes y los Divi slots forman parte del núcleo de Divi 5.15, así que no hay ningún extra: funcionan en los tres planes, todos con uso ilimitado de webs. Precios verificados hoy en la web oficial:
A los planes se suman dos bonos de alta: 50 $ de crédito en el Marketplace de Divi y la colección Don Divi de módulos, valorada en 170 $. La garantía de devolución son 30 días, sin preguntas.
Si quieres estrenar el sistema, Divi de Elegant Themes está disponible en sus tres planes, y la comparativa de cartera la tienes en mi duelo de Divi contra Elementor.
Conclusión: Divi slots para dejar de copiar y pegar
Seré honesto: los elementos globales ya existían y otros constructores también tienen sus sistemas de reutilización. Lo que hace fuerte a esta entrega es la suma de piezas: sincronización selectiva al detalle, herencia de valores que nunca te deja a medias, slots de contenido libre y anidamiento de componentes. Añade las variables y los presets, y Divi 5 tiene sistema de diseño completo, de los valores al contenido.
Mi consejo práctico no puede ser más simple. La próxima vez que vayas a copiar una sección por tercera vez, conviértela en componente. Y donde el contenido varíe de verdad de una página a otra, ábrele un slot. Tu yo del futuro, el que tenga que rediseñar la web entera, te lo agradecerá.
Preguntas frecuentes sobre los Divi slots
¿Qué son los Divi slots y para qué sirven?
Los Divi slots son contenedores que se colocan dentro de un componente en Divi 5. El marco del componente se comparte entre todas las copias de la web, mientras que el contenido del slot pertenece solo a la página donde lo construyes. Sirven para secciones repetidas con contenido distinto en cada página: horarios, formularios, bloques de vídeo.
¿Cuál es la diferencia entre componentes y Divi slots?
El componente es el diseño reutilizable conectado a una fuente: estructura, estilos y ajustes compartidos. El slot es un hueco dentro de ese diseño para el contenido local de cada página. Uno controla lo que se comparte; el otro, lo que cambia en cada instancia.
¿Funcionan los Divi slots en Divi 4 o solo en Divi 5?
Los Divi slots solo funcionan en Divi 5: llegaron con la versión 5.15, publicada en octubre de 2026. En Divi 4 el equivalente aproximado eran los elementos globales, que no tienen slots ni sincronización selectiva anidada.
¿Puedo poner un componente dentro de un slot?
Sí. Los slots admiten módulos, grupos y también otros componentes, que mantienen su conexión con su propia fuente. Así consigues dos niveles de reutilización: la colección por un lado y la tarjeta por otro, cada uno con su fuente independiente.
¿Necesito Divi Pro para usar componentes y slots?
Son parte del núcleo de Divi 5.15 y funcionan en los tres planes, incluido el Lifetime de pago único (297 $). Divi Pro (277 $ al año) añade servicios de pago como Divi AI sin límites, Divi Cloud, soporte VIP y 60 $ anuales de gasto para el agente de IA.
¿Qué no puede contener un slot en Divi 5?
Un slot no admite otro slot en su interior, no puede colocarse dentro de un módulo Group Carousel ni dentro de listas de elementos que cada copia del componente ya controla por separado. Además, el módulo Slot solo aparece al editar componentes, no en el resto de la página.
¿Sigues copiando secciones a mano?
"Si usas mi enlace, a ti te cuesta lo mismo y a mí me ayudas a seguir creando contenido gratuito. ¡Gracias!"
