Divi 3 and Toolset work OK together and allow to integrate Toolset elements into Divi. The Divi 4 release has many compatibility issues with Toolset. We recommend to clients to keep existing sites using Divi 3.

To use Toolset within the Divi Builder you must disable The Latest Divi Builder Experience. To do that to go to Divi -> Theme Options, click the Builder tab and in the Advanced section disable The Latest Divi Builder Experience and enable the Classic Editor option.

Finally, in order to use the Toolset shortcodes user interface, you must edit your pages using Divi Builder from the WordPress backend. The Toolset shortcodes interface will not be displayed when using Divi Builder on the front-end.

Some examples of what you can do with Divi and Toolset

Build custom searches
Example of a custom search created using Toolset

Display content as markers on Google Maps

Create custom sign-up forms
Toolset allows you to register users from your site's front-end

Create forms for front-end content editing

And, a lot more. Ready? Let’s get started!

Installing Toolset

Toolset is a modular package, with plugins for different features. Pick the features that you need and install their plugins:

  • Types (almost always needed) – lets you create custom post types, custom fields, and custom taxonomies.
  • Views (almost always needed) – helps you display the lists of your contents and archives on the front-end, including custom search for your visitors.
  • Forms – lets users submit content via front-end forms.
  • Access – lets you add custom user roles and control where each user role can visit on the front-end.
  • Maps – lets you display your contents on Google Maps.

Adding Custom Types, Fields and Taxonomies to Divi

Sometimes, you need to organize the content of your site in a more customizable way than WordPress and Divi offer by default. This involves creating custom post types (like “Books” or “Events), adding custom fields to them (like “Book Cover Image” or “Event Date”) and finally creating custom taxonomies (like “Book Genre” or “Event Type”) to categorize the contents.

The process of creating these custom elements on your site is the same for any theme you use, including Divi. To learn how to do this, please visit our page about creating custom post types, fields, and taxonomies.

When you are done, please return here and keep reading to learn how to display the newly set-up custom content with Divi.

Displaying the custom content on the front-end

To display your custom post type on the front-end, you need to create a content template.


Creating a content template using the Divi BuilderHow a custom post looks on the front-end:
Template for displaying custom posts created using Divi Builder and Toolset Custom post on displayed using a template created using Divi Builder and Toolset

Matching Divi Styling when Using Toolset

When you start using Toolset with the Divi theme, you might encounter few styling issues. All of these can be easily resolved.

Visit a dedicated page to learn how to match Divi styling when using Toolset.

What’s next?

Next Create a content template for your custom post type using the Divi Builder

Collaboration with the Divi community

A part of this documentation has been written in collaboration with Divi Cake and divibox.de. They provided us with valuable feedback and advice for making the best use of Divi and Toolset together. We would like to thank them and also warmly recommend following their tips and tricks about using Toolset and Divi.