Skip to Main Content

How to Import & Export layouts on Divi

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Divi has an extensive portability system that extends every inch of the theme. Anything inside Divi can be exported from a website and then imported into a new website. Divi exports are also a great way to save parts of your website, save your favorite presets for new customer versions, or share your personalized Divi setups 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

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

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.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

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 on a new page. Imported layouts will replace the content of your current page with the exported content. To import a Divi Builder layout, click on the portability icon in Divi Builder to launch the portability system. Go to the Import tab. Click on the "Choose a file" button and locate your previously exported Divi Builder layout and click on 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 Divi theme options, first go to the page Divi> Theme options in your WordPress dashboard. Once you've saved your theme options the way you want, click on the portability icon. This will launch the portability system where you can export your current Divi theme options. If you have a previously exported theme options .JSON file, you can choose to import those options here.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Importing and exporting Divi theme customization settings

export options from divi.png themes

Importing and exporting the Divi theme customization settings is a simple way to jumpstart your next project. Getting the theme customization settings right can take some 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.

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
3 shares
Share
tweet
Save3