How to import/export theme templates with the "Divi Theme Builder"?

Updated on 23/10/19

1594 words

6 minutes of reading

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

In this new tutorial, discover how import/export theme templates created with the new Divi Theme Builder.

These actions are very similar to the import/export functionality of a Divi layout Apart from some new options that have emerged.

We will see all this in detail.

1 – What is a theme template?

A theme template should not be confused with a layout.

The Layouts (page layouts) create the design within a web page. The layouts are the result of the construction of the page using a page builder, and in our case, using the Divi Visual Builder.

The theme templates, they have been introduced since version 4.0 of Divi. They create site design and build page templates.

Each page template has a particular feature that has been defined in the hierarchy of WordPress template files.

Hierarchy of WordPress template files
Hierarchy of WordPress template files

These model files (page templates) cannot be modified using a builder page: that's why Divi 4.0 was so much expected!

Now, theme templates are created directly using Divi's Theme Builder, which avoids by hand coding these page templates (such as page 404, category page, header, footer etc.).

This means that we really no longer need to master PHP to create great WordPress "themes"!

Do you know you can test Divi for free? See you on this page and click on "TRY IT FOR FREE"

2 - Import a theme template: 3 possibilities

To import (or export) theme templates, just go to the tab Divi > Theme Builder.

You can import simple templates or batches of templates (packages containing multiple templates).

For this tutorial, I used a package of ready-to-use templates that I downloaded from the website of Elegant Themes. I'll give you all the links at the end of the article.

The advantage of importing/exporting theme templates is that you can easily migrate a site design to the site. You will save a lot of time and can even use this feature when site redesign.

Importing a template pack (or a simple template) can be done according to 3 options:

  1. Import a template without impacting the current design
  2. Import a template without impacting the overall design
  3. Import a global theme template
Divi template import types
Results of different import types of theme template

Let's see in detail...

Option 1: Import a theme template without impacting the current design

This way of importing theme templates is ideal if you have already built the design of your site and do not want to change the essentials (header, footer etc.).

Theme Builder tab > Portability
Theme Builder tab > Portability (arrow icon)

Go to the tab Divi > Theme Builder and click on the icon of the double arrow.

Import without options
Import without option: uncheck all boxes

A popup appears:

  1. Click the tab Import
  2. Choose the file to import: you must have it in your computer. These are files .json. For this example, I chose the "pack" version (all).
  3. Uncheck all option boxes
  4. Click « Import Divi Theme Builder Template ».
alternative import choice
Additional Popup inviting you to choose between 2 options. Here I choose "relink"

A new window opens and offers 2 options:

"This import contains references to the overall headers, body and/or footer of the website from which they were exported. How would you like to import these references?
1 – Connect them to the overall header, body and/or footer of this website.
2 - Import them as static layouts from the website from which they were exported. This may take several minutes depending on the number of references imported. »

Option 1: "Relink..." allows you to import only the Custom body. This means that the import system fails to insert all headers and footers contained in theme templates.

import without option
Theme Builder tab after import without option checked.

Thus, you keep the header and footer design of your current site, as shown by the following "before/after" catches:

Page of imported item
Article page before-after
Archive page after import
Before-after archive page

You may notice that only the body of the page has changed design and the header (and footer) remained intact.

Of course, these actions have only impacted the design but the content (texts and images) are still present.

Option 2: Import a theme template without impacting the overall design

Go to the tab Divi > Theme Builder and click on the icon of the double arrow.

A popup appears:

import without option
Option: no checkbox
  1. Click the tab Import
  2. Choose file to import (.json).
  3. Uncheck all option boxes
  4. Click « Import Divi Theme Builder Template ».
import them as static layout
Option "import them as static layout"

The same message appears and see what happens if we choose the other option:

Option 2: "Import them as static layout..." allows you to import all the template parts (header, body and footer) as independent design.

Tab Theme Builder
Tab Theme Builder after import

This means that the imported design(s) will only affect the page(s) affected.

The other pages of your site will not change.

Option 3: Import a global theme template

The last option (which is the most interesting if you are developing your site) will allow you import a global design that will affect the entire site, or almost (everything depends on the content of the pack you import).

As with other options, go to the tab Divi > Theme Builder and click on the icon of the double arrow.

A popup appears:

default import options
Default import options: "Override" & "Allow import"
  1. Click the tab Import
  2. Choose file to import (.json).
  3. Do not Don't uncheck the two default options: "Override..." and "Allow import..."
  4. Click « Import Divi Theme Builder Template ».
import of templates
Theme Builder tab after import of templates

Wait for the download time.

As you can see on the above capture some modules are green (Global elements) but above all the Default Website Template (template on top left) was imported: This one will impact the entire and overall design of your site.

Here's what it gives in front-end with these "before/after" catches:

homepage template
Home page before/after
Blog Category Page
Blog categories page before/after

The design of my pages has changed, the header and footer too. The only thing that hasn't changed is the content of my website pages.

3 – What if import is not suitable?

You just imported divi theme templates and that's not what you expected?

Don't worry, just go back to the tab Divi > Theme Builder and remove (waste bin icon) the part(s) of template that is not suitable for you. You can even delete them completely and your site will regain its original appearance.

Another option: you can edit them to modify them to your liking!

4 - Export a theme template: 2 possibilities

The export of a theme template is also very easy, it is done in just 3 clicks...

Option 1: Export a simple theme template

It always happens on the tab Divi > Theme Builder

Export Template
Export a single template

Pass the mouse over the template to export: a small local menu appears. Click on the icon of the double arrow.

export file
Name export file

A popup appears:

  1. Give a name to the file you will export
  2. Click « Export Divi Theme Builder Template »
  3. Save your file .json on your computer.

This exported file can be used on another site using the Divi theme, you just have to reimport it.

Option 2: Export multiple theme templates at a time

Go to the tab Divi > Theme Builder.

portability Divi
Import or export one or more theme templates

In the purple bar, click on the icon of the double arrow (portability).

A popup appears:

select templates to export
Export all or select export templates
  1. From the tab "Export".
  2. Give a name to the export file.
  3. Leave the box checked if you want to export all your templates.
  4. Or uncheck box to select only the templates that interest you.
  5. Click « Export Divi Theme Builder Template » and record them locally.

5 - Where to find free download Divi theme templates?

The Divi Theme Builder is still very recent, yet the designers of Elegant Themes is not out of business and the site already allows to download the first 5 packs for free.

Others will certainly follow: in order not to miss them, consult regularly the Divi resource page available on the official website.

In the meantime, you can download the first 5 packs:

Whether a future version of Divi will allow download theme templates directly from back-office, as the Visual Builder With the layouts?

Good idea!

import or export a Divi theme template
import theme template

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin, which makes your websites multilingual in just a few clicks! SEO-Friendly / Automatic / Editable


  1. Leslie

    J’ai téléchargé 2 pages Layout de 2 thèmes différents.
    Je construit une 3eme page, ou j’intègre des blocs de l’un et de l’autre pour personnaliser la page comme je le veux.
    Cependant, je rencontre un problème : dès que je quitte mon visuel builder, tout se détruit.
    Avez-vous une astuce ?

  2. Lycia Diaz

    Salut Leslie, il peut y avoir plusieurs raisons à cela :

    1/ Essaye de désactiver l’option « Génération de fichiers CSS statiques » disponible dans l’onglet Divi > Option du Thème > Créateur > Avancé. Cela pourrait régler le problème.
    2/ Sinon, mets tes Thèmes et/ou plugins à jour
    3/ Vérifie que ton hébergement tourne sur une version récente de PHP (minimum 7.1).

    Voilà, tiens-nous au courant.


  3. 7hil

    BonjouR Lydia,

    et merci pour ce super travail que tu fait pour nous !

    Voici le message que je lis quand je veu faire des modif s sr ma page ?

    Module de contenu post manquant
    Un modèle a été attribué à cet article à l’aide du Générateur de thèmes. Toutefois, le modèle utilisé ne contient pas de module Publier le contenu.

    Un module de publication de contenu est requis pour ajouter un contenu unique dans le modèle de générateur de thèmes. Une fois qu’un module de contenu de publication a été ajouté au modèle, vous pourrez ajouter un contenu de publication unique dans cette zone pour chaque publication à l’aide du modèle.

    Modèle actuel: Modèle de site Web par défaut

    Editer Thème Builder

    merci de ton aide 🙂
    Belle soirée


  4. Lycia Diaz

    Salut 7hil ! C’est normal. Quand tu crée un modèle avec le thème Builder, tu dois impérativement y inclure le module Publier un contenu. Tout est expliqué ici :

Submit a comment

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

This site uses Akismet to reduce undesirables. Learn more about how your feedback data is used.