Install a Divi layout to the website for different purposes

Dec 8, 2020 | Divi Resources

How to install Divi layouts for different purposes

There are many occasions when a user is required to install or import Divi layouts on his website. But sometimes, things get a little complicated, especially in the case of the Divi theme builder. However, advanced users are able to install layouts on their website, but beginners still remain awestruck. Therefore, to help them easily install Divi layouts on their website, I’ve written this post. And inside this, I will share different areas where you can import or install your saved Divi layouts.

Let’s see where and how we can install our layouts in a Divi theme website.

Install a Divi post layout for an individual post


To install a custom Divi post layout for a specific post or article, follow the below steps.

Step 1: Open the Divi Theme Builder

Steps to open Divi theme Builder

To access the Divi Theme Builder, first, go to DiviTheme Builder

Step 2: Import the layout

Once got into the Divi Theme Builder, click the Portability (⇅) icon to import the layout.

Portability in the Divi theme builder to import or export custom layouts

After you click the portability icon, it will display 2 options—one for Export and another for Import.

Importing Divi Theme Builder template for post layout

Click ImportNo File Selected → browse the post layout file and select it → Import Divi Theme Builder Templates.

In the above screenshot, the additional options are selected; however, if you don’t want to make any changes right after the layout gets imported, you can uncheck them as well.

Step 3: Assign the layout

Once imported the layout, now, it’s time to assign it to a specific or an individual post. To do that, head over to the template and click the Settings (⚙️) icon.

Post template assignment list in the Divi theme builder

Now, from the assignment list, go to Specific Posts → and choose a post on which you want to apply the custom template’s design.

Post selection for a custom post template

After selecting a post, click Save, and then to make changes in the Divi Theme Builder, click the green Save Changes button.

Divi theme builder and its save changes button

Install a Divi layout for all posts


If you haven’t uploaded the layout on your website and don’t want to use the previously imported layout, repeat the 1st and 2nd steps from above. Once, successfully followed the above steps, head over to the subsequent one.

Assign the layout

By following the above 2 steps, you’ve successfully imported the layout. Similarly to the above 3rd step, header over to the template and click the Settings (⚙️) icon. It will open the template’s settings with the assignment list.

Template assignment for all posts

Once the Template Settings is open, go to the Posts → select All PostsSave. That’s it; you’ve quickly applied a custom template for all the posts using Divi 4 theme builder.

Install and apply a Divi blog layout to all the archive pages


To import a custom Divi blog layout, follow the 1st and 2nd steps from above. Once successfully imported the layout, follow the subsequent step to apply a Divi blog layout to all the archive pages.

Assign the Blog layout

Go to the blog template, and click the Settings (⚙️) icon to open template settings.

Template assignment for all archive pages

Once the template settings are opened, go to the Archive PagesAll Archive PagesSave. That’s it; you’ve successfully applied a custom Divi blog layout to all the archive pages.

Divi theme builder archive assignment list

Similarly, you can also apply blog layout to author archives, category, date, tags, and more.

Install a Divi layout on a page


3 methods are widely used to install a Divi layout on a page. 1st directly on the page, second from the Divi Library, and third from the Divi theme builder if the layout file was created as a template using the Divi theme builder. We’ll see both the methods one by one.

Directly on a page


To install a Divi layout directly on a page, follow the below points.

Step 1: Create a page or edit an existing one

First, create a new page or edit an existing one where you want to install the layout. To do that, go to PagesAdd New (if you want to create a new).

Add a new page in WordPress

Or, go to PagesAll Pages → head over to the page which you want to edit → Edit.

Edit an existing page in WordPress

Step 2: Use Divi Builder

Once the page gets loaded, select “Use The Divi Builder.”

Use the Divi Builder

After choosing the option to use the Divi builder, it will display 3 choices from which select, “BUILD FROM SCRATCH.”

BUILD FROM SCRATCH

Step 3: Click portability icon & import the layout

The page is loaded with Divi builder. Now, go to the Portability (⇅) icon and click it to open the Export & Import menu.

Click portability icon to open import and export menu

Once the Export & Import menu is open, select ImportNo File Selected → browse the page layout file → Import Divi Builder Layout.

Upload Divi Builder Layout file directly on a page

That’s it; you’ve successfully installed a Divi layout directly on a page.

From the Divi Library


To install a Divi layout on a page from the Divi Library, follow the below points.

Note: The layout files that were first saved in the Divi Library will be used to upload back to the library. You cannot upload a layout file in the Divi Library, which was exported directly from the page.

Step 1: Open the Divi Library

On your WordPress Dashboard → go to DiviDivi Library

Divi Library how to open from WordPress dashboard

This will open the library with all the layouts you’ve uploaded or saved while designing a page using Divi builder.

Divi library and its items

Step 2: Import the layout

Now, go to the Import & Export menu and click it.

Divi Library import and export option

This will open the Portability menu with the Export and Import option.

Divi Library import option

Choose ImportSelect File To ImportChoose File → browse the file and select → Import Divi Builder Layouts. This will upload your layout file for the page.

Step 3: Go to a page

Go to all pages, create a new one, or edit an existing page. After that, deploy Divi Builder. And when the builder asks you to choose from the given three options, select CHOOSE A PREMADE LAYOUT.

Choose premade layout option to install Divi layout on a page

Step 4: Select the layout

The premade layout option will open a window with all the layouts. Here, you need to go to the “Your Saved Layouts,” then choose your uploaded layout.

Select your saved layouts to install a Divi layout on a page

This is it, you’ve successfully installed a Divi layout on a page using the Divi Library.

From the Divi Theme Builder


If a Divi template was created for the page, then you can use it to reflect its design on any page. Let’s see how we can do it.

Step 1: Open the Divi Theme Builder

From above, follow the step 1 to open the Divi Theme Builder.

Step 2: Import the Template

Follow the above step number 2, to import the template file in the Divi Theme Builder to be used for the page.

Step 3: Assign the template to a page

After importing the template file, click its Settings (⚙️) icon to open the template settings with assignment list.

Install a Divi layout on a page using the Divi theme builder

Now, go to Pages → select any available options, such as All Pages, Homepage, Specific Pages, or Children of Specific PagesSave. After this, hit the green Save Changes button.


If you find this article helpful and can contribute to the Divi Community, feel free to share it. And if you like to read more tutorials like this one, subscribe to our free newsletter today. Each week we share awesome Divi tutorials to make the most out of the powerful and popular WordPress theme.

Posted By:
Vishvendra
Vishvendra believes in the keep learning process and applying those learnings into work. Other than technical writing, he likes to write fiction, non-fiction, songs, and comic ideas. He loves what he writes and writes what he loves. Search his name with "Nathawat," and you'll easily find him over the internet.

0 Comments

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

15 Best eCommerce Website Builders to Use in 2021

15 Best eCommerce Website Builders to Use in 2021

If you’re here, then it would be wrong to say that you’ve not ever interacted with an eCommerce platform. Most of the people living today, once in their lifetime, have come across an eCommerce platform and interacted with it. Because according to an Inviqa report it’s...

Using Divi for RTL Website? Here Are 3 Things You Need To Know

Using Divi for RTL Website? Here Are 3 Things You Need To Know

Running a website for the business is one of the crucial aspects of running a business in today’s time. Whether you’re manufacturing fashion apparel or designing web projects, an online platform is always a plus. Based on this, more and more businesses are adopting...

An Amazing Guide on Divi Scroll Effects & How to Use Them Creatively

An Amazing Guide on Divi Scroll Effects & How to Use Them Creatively

Divi Scroll Effects are a great way to turn a simple Divi website into a modern one. And not only modern but highly interactive with enhanced engagement for different areas of the site. You could highlight CTAs, content sections and hook users to the purpose you've...

Popular on Divi Extended

Divi Plus Divi Child Theme Divi Header Layouts