How to Import a Layout to Your Divi Cloud

Last Updated on September 16, 2022 by 1 Comment

How to Import a Layout to Your Divi Cloud
Blog / Divi Resources / How to Import a Layout to Your Divi Cloud

One of the many advantages of Divi is the ability to import layouts to any Divi website. You can create pages on one site and import them into the Divi Library, specific pages and posts, and the Divi Theme Builder. As you may have guessed, you can also import your layouts directly to your Divi Cloud. In this post, we’ll see how to import a layout to your Divi Cloud. We’ll also see how to find it easily once it’s uploaded and how to add categories and tags to help keep your Divi Cloud organized.

Let’s get started!

How to Import a Layout to Your Divi Cloud

There are two methods to open the import option. You can import one layout or multiple layouts. We’ll see a combination of all the options.

Importing a Single Layout Using the Portability Icon

First, let’s see how to import the layouts to your Divi Cloud. For this process, it doesn’t matter which tab you have selected, and you don’t have to view your Divi Cloud. The button we’re using is outside of the tabs.

  1. 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. Select the “Portability” icon in the upper right corner of the “Load from Library” window. This is the icon with up and down arrows next to the exit icon.
  4. Click the field labeled “Choose File” in the popup that appears. The field will show “No File Selected” until you’ve chosen a file to import.
  5. Navigate to the JSON file on your computer and select it. The field will then show the name of the file.
  6. Under Options, select “Import to Cloud”.
  7. Click “Import Layout” and wait for the import to complete.
  8. Alternatively, you can drag and drop the file onto the Load From Library window to open the Import Layout modal with the file already selected. We’ll see this option in the next section.
  9. Changes to your Divi Cloud are saved automatically, so you won’t need to save this page. Click the X in the upper right corner of the “Load from Library” modal to close it.

How to Bulk Import Multiple Layouts to Your Divi Cloud

Next, let’s see how to bulk import the layouts to your Divi Cloud. For this process, it doesn’t matter which tab you have selected, and you don’t have to view your Divi Cloud. The button we’re using is outside of the tabs. The bulk layouts will need to be a single file with all the layouts contained within it.

  1. 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. Open the folder that contains your JSON files.
  4. Drag and drop the file you want to import onto the Load From Library screen. It doesn’t matter which tab you have selected.
  5. Select “Import to Cloud” in the popup that appears. The popup will show the name of the file within the file name field.
  6. Click “Import Layout” and wait for the import to complete.
  7. Alternatively, you can select the “Portability” icon in the upper right corner and navigate to your file as we saw in the previous section.
  8. Changes to your Divi Cloud are saved automatically, so you won’t need to save this page. Click the X in the upper right corner of the “Load from Library” modal to close it.

What to Do After Importing a Layout to Your Divi Cloud

Once the layouts are imported into your Divi Cloud, you’ll need to do a few things to make them easier to find and use.

How to Find Your Imported Layout in Your Divi Cloud

Once you’ve imported the layout to your Divi Cloud, it won’t have tags or categories to help you find it. Fortunately, finding the layout is a simple process. This process is the same even if you upload a lot of Divi layouts before looking for them. You’ll just have to scroll a little further.

  1. Firstly, 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. Secondly, 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 either Grid View or the List View. The Grid View, the grid icon above the layout thumbnails on the right, is easier to use because it shows thumbnails. For the List View, the List icon is above the layout thumbnails on the right, and only shows the names and publish date for imported layouts.
  6. Finally, locate your layout by searching for it by name or by sorting it from New to Old. Your new layout will appear at the top left for the Grid View and at of the list for List View.

Add Categories and Tags to Your Imported Layout in Your Divi Cloud

Once you’ve imported a layout to your Divi Cloud, you’ll need to add tags and categories to help keep them organized.

  1. 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.
  1. Locate the layout you want to edit by searching for it by name or sorting by New to Old.
  1. Right-click on the layout and select “Edit Tags and Categories” from the popup that appears.
  2. Alternatively, you can right-click on the layout in the Layout Details view and select “Edit Tags and Categories” from the popup.
  3. Choose the categories and select or add the tags you want to use for this layout. Click the green check icon when you’re finished.
  4. Changes to your Divi Cloud are saved automatically, so you won’t need to save this page. Click the X in the upper right corner of the “Load from Library” modal to close it.

Ending Thoughts

That’s our look at how to import a layout to your Divi Cloud. Importing layouts to your Divi Cloud is as simple as importing to a page or post, the Divi Library, or the Divi Theme Builder. Of course, importing them to Divi Cloud gives you the extra benefit of having them readily available at your fingertips for any Divi website you’re logged into. Import them one at a time or in bulk. Importing layouts to your Divi Cloud is one of the easiest ways to use Divi layouts.

We want to hear from you. Have you imported layouts to your Divi Cloud? Let us know about your experience in the comments.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

New Starter Site for Estheticians (Quick Install)

New Starter Site for Estheticians (Quick Install)

Posted on November 12, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post
Divi 5 Update: Public Alpha Version 3

Divi 5 Update: Public Alpha Version 3

Posted on November 11, 2024 in Divi Resources

The Divi 5 Public Alpha is available for testing. As we progress towards the final release, we’ll update Divi 5 every two weeks, appearing as a standard update in your WordPress dashboard. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 3 today. Thanks...

View Full Post

1 Comment

  1. Thanks for the info

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today