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 600.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 extended portability system that extends every inch of the theme. Everything inside Divi can be exported from a website and then imported into a new website. Divi exports are also a great way to back up parts of your website, save your favorite pre-configurations for new client versions, or share your custom Divi settings and settings with your peers.

This includes theme options, Customizer Settings, Divi Roles and most importantly the Divi Layout and Divi Library collections. Each system works exactly the same way and you'll 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 Web site. Everything, including images, custom CSS and advanced design parameters are contained in a single JSON file.

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

Exporting items from the Divi library

The Divi library is a powerful tool for web designers as it allows you to create and classify custom designs that you can use to launch 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 of your WordPress dashboard. You will see here a list of all your items in 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 the "Export Divi Builder Layouts" button to begin exporting your entire Divi library. You can also choose a name for your export file. Exporting collections of large libraries, especially those containing high resolution photos, may take some time. It is recommended that you export your library to medium size collections.

export templates divi.png

If you have a very large library, you can choose individual items to export instead of exporting everything at the same time. 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

Start promoting your blog

Download dozens of Logos, banners, website templates and many other marketing tools to market your WordPress Blog. [Recommended]

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

export divi.png designs

When 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 items from the Divi library

Once you have exported a collection from the Divi library, you can import it to a new website. To do this, you will 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 on the Import tab, click 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 begin the import. Once the import process is complete, you will notice that the items in the Divi library have been added to your library and that the included images have been imported into your WordPress library.

Exporting individual layouts

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

portability divi.png

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]

Import individual layouts

Once you have exported your Divi Layout and downloaded the .JSON file, this file can be imported to a new page. The imported layouts will replace the content of your current page with the exported content. 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 the role settings for your site, first go to the page Divi> Role Editor in your WordPress dashboard. Once you have 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 these settings here.

export divi.png roles

The ability to import and export Divi role settings is useful when you want to duplicate some settings for other websites. In a few clicks, you can configure your roles.

Importing and exporting Divi theme options

portability role divi.png

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

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]

Importing and exporting Divi theme customization settings

export options from divi.png themes

Importing and exporting Divi theme customization settings is a simple way to revive your next project. Getting the right theme customization settings can take a long 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 of your WordPress dashboard. Once you have saved your Divi theme customization settings to your liking, click 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 these 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
4 shares
Share1
tweet
Save3