Divi has made it easier for WordPress users to create professional websites without coding thanks to its visual page builder. With Divi Cloud, the process of website creation will be even easier. Especially if you are an agency or freelance developer creating websites for clients.
What is Divi Cloud?
First thing first, Divi Cloud is not a hosting service. Elegant Themes already offers hosting service — called Divi Hosting — partnered with some well-known hosting providers. Instead, Divi Cloud is a cloud storage service designed specifically to store your Divi assets. From sections, modules, theme builder templates, to code snippets. Elegant Themes introduced Divi Cloud along with the release of Divi 4.17 in June 2022.
Divi Cloud is released as a freemium service. Every Elegant Themes subscriber — be it old or new — is given the storage quota of 50 items. To store more than 50 items, you need to pay $8 per month (or $6 for yearly payment option).
How Divi Cloud Works
As the name suggests, Divi Cloud works by storing your Divi assets to the cloud. Since the assets are stored in the cloud, you can access them from anywhere — be it on the same website or different websites. All you need is to login with the same Elegant Themes account wherever you want to access your assets.
In other words, you can access a certain Divi asset (section, module, etc.) you have customized on a certain website — from another website. With this approach, you can get a website project done more quickly as you don’t need to manually search for JSON files or code snippets on your computer.
Divi Cloud comes with a great assets manager. It automatically generates a screenshot for every item you add, make it easy for you to identify when needed. Also, you can create categories and add tags for a better assets management.
What’s You Can Store to Divi Cloud
A Divi-powered page consists of three main element types as follow:
You can store the above element types to Divi Cloud. In addition, you can also store a full page (page layout), theme builder templates, and other assets.
Divi Cloud allows you to store the following assets:
- Page layouts
- Theme builder templates
- Code snippets
Soon, you can also add other asset types such as theme customizer settings, module presets, theme option settings, 3rd-party integrations, Divi Builder settings, fonts and colors, plugins, and child themes.
A little note. On the assets manager window, you can only see the assets according to their respective context. For instance, when you want to add a module, you can only see the modules on the manager window. So is with rows. You can only see the rows when you want to add a row. And so on, and so forth.
How to Use Divi Cloud?
As mentioned earlier above, Divi Cloud was introduced along with the release of Divi 4.17. So, to use it, you need to update your Divi theme to the newest version.
To start using Divi Cloud, first, edit your page with Divi Builder and add a new element (section, row, or module). Click the Add From Library tab to open the library/assets manager window.
Once the assets manager window shows up, you can click the Sign In To Divi Cloud button on the upper-right corner. Simply login with your Elegant Themes account.
Once logged in, you can start adding new assets to Divi Cloud.
As said above, every Elegant Themes member can save up to 50 assets to Divi Cloud for free. To see how many assets you have added, you can login to the Elegant Themes website. Once logged in, click the CLOUD tab. As you can see, you will be presented with the number of assets you have added to Divi Cloud.
— Adding an Asset to the Cloud
To add a new asset to the cloud, first, you can edit an element just like usual. For instance, to add a row to the cloud, you can add and edit a row on the current page you are editing (you can also add some modules to the row). Once done editing the row and the elements inside it (columns and modules), you can click the down arrow icon on the row settings bar. Give the asset a name and toggle the Save To Divi Cloud option on. Click the Save To Divi Cloud button. Before clicking the button, you can select a category and add a tag.
You can do the same steps above to add a section and a module to Divi Cloud.
## Adding a Page Layout to the Cloud
To add a page layout to Divi Cloud, you can finish the page first. Once done, you can click the down arrow on the icon bar at the bottom of the screen (you can click three-dot icon to show all the icons setting). Give your page layout a name, toggle the Save To Divi Cloud option on and click the Save To Divi Cloud button.
## Adding a Theme Builder Template
Divi has a theme builder feature that allows you to create custom templates for your theme. You can also add your Divi Theme Builder templates to Divi Cloud so that you can access them from anywhere.
To add a Divi Theme Builder template to Divi Cloud, you can finish the template first. Once done, switch back to the Divi Theme Builder page. Select a template you want to add and hover your cursor over it. Click the down arrow icon.
On the appearing panel, give your template a name, toggle the Save To Divi Cloud option on and click the Save To Divi Cloud button.
You can follow the above steps to add an individual template. To add all templates at once (template set), you can click the down arrow icon on the icons bar.
## Adding a Code Snippet to the Cloud
If you often use custom CSS, you can utilize Divi Cloud to store your code snippets and access them via any website. Interestingly, you can select a certain code part only to be stored.
To add a code snippet to the cloud, first, go to the Advanced tab on the settings panel of your current element to access the code. Open the Custom CSS block and select the code. Click the down arrow icon on the bottom-right corner of the code editor.
On the appearing panel, give your code snippet a name, toggle the Save To Divi Cloud option on and click the Save To Divi Cloud button.
If you want to add certain code part only, you can simply select the code part by highlighting it. Then, click the down arrow icon to add it to the cloud.
— Using a Cloud Asset
All items/assets you have added to Divi Cloud can be used on any website you build with Divi. You just need to login with the same Elegant Themes account on each website.
One thing to note before using a certain asset. On the assets manager window, you will only see the assets according to their context (page layout, section, row, module, code snippet, and so on). For instance, if you want to add a module from, you will only see the modules on the assets manager window.
## Using a Section, Row, and Module
To use a section, row, or module you have stored to Divi Cloud, you can click the plus icon (blue plus icon for section, green plus icon for row, and grey plus icon for module) on the Divi Builder editor. On the appearing panel, click the Add From Library tab.
On the appearing assets window manager, select a module you want to use. Click the three-dot icon and select Use This Module.
## Using a Page Layout
To use a page layout you stored to Divi Cloud, first, create a new page and edit it with Divi Builder. On the appearing dialog, select the Browse Layouts option.
If you are already on the Divi Builder editor, you can click the plus icon on the icons bar at the bottom side. But first, you need to clear the layout by clicking the trash can icon.
On the appearing assets manager window, click the Your Saved Layouts tab, followed by My Divi Cloud to filter the page layouts.
Select the page layout you want to use, click the three-dot icon, and select Use This Layout.
## Using a Theme Builder Template
In Divi, there are two contexts when it comes to theme builder template. The first context is individual template. The second context is template set (the entire templates on Divi Theme Builder).
To start using a theme builder template you stored to Divi Cloud, first, go to Divi -> Theme Builder on your WordPress dashboard. To use an individual template, you can click the plus button to add a new template. On the appearing dialog, select the Add From Library option.
Select a template you want to use, click the three-dot icon and select Use This Template.
To use a theme builder template set, you can click the plus icon on the icons bar on Divi Theme Builder page.
Select a template set you want to use, click the three-dot icon and select Use This Set.
## Using a Code Snippet
To use code snippet you have stored to Divi Cloud, first, edit an element on Divi Builder and go to the Advanced tab on the settings panel. Open the Custom CSS block and select an area you want to add the custom CSS to. Click the plus icon on the code editor.
On the appearing assets manager window, select the code snippet you want to use. Click the three-dot icon and select Use This Code Snippet.
— Editing a Cloud Asset
Divi Cloud allows you to edit an asset you have stored to the cloud in case you want to make some changes. In addition, you can also remove an asset, rename, edit the categories, and so on.
Again, you can only edit an asset on its context. For instance, to edit a module stored to the cloud, you need to access the assets manager window from module context as well. The same case applies to other assets.
To edit a module stored to the cloud, first, access the assets manager window by clicking the grey plus button and click the Add From Library tab.
Select a module you want to edit. Click the three-dot icon and select Edit With Divi.
You will be redirected to a new tab on your web browser to edit the module. Once done editing, click the Save Cloud Item button on the bottom-right corner to save the changes.
You can switch back to the assets manager window to make other actions, such as renaming the module, adding the module to favorite, changing the category and so on.
The Bottom Line
Divi Cloud is a super useful feature for agencies and freelancers. You can use it to store your Divi assets to the cloud and access them from anywhere. No need to manually manage tons of JSON files on your computer anymore. You can use Divi Cloud to store:
- Page layouts
- Theme builder templates
- Code snippets
Soon, you can also use Divi Cloud to store other asset types such as theme customizer settings, module presets, theme option settings, 3rd-party integrations, Divi Builder settings, fonts and colors, plugins, and child themes.
Divi Cloud is available as a freemium service. All Divi users (Elegant Themes members), be it new or old, can store up to 50 cloud assets/items. To store more assets, you need to subscribe to the paid version, which starts from $8 per month.