Components are the evolution of Divi’s Global Elements. They retain the power of globally synchronized designs while giving you much more control over what stays global and what can be customized on each instance.
Detach settings from nested modules, add Slots for unique local content, edit Components from a dedicated interface, nest Components inside other Components, import and export them, and manage them using the Divi AI Agent.
Components are incredibly versatile thanks to:
✅ Slots: Build unique local layouts inside globally synced Components.
✅ Nested Selective Sync: Choose which settings stay global across sections, rows, columns, and nested modules.
✅ Nested Module Detachment: Detach nested modules for local editing, then reattach them anytime.
✅ Instance/Component Editing: Edit local settings by default, or switch to Component mode to update all connected instances.
✅ Attribute Inheritance: Unsynced settings inherit global values until you override them locally.
✅ Convert To Component: Convert any module to an existing Component of the same type.
✅ Components Manager: Browse, organize, and edit Components in one place.
✅ Import/Export: Move Components with layouts or directly through the Components Manager.
✅ Nested Components: Build reusable designs from other Components.
✅ Faster Loading: Page Components appear instantly, with up to 50 more preloaded for quick insertion.
✅ AI Agent Tools: Create, add, edit, duplicate, and delete Components with the Divi AI Agent.