HOW TO…
Important information to get it done right.
It is very important to do all the steps to install the templates correctly so that you can get everything that the template contains and so that the creation of the site is for you a pleasant fun, not a nerve-racking burden.
But, in any case, if you still have questions – contact me for support.
Installation
How to import a layout:
You can watch this ET guide or follow the steps below:
Preparation:
1. Unzip the archive using the UnZip program. After the unzip process is complete, you will see JSON files with different names.
Each of them is a finished layout with all settings, images, and JS or CSS codes inside.
Note that you will only use one JSON file (if you have not one JSON file in the archive).
If you have several JSON files in the archive, all other JSON files you will use on other pages or websites (if you wish).
Important: Please turn on “Use Google Fonts” in “Divi” -> “Theme Options” so that our layouts display correctly.
Installation:
There are two important steps here:
1. Import a chosen layout into the Divi library.
2. Open Divi Theme Builder and import this layout from the library to the page.
Step 1:
First, you need to import the necessary JSON file with the layout into the Divi Library.
In the dashboard of your WordPress site, go to ” Divi” – > “Divi Library” and open the “Import & Export” tab.
In the “Import & Export Layouts” window that opens, select the “Import” tab and select the file to import from your computer (Don’t forget to import presets).
When the desired file is selected, click on the blue bar “Import Divi Builder Layout”.
This will transfer the JSON file with the chosen layout from your computer to the Divi library on your site.
At this point, you’ve done 90% of the work.
Step 2:
2.1
In the dashboard of your WordPress website, go to “Pages” – “Add New” and add a title to the page as you wish. For example, “TestPage”
Then click the purple “Use Divi Builder” button.
2.1.1 From the choice of how to create the page, select “Build from scratch” and click “Start building”.
Don’t create rows; click on the purple circle with three dots at the bottom of the page to access the Visual Builder control buttons.
2.1.2
Click on the circle with the “plus” icon “Load from Library”.
In the opened “Load from Library” window go to the “Your saved Layouts” tab, find a desired JSON file with our Page Layout, and click on it.
Before clicking on the blue button ” Use this layout” don’t forget to check the “Replace existing content” checkbox (if you want to have your content deleted).
You will see that the design has changed and you can start editing the content of the page.
Important: Don’t forget to change all links on the new page and add your details there!
Once completed, click Publish and your page is ready!
You can watch this ET guide or follow the steps below:
Preparation:
1. Unzip the archive using the UnZip program. After the unzip process is complete, you will see JSON files with different names.
Each of them is a finished layout with all settings, images, and JS or CSS codes inside.
Note that you will only use one JSON file (if you have not one JSON file in the archive).
If you have several JSON files in the archive all other JSON files you will use on other pages or websites if you wish.
Important: Please turn on “Use Google Fonts” in “Divi” -> “Theme Options” so that our layouts display correctly.
Installation:
There are two important steps here:
1. Import a chosen Footer/Header layout into the Divi library.
2. Open Divi Theme Builder and import this layout by doing a transfer of it from the library to the page.
Step 1:
First, you need to import the necessary JSON file with the layout into the Divi Library.
In the dashboard of your WordPress site, go to ” Divi” – > “Divi Library” and open the “Import & Export” tab.
In the “Import & Export Layouts” window that opens, select the “Import” tab and select the file to import from your computer (Don’t forget to import presets).
When the desired file is selected, click on the blue bar “Import Divi Builder Layout”. This will transfer the JSON file with the chosen layout from your computer to the Divi library on your site.
At this point, you’ve done 90% of the work.
Step 2:
2.1
Open Divi Theme Builder:
In the dashboard of your WordPress site, go to ” Divi” – > “Divi Theme Builder” and click on “Add a Custom Footer”.
From pop-up window choose “Add from Library”.
At this point, you have done 95% of the work.
2.2 Select the “Your Saved Layouts” tab in the “Load from Libray” window that appears and click on the desired layout to use it.
Then click on “Use this Layout”
That is it!
It is all!
Don’t forget to change all the links on the new Footer/Header and add your data there!
Once completed, click Publish and your page is ready!
You can watch this ET guide or follow the steps below:
Preparation:
1. Unzip the archive using the UnZip program. After the unzip process is complete, you will see JSON files with different names.
Each of them is a finished layout with all settings, images, and JS or CSS codes inside.
Note that you will only use one JSON file (if you have not one JSON file in the archive).
If you have several JSON files in the archive all other JSON files you will use on other pages or websites if you wish.
Important: Please turn on “Use Google Fonts” in “Divi” -> “Theme Options” so that our layouts display correctly.
Installation:
There are two important steps here:
1. Import a chosen layout into the Divi library.
2. Open Divi Visual Builder and import this layout by doing a transfer of it from the library to the page.
Step 1:
First, you need to import the necessary JSON file with the layout into the Divi Library.
In the dashboard of your WordPress site, go to ” Divi” – > “Divi Library” and open the “Import & Export” tab.
In the “Import & Export Layouts” window that opens, select the “Import” tab and select the file to import from your computer (Don’t forget to import presets).
When the desired file is selected, click on the blue bar “Import Divi Builder Layout”.
This will transfer the JSON file with the chosen layout from your computer to the Divi library on your site.
At this point, you’ve done 90% of the work.
Step 2:
2.1
In the dashboard of your WordPress website, go to “Pages” – “Add New” and add a title to the page as you wish. For example, “Home”
Then click the purple “Use Divi Builder” button.
2.1.1 From the choice of how to create the page, select “Build from scratch” and click “Start building”.
Don’t create rows; click on the purple circle with three dots at the bottom of the page to access the Visual Builder control buttons.
2.1.2
Click on the circle with the “plus” icon “Load from Library”.
In the opened “Load from Library” window go to the “Your saved Layouts” tab, find a desired JSON file with our Landing Page Layout, and click on it.
Before clicking on the blue button ” Use this layout” don’t forget to check the “Replace existing content” checkbox.
You will see that the design has changed and you can start editing the content of the page.
Don’t forget to change all links on the new page and add your details there!
Once completed, click Publish and your landing page is ready!
So now, if you want your customers to see this page, you must designate it as your home page.
Please do the following:
2.1.3 On the dashboard of your WordPress website, go to “Settings” – “Reading” – “Your home page displays as”,
select “Static Page (select below)” and choose the name of your page (it was “Home”, wasn’t it?).
Don’t forget to save your settings.
It is all!
How do I import a Divi.Expert child theme?
It’s very simple.
If you’ve ever installed a WordPress theme, you already know what to do.
Preparation:
1. Import works best on a fresh installation of WordPress with the appropriate theme installed.
I hope you all know that our main theme is the Divi theme.
And there is an important condition exists:
First, you must have installed and activated. Without it, our Divi Child theme will not work.
2. Do not unzip the archive. Just have it ready to be used as a new Theme file.
The whole content of Divi.Expert’s Child Theme is inside.
No other files will be added or imported separately to have your new Child Theme working.
3. If you have any Divi Child Theme installed – deactivate and delete it.
4. It is always recommended that you verify that you have a good backup before importing new content.
We recommend using the Updraft Plus plugin for the best result.
Installation:
1. Upload the zip-archived Divi child theme just like any theme and activate it.
1.1.
2. Once the child theme is activated you’ll see a new menu item with the name of your new child theme. This includes a button to import the demo data. Select this menu and click Easy Demo Import.
You’ll see the screen below where you can choose what to import.
You’ll also see the list of recommended plugins. Once you’ve made your selections click Import Demo Content.
After that, you will see the progress of the installation process as follows:
As a result, you will see a window where you need to click on the button to complete the installation process.
That’s it.
All custom Divi Child Theme pages and posts have been installed, and the home page is installed automatically.
No other settings will be required.
That was easy, wasn’t it?