Meet The Divi Table Of Contents Module
I am excited to introduce the Divi Table Of Contents Maker module, a new plugin from Pee-Aye Creative. This is our 11th plugin so far, and the first and only table of contents module for Divi. We are very proud of the incredible customization features packed into this module, and are excited for you to start improving your blog navigation, readability, and SEO. If you are a blogger, content marketer, SEO professional, or anyone else who creates content and are using the Divi Theme/Builder, then this is the module for you! We know how important it is to give your readers easy navigation and readability, and help improve your blog SEO. So we created this table of contents module for you! Be sure to watch the video to see all the features, and I hope you enjoy!
▶️ Please watch the video above to get all the exciting details! 👆
Features
Take a look at our huge list of features below! For a full list of actual settings in the module, please check the settings List in the documentation area. To see the module in action, check the live demo which also includes instructions!
Everything about the module is fully customizable, as you would expect if you are familiar with Divi and especially with our other plugins.

Custom Title Text
Enter custom text for the table of contents header title.

Collapsible Table
Keep the table open, or collapse it! Set the default state, choose icons, and even set different options per device.

Sticky Settings
Take advantage of the built-in sticky settings like “Stick To Top” when scrolling to keep the TOC within view.

Marker Prefixes
Choose from a variety of numbers, icons, and roman numerals as prefix markers before each heading level.
- None
- Icons
- Whole Numbers (1, 2, 3)
- Whole Numbers With Leading Zeros (01, 02, 03)
- Decimal Numbers Of Parent Level (1.1, 1.2, 1.3)
- Uppercase Letters (A, B, C)
- Lowercase Letters (a, b, c)
- Uppercase Roman Numerals (I, V, X, L)
- Lowercase Roman Numerals (i, v, x, l)

Custom Icon Markers
Use any of the built-in Divi or Font Awesome icons as prefixes before the headings.

Include H1-H6 Headings
Choose which heading levels to include in the table of contents.

Exclude Content By Class
Add a CSS class to any section/row/module to exclude the headings from being added to the table of contents.

Indent Options
Choose to indent each heading level independently using any custom distance.

Hierarchical View
Easily see the hierarchy of the post headings at a glance.

Word Wrap Options
When headings are wider than the TOC, choose to wrap to a new line or cut off with an ellipses(…).

Smooth Scrolling
Clicking the links in the TOC automatically scrolls to the location using smooth scrolling.

Link Styling
Style the links in each heading level using all the many custom design settings.

Hover Effects
The anchor links in the TOC have a beautiful and elegant hover effect by default.

Design Settings
Customize and style every aspect of the TOC with all the standard custom design settings.

Conditional Hiding
Hide the entire module if the minimum number of headings in the current post is lower than the selected number.

Theme Builder Support
We highly recommend using the module in a Divi Theme Builder template! The content headings will automatically populate dynamically on each post.
Screenshots
Below are screenshots showing the many settings and features in the module.












Live Demo
We used our own module to create the live demo for the module! We even include the documentation as the content, so be sure to check it!
Documentation
As with all of our products, every setting and feature of the plugin is well documented! Go check out the plugin documentation area for everything you need to know about using the module.
Learn More About Divi Table Of Contents Maker
If you are not using this plugin yet, please visit the product page and learn how you can improve your blog post navigation, readability, and SEO with the first and only table of contents module for Divi! Includes hundreds of customization settings and design styling options.
Great work Nelson! This is really amazing!
Just a heads up, it looks like on your demo page, the table of contents is taller than the average laptop size. It extends past the bottom of my browser screen, and there is no option to scroll down.
Keep up the awesome job!
I’m so glad you like it!
Thanks for pointing it out, although I guess for the demo it is necessary to be longer than normal. Not sure how I could change that.