Skip to main content
All CollectionsDivi Cloud
Divi Cloud Interface Overview
Divi Cloud Interface Overview

Master the use of Divi Cloud to effortlessly import and export Divi elements, while organizing them for fast, easy access.

Updated over 2 months ago

Divi Cloud is like Dropbox, iCloud, or OneDrive for your Divi website.

When you store something on Divi Cloud, you can access it from any Divi website while building it. This allows you to access, organize, and share your Divi assets while building a website.

You no longer need to organize Divi exports on your computer, share them over email or chat, and import them on every new website you build. Everything is right where it should be, waiting for you inside the Visual Builder.

Open Divi Cloud interface

  1. Create a new Page or edit an existing Page and enable the Visual Builder

  2. Click on the Ellipsis icon to expand the Visual Builder's toolbar

  3. Click on the Insert Layout icon

  4. Click on the Your Save Layouts tab

Login to Divi Cloud

  1. Click on the Sign In To Divi Cloud button (top right corner)

    Divi Cloud - Sign in your Divi Cloud Account

  2. Complete the login process

Once logged in to your Divi Cloud, the Load from Library modal window will be displayed.

The Divi Cloud interface is split into 3 different sections:

  1. The Sidebar

  2. The Display settings bar

  3. The Elements list view

Divi Cloud Interface

The Sidebar

  • The Search Filter is used to filter your entire Divi Cloud collection based on the searched Keyword

  • The Locations are used to filter your Divi Cloud collections based on the item's location:

    • This Website - will only show elements which are saved locally to your Divi Library

    • My Divi Cloud - will only show elements that are saved to your Divi Cloud account

  • The Categories displays a list of categories used to organize your layouts. Depending on which option is selected in the Locations filter, the category list will only show Divi Cloud categories, Divi Library (local categories), or both

    • You can also manage your categories by clicking on the Manage Categories link

    Divi Cloud - Manage Categories list

  • The Tags display a list of categories used to organize your layouts. Depending on which option is selected in the Locations filter, the category list will only show Divi Cloud tags, Divi Library (local tags), or both

    • You can also manage your tags by clicking on the Manage Tags link

    Divi Cloud - Manage tags list

The Display settings bar

It displays the number of elements currently saved in your Divi Cloud.

Number of items

When adding new elements such as page layouts, sections, rows, modules, or code snippets to your page, the displayed number indicates the total number of items available for import from the selected sources.

If no specific locations are chosen, it defaults to showing the total count from the local Divi Library and Divi Cloud.

View Options

The view options include three options:

  • - Grid view displays all the items in a Grid layout

  • - Tag view displays all the items grouped by tags

  • - List view displays all the items in a List layout

Sorting options

The Sorting options allow you to change the default element's sorting (News to Old). The available options are:

  • The New To Old option (default sorting option) displays the items sorted in descending order, from the newest item added to the oldest item added

  • The Old To New option displays the items sorted in ascending order, from the oldest item added to the newest item added

  • The Name option displays the items sorted by their names

  • The Favorites option displays the favorite items first sorted by the creation date

Profile picture

Shows your profile picture assigned to the account email address using the Gravatar.com service if you are logged in or a generic image placeholder if you are not logged in to your Divi Cloud account.

The Elements List View

It displays the list of available elements saved to Divi Library (locally) or Divi Cloud, depending on which option is checked under the Locations filter.

If none of the options is selected, it will display all the items available for import from Divi Library and Divi Cloud.

Items Quick Actions

For each displayed item, you can perform a variety of quick actions. Quick actions can be performed by right-clicking on an item or by clicking on the Vertical three dots iconand it includes the following options.

  • The Use This Layout option is used to import the selected item into your page quickly

  • The Edit With Divi option is used to edit the selected item directly into the Load From Library modal window without having to leave this modal window

  • The Live Preview option is used to live preview the selected item

  • The Rename option is used to rename the selected item quickly

  • The Remove from Cloud option (appears for items saved to Divi Cloud) is used to remove an item from the Divi Cloud quickly

  • The Remove From Favorite option (appears for items marked as favorite) is used to remove the selected item from being marked as a Favorite item

  • The Split Into Sections option (appears for Page Layouts) is used to split the selected Page Layout into Sections

    • Split Into Rows (appears for Sections) is used to split the selected Section into Rows

    • Split Into Module (appears for Rows) is used to split the selected Row into Modules

  • The Edit Tags & Categories option is used to edit the categories and tags of the selected item

  • The Duplicate option is used to create a duplicate of the selected item

  • The Export option is used to export the selected item as a JSON file

  • The Delete option is used to delete the selected item

Divi Cloud - Item's Quick Actions

Delete Divi Cloud Items

Delete a single item

You can use the Quick Action to delete an item and choose the Delete option.

Divi Cloud - Delete a single item

Delete multiple items

  1. Switch to the List view by clicking on the List view icon

  2. Select the items you want to delete

  3. Click on the Delete Selected Items button

Divi Cloud - Delete multiple items

Note: Deleted items will be placed in the Trash. Using the Trash option, you can altogether remove or restore them from your Cloud.

Restore Deleted Items

  1. Click on the Trash link

    Divi Cloud - Open the Trash page

  2. Hover over the item you want to restore

    Divi Cloud - Restore deleted item

  3. Click on the Restore button

Important Note: Clicking on the Empty Trash button, will clear the Trash, and the deleted elements cannot be recovered.

Did this answer your question?