How to Edit a Divi Cloud Item Inside the Cloud Itself

Let’s get started.

Why Edit an Item Inside the Cloud?

Before we see how to edit inside the cloud, let’s consider why we’d want to.

Editing an item inside the cloud saves time and it’s a simpler process than editing within a page. The process of editing a layout outside of Divi Cloud looks something like this:

Select the item in the Divi Cloud, import it into your page, and make your edits. Once the edits are complete, you’d choose to save the layout to your library store it in the Divi Cloud, give it the same name as the layout you wanted to edit, and save it. Then, you’d have to delete the original so you only have one layout with this name, and you wouldn’t have two layouts with different edits.

As you can notice, there are a lot of steps outside of the actual editing process. This requires a lot of moving the layout from one location to another. That’s not productive time. Also, mistakes can happen in this process, such as downloading the wrong layout, or even worse, deleting the wrong layout. It’s also possible to forget to upload the updated layout, so the updated version isn’t available when you need it. Something as simple as misnaming the updated layout can cause hours of lost time in trying to find it.

How to Find Divi Cloud Items

Before we see the editing process, let’s see how to find the Divi Cloud Items you want to edit.

For more information about organizing your Divi Cloud, see the posts How to Organize Divi Cloud Items by Category and Tags and Best Practices for Naming Items And Organizing Your Divi Cloud.

1. First, enable the Visual Builder by navigating to any page on the front end of your Divi website and clicking “Enable Visual Builder” in your toolbar at the top of the screen.
2. Click the purple plus icon on the Divi toolbar at the bottom of the page to open the Divi Library.
3. Click the tab at the top labeled “Your Saved Layouts”.
4. Next, view your Divi Cloud items. Click the checkbox labeled “My Divi Cloud” under Locations in the left sidebar.
5. Choose Grid View, the grid icon above the layout thumbnails on the right, to see the thumbnails. Alternatively, you can choose List View, the List icon is above the layout thumbnails on the right, to see the names and meta information.
6. Locate the layout you want to find by searching, sorting, or filtering the Divi Cloud items. Search by keywords or favorites, select categories and/or tags to filter them, or sort them based on time, name, or favorites.

How to Edit a Divi Cloud Item Inside the Cloud Itself

Now, let’s see how to edit the Divi Cloud item without having to go through the process we discussed above. As you’ll see, editing an item inside Divi Cloud is simple and easy. I’ve broken it down into three videos just to show more detail.

For more information about adding items to your Divi Cloud, see the post How to Transfer a Local Item to Your Divi Cloud.

Load the Divi Cloud Item to Edit

First, you’ll need to load the layout into the Divi Cloud editor.

1. First, enable the Visual Builder by navigating to any page on the front end of your Divi website and clicking “Enable Visual Builder” in your toolbar at the top of the screen.
2. Click the purple plus icon on the Divi toolbar at the bottom of the page to open the Divi Library.
3. Click the tab at the top labeled “Your Saved Layouts”.
4. Next, view your Divi Cloud items. Click the checkbox labeled “My Divi Cloud” under Locations in the left sidebar.
5. Locate the layout you want to edit by searching, sorting, or filtering the Divi Cloud items. Search by keywords or favorites, select categories and/or tags to filter them, or sort them based on time, name, or favorites.
6. Right-click on the layout you want to edit.
7. Select “Edit With Divi” in the popup menu. The layout will open in a new tab, rather than a page on your website, with the Visual Builder enabled.
8. Alternatively, you can right-click on the preview in the Layout Details screen to open the menu items and click “Edit With Divi” in the popup menu.

Edit the Layout Inside the Cloud

Next, make your changes to the Divi layout using the Divi Visual Builder. This works the same as the Visual Builder within any page except for saving to the library, page settings, and portability. The editor is already enabled, so you can just start making your changes.

1. Simply edit the layout with the Divi Builder as normal. Add or customize sections, rows, columns, modules, code, etc.
2. View the layout in the various Visual Builder views (wireframe, desktop, tablet, and phone).
3. Open the “Load From Library” modal to load Divi layouts, load from your library or Divi Cloud, or clone an existing page.
4. Click the trash can to clear the layout if you want to start from scratch.
5. Click the clock icon to view and select from the editing history. This is the editing history since the layout loaded into this tab.

Save the Changes Inside the Cloud

Finally, save your changes. The edits are automatically saved in the Divi Cloud.

1. Click “Save Cloud Item” in the lower right corner of the layout to save the changes.
2. Wait for the changes to save. The changes are saved in the cloud itself.
3. Close the tab when you’re finished editing. This isn’t a page on your website, so you won’t need to exit the Visual Builder.

Ending Thoughts

That’s our look at how to edit a Divi Cloud item inside the cloud itself. Editing outside the cloud and then uploading it back to the cloud takes a lot of steps. It can also cause lots of mistakes. Editing inside the cloud works as normal and saves a lot of time by simplifying the process. For every edit that you want to be reflected in the cloud, I recommend editing inside the cloud itself. It’s the simplest, fastest, safest, and most productive way to edit your Divi Cloud items.

We want to hear from you. Do you edit your Divi Cloud items inside the cloud itself? Let us know about your experience in the comments.