Divi Builder has become a standalone plugin since 2015 after being exclusively available on the Divi theme and Extra theme before. Since then, Divi Builder has evolved from a merely page builder plugin to a comprehensive site builder plugin for WordPress. In 2019, Elegant Themes (the developer of Divi) introduced Divi 4.0, which included a brand-new feature to allow you to customize every single part of your website. The feature — called Divi Theme Builder — allows you to create custom templates to replace the default templates of your theme parts without PHP knowledge.
With the release of Divi 4.0, you no longer need to rely on the customization options offered by Divi (or any theme you use). Instead, you can use the Divi Theme Builder feature to create a certain custom template using the visual editor of Divi Builder.
You might be wondering, what is a theme builder?
A Little Intro About Theme Builder
To learn the concept of theme builder, you can read this article, which covers about theme builder comprehensively. The point is, a theme builder allows you to create a custom template to replace the default template of your theme (e.g., the header template). In most cases, theme builder is available as a built-in feature of a page builder plugin. Some page builder plugins that have a theme builder feature are:
How Divi Theme Builder Works
Have you read the article on the link we mentioned above? A theme builder allows you to create custom templates to replace the default templates of your theme parts. So does Divi Theme Builder. You can create the custom templates using the visual editor of Divi Builder. Before creating a template, you can define where the template to applied. Whether to the entire website or specific pages only. The theme parts you can create the custom templates of are:
- Single Post
- Category Pages
- Tag Pages
- Author Pages
- Search Results Page
- 404 Page
If you use WooCommerce, you can also use Divi Theme Builder to create custom templates for the following parts:
- Single Product Page
- Product Category Pages
- Shop Page
- Cart Page
- Checkout Page
- My Account Page
Divi Theme Builder supports display conditions. Meaning that you can select specific pages or posts where a certain template to be applied. For instance, when creating a custom header template, you can set it to be applied to the entire website, specific posts, specific pages, posts under certain categories, posts with certain tags, posts written by a certain author, and so on.
How to Create a Custom Template using Divi Theme Builder
In general, the custom templates in Divi Builder fall into three types:
The body template covers single post template, category pages, tag pages, author pages, and so on.
To start creating a custom template, you can go to Divi -> Theme Builder on your WordPress dashboard. Once you are on the theme builder page, click the plus icon to add a new template and specify where you want the custom template to be applied and click the Create Template button.
Next, you can click Add Custom Header to create a header template, Add Custom Body to create a body template, and Add Custom Footer to create a footer template. You have two options to start creating the template. First, you can create the template from scratch. Second, you can create the template from a premade template on your library.
If you want to create the template from scratch, you can select the Build Custom Body option. Clicking this option will take you to the Divi Builder editor where you can create the template. You can read the following articles for detailed instructions on how to create custom templates in Divi Builder:
- How to create a custom header in Divi Builder
- How to create a custom footer in Divi Builder
- How to create a custom single post template in Divi Builder
- How to create a custom category pages in Divi Builder
- How to create a custom 404 page in Divi Builder
- How to create a custom single product page in Divi Builder
- How to create a custom product category pages in Divi Builder
Once you are done creating the template, you can click the X icon on the top-right corner of the Divi Builder editor. This will close the Divi Builder editor.
You will be directed back to the theme builder page after clicking the X icon above. Make sure to click the Save Changes button to apply the changes.
Editing an Existing Template
If you want to edit an existing template, you can simply hover your mouse over the template you want edit and click the pencil icon. This will open the Divi Builder editor.
To edit the display conditions, you can click the gear icon above the template block. To delete the template, you can simply click the trash can icon.
How to Import a Premade Divi Theme Builder Template
Unlike, say Elementor, Divi Builder offers no premade templates for theme builder on the template library. It doesn’t mean that Elegant Themes doesn’t offer premade templates at all. Elegant Themes regularly releases new premade theme builder templates via blog posts. One of which is this one. You can import a premade Divi Theme Builder template from the theme builder page, instead of the Divi Builder editor. Otherwise, you will face an error (read this post if you face an error when importing a template in Divi Builder).
To import a premade Divi Theme Builder template, first, prepare the file of the template you want to import (the JSON file). Once the file is ready, go to Divi -> Theme Builder and click the two-arrow icon on the right side.
Click the Import tab on the appearing popup, followed by NO FILE SELECTED to select the JSON file of the template you want to import. End by clicking the Import Divi Theme Builder Templates button.
Wait a moment until Divi Builder is done importing your template. Once done, click the Save Changes button to apply the changes.
Exporting Your Divi Theme Builder Template
Want to export the Divi Theme Builder you have created? To do so, you can hover your mouse over the template block you want to export and click the two-arrow icon above it.
On the appearing popup, give your template a name and click the Export Divi Theme Builder Template button. Wait a moment until Divi Builder is done exporting the template. Once the exporting process is done, Divi Builder will automatically download the JSON file to the Downloads folder of your computer (Windows).
The Bottom Line
Since version 4.0, Divi Builder brought a new feature to allow you to create the custom templates to replace the default templates of your theme parts. This gives you an opportunity to create a fully unique website with your own design. You have limitless options to customize every single part of your website. Features like sticky option, CSS transforms, and motion effects allows you to take your design even further. You can apply certain behaviors to your template. Not to mention the ability to display the custom fields data, which allows you to create a fully customized, complex website without coding at all.
3 thoughts on “Divi Theme Builder: A Review and Overview”
I am new to Divi and from all the things I have read and watched different videos, this is a dream come true for me.
The information you have presented here is, as you have stated, an overview and the contents are helpful.
I know from other websites I have come across talking about the Divi Theme Builder that you can develop as you have pointed out your own theme from scratch, import a pre-made theme and I found where you can also develop or import pre-made category pages and label them to their specific categories.
What I was hoping for to take the Next Step was to be able to click on a Next Step link to explain “how” these themes can be used. I come from an engineering background. Thus, I am all about the details on things. I want to know “how” things work. In other words, say I have developed a specific category page in Divi Theme Builder for Health to be used for post on health-related articles and videos. Once I have developed this template/theme in Divi Theme Builder, how do I use it when I am ready to fill-in the contents for that specific post? I have it all laid out the way I want it to look. Now, how do I use this template/theme that I have built in Divi Theme Builder? This would be the Next Step link to show/explain “how” to be able to use this template.
I have an international newsletter with Wix.com. I am having issues with them and this is why I have come to WordPress. WordPress offers far more tools and flexibility to develop great website content. Plus, adding Divi takes it to a whole new level.
Now, what I would like to know is after building Custom Body templates in Divi Theme Builder to be used for say different Categories, how do I utilize/use that template to build a new post to be published? Again, I know this is only an overview. How do I move on to Step 2, Step 3, Step 4, etc.?
Once I have the template developed in Divi Theme Builder for specific pages what is my Next Step?
Currently, in my WordPress Dashboard > Posts, I used Divi to build a few webpage templates for different categories. When I go to fill-in the contents for that specific category, I make a copy of that post template and then open up the copy and change the title to what I need it to be and then start adding my content. Once I am finished adding my content, I save and publish it. This way, I am retaining my template I developed in the Posts folder in WordPress.
What I would like to learn is, is this even necessary for me to have build the different category templates and have them in the Posts folder to make a copy of and use the copy to add my contents to? It seems like if I develop Custom Body templates for different categories in Divi Theme Builder, how can I pull it up and use it to give it a specific Post Name I want to use for that instance like “Health News for May 25, 2022” then add my contents for that category, save it after I am finished adding my contents and then publish the post and still retain my Custom Body in Divi Theme Builder as a template to be used the next time I am ready to add new content to?
I am wanting to learn and I am simply trying to learn as much as possible about how things work in the Divi Theme Builder.
Bottom Line: Once I build Custom Body templates in Divi Theme Builder the way I want them, how can I use them for future posts?
If I may ask, please help me to understand more on how this works and how I am supposed to use the Divi Theme Builder and the templates I can build in there for future posts. Any links, videos, etc. to help me on this journey would be most appreciated.
The new website I am now working on using Divi is in the early stages and I have a ways to go before it is finished.
Thank you and have a great day,
Eddie Rogers, Minister, D.D.
Thanks for reading our article and leaving a comment.
First thing first, WordPress has two parameters to sort blog posts: category and tag. Every time you write a new blog post, you can add these parameters to your blog post.
In WordPress, when you write a new blog post (default post type), it will be displayed using the default layout of your theme until you create your own layout. In this case, the layout is also called single post template.
Divi Theme Builder allows you to create a custom single post template and you can set where the custom template to apply (entire website, specific categories, specific tags, specific authors, specific posts, etc). So is with other custom templates such as category, tag, and so on.
When you have a custom template created with Divi Theme Builder (say custom single post template), the blog post you write will be displayed according to the layout of the custom template you created.
Thank you for getting back to me. I really appreciate your valued input.
I have developed 4 different templates based on categories. I may have 1-3 more to do but for now, I will start off with those.
What I did not know is I had developed these templates that are in my WordPress Posts folder and then there is the Divi Theme Builder. I have done different searches and I never found out how the 2 of them can/could work together. I just so happen to have stumbled on to how I can add the Custom Body into Divi Theme Builder using my developed category templates that I have in my Posts folder. I did this for one of the templates I developed that is in the Posts folder. Once I accomplished this, I was able to go to the Posts folder and click on the Add New button and go from there. I did a search and I came across this link to help me https://thegoodalliance.org/tutorials/adding-new-blog-posts-to-your-divi-website/. It showed me how to start a new post and be able to use my template that I had put into Divi Theme Builder.
So, I think I am good to go at this point. I still have a lot to learn and I am having fun learning.
Thank you again for getting back to me and have a great day.