Divi has an extensive portability system that extends every inch of the theme. Everything inside Divi can be exported from a Website then imported into a new Website. Divi exports are also a great way to save parts of your Website, save your favorite pre-configurations for new client versions or share your personalized Divi configurations and settings with your peers.

This includes the theme options, Customizer Settings, Divi Roles and especially the Divi Layout and Divi Library collections. Each system works exactly the same and you will notice the Divi portability icon throughout the theme. When you export a Divi Layout or Divi Library item, it can then be shared and used on any Divi website. Everything including images, custom CSS, and advanced design settings are contained in a single JSON file.

When you upload the file to a new website, your Divi layouts are ready to use!

Exporting elements from the Divi library

The Divi library is a powerful tool for web designers because it allows you to create and categorize custom designs that you can use to kick start your future projects. Thanks to the portability system, these custom designs can now be easily transferred between websites and shared with your peers. To export items from the Divi library, you must first access the page Divi> Divi Library from your WordPress dashboard. Here you will see a list of all your items from the Divi library, as well as an “Import and export” button at the top of the screen. Click this button to launch the portability pop-up window.

import export templates.png

From this window, while you are in the “Export” tab, you can click on the “Export Divi Builder layouts” button to start exporting your entire Divi library. You can also choose a name for your export file. Exporting large library collections, especially those that contain high-resolution photos, can take a long time. It is recommended that you export your library to medium-sized collections.

export templates divi.png

If you have a very large library, you can choose individual items to export instead of exporting everything at once. Divi allows you to select individual items to export. To do this, close the portability pop-up window and, in your list of library items, select the items you want to export.

select items to export.jpg

Click on "Import & Export" again to launch the portability window. Before exporting, check the "Export only selected items" box. From now on, Divi will only export the elements that you have previously selected in your Divi library.

export divi.png designs

After the export process is complete, your browser automatically downloads a .JSON file. This file can be used to import your exported items to a new website using the "Import" tab in the portability pop-up window.

Importing elements from the Divi library

Once you've exported a collection from the Divi library, you can import it to a new website. To do this, you'll use the same portability pop-up window. First, navigate to your page Divi> Divi Library, then click on the “Import & Export” button. This time you will need to click on the "Import" tab to display the import options.

import divi.png design

Once in the Import tab, click on the "Choose File" button and locate the .JSON file you previously exported. Once you have selected the file, click on the “Import Divi Builder layouts” button to start the import. Once the import process is complete, you will notice that the Divi library items have been added to your library and the included images have been imported into your WordPress library.

Exporting individual layouts

Individual Divi Builder layouts can also be exported. The process works just like exporting library items. The only difference is that individual items can be exported and imported directly from and onto the post being edited. When using Divi Builder, look for the Divi portability icon. . By clicking on this icon, you will launch the portability system and you will be able to export your current Divi layout.

portability divi.png

Import individual layouts

Once you have exported your Divi Layout and downloaded the .JSON file, this file can be imported onto a new page. Imported layouts will replace the contents of your current page by the contents exported. To import a Divi Builder layout, click the portability icon in Divi Builder to launch the portability system. Go to the Import tab. Click the “Choose File” button and locate your previously exported Divi Builder layout and click the “Import Divi Builder Layouts” button. “ 

to import divi.png themes

Importing and Exporting Divi Role Parameters

If you want to export your site's role settings, first navigate to the page Divi> Role editor in your WordPress dashboard. Once you've saved your role settings as desired, click the portability icon above the role settings. This will launch the portability system where you can export your current role settings. If you have a previously exported role settings .JSON file, you can also choose to import those settings here.

export divi.png roles

The ability to import and export Divi role settings comes in handy when you want to duplicate some settings for other websites. With a few clicks, you can configure your roles.

Importing and exporting Divi theme options

portability role divi.png

If you want to export the options of the Divi theme, first go to the page Divi> Theme options in your WordPress dashboard. Once you have saved your theme options as desired, click on the portability icon. This will launch the portability system where you can export your options from Divi theme current. If you have a previously exported theme options .JSON file, you can choose to import those options here.

Importing and exporting Divi theme customization settings

export options from divi.png themes

Import and export customization settings Divi theme is a simple way to jump-start your next project. Getting the theme customization settings right can take time. Why not export these settings to speed up your next project?

If you want to export Divi theme customization settings, first go to the page Divi> Customizer from your WordPress dashboard. Once you have saved your Divi theme customization settings as you wish, click on the portability icon at the top of the customizer. This will launch the portability system where you can export your current Divi theme options. If you have a previously exported .JSON file with your theme settings, you can also choose to import those options here.