Importing elements from Divi Cloud allows you to seamlessly add your saved Page Layouts, Sections, Rows, Modules, and Code Snippets into any Divi site.
This feature provides a convenient way to access your design assets, ensuring consistency and saving time when building new pages or updating existing ones.
This article will guide you through the steps to import elements from Divi Cloud, making enhancing your website with your favorite designs easy.
Definition:
Divi Elements - Any Page Layout, Section, Row, Module or Code Snippet.
Divi Cloud, like Divi Library, is contextual. That means a saved Page Layout, Section, Row, Module, or Code Snippet can only be imported using the Add icon in the correct context.
Import a Page Layout from Divi Cloud
Create a new page or edit an existing page and enable the Visual Builder
Expand the Visual Builder's Toolbar by clicking on the Ellipsis icon
Click on the Insert Layout icon
Choose the Saved Layout option
(optional) Filter the Locations by clicking on the My Divi Cloud checkbox
(optional) Use the Search filter to search through your Layouts
(optional) Use the Categories Filter to filter your Layouts
(optional) Use the Tags Filter to Filter your Layouts
Click on the Layout you want to Import
Click on the Use This Layout button
Note: If the Replace Existing Content option is checked, the imported layout will replace your current page layout.
If you want the imported layout to be placed after your current page layout, ensure that the Replace Existing Content option is unchecked.
Import a Section from Divi Cloud
Create a new page or edit an existing page and enable the Visual Builder
Click on the Add New Section icon
Click on Add From Library Tab
(optional) Filter the Locations by clicking on the My Divi Cloud checkbox
(optional) Use the Search filter to search through your Sections
(optional) Use the Categories Filter to filter your Sections
(optional) Use the Tags Filter to Filter your Sections
Click on the Section you want to Import
Click on the Use This Section button
Important Note: If you use the Add New Section icon, only Section elements will be displayed, even if other elements, such as Page Layouts, Rows, and Modules, are saved on Divi Cloud.
Import a Row from Divi Cloud
Create a new page or edit an existing page and enable the Visual Builder
Click on the Add New Row icon
Click on Add From Library Tab
(optional) Filter the Locations by clicking on the My Divi Cloud checkbox
(optional) Use the Search filter to search through your Rows
(optional) Use the Categories Filter to filter your Rows
(optional) Use the Tags Filter to Filter your Rows
Click on the Row you want to Import
Click on the Use This Row button
Important Note: If you use the Add New Row icon, only Row elements will be displayed, even if other elements, such as Page Layouts, Sections, and Modules, are saved on Divi Cloud.
Import a Module from Divi Cloud
Create a new page or edit an existing page and enable the Visual Builder
Click on the Add New Module icon
Click on Add From Library Tab
(optional) Filter the Locations by clicking on the My Divi Cloud checkbox
(optional) Use the Search filter to search through your Modules
(optional) Use the Categories Filter to filter your Modules
(optional) Use the Tags Filter to Filter your Modules
Click on the Module you want to Import
Click on the Use This Row button
Important Note: If you use the Add New Module icon, only Module elements will be displayed, even if other elements, such as Page Layouts, Sections, and Rows, are saved on Divi Cloud.