The First & Only TOC Module For Divi
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!
How It Works
The Divi Table of Contents Maker automatically detects the headings in your page or post content and builds a list of clickable links. You can choose which heading levels to include (such as H2, H3, or H4) in the module settings, and the plugin instantly creates anchor links for each one. When a visitor clicks a link, the page smoothly scrolls to that section, making it easy to explore long-form content. As you add, remove, or rearrange headings, the table of contents updates automatically, so no manual setup or maintenance is required.
Navigation And SEO Benefits
Adding a table of contents improves your readers’ experience, enabling visitors to quickly scan your content and navigate directly to the relevant sections without experiencing scrolling fatigue. Behind the scenes, the plugin also adds a structured data schema, which helps search engines understand your content structure for stronger SEO performance. This may even enable jump links to appear directly in search results. The result is a better user experience and stronger SEO performance all from a single Divi module.
Placement And Layout Options
The Divi Table of Contents Maker works like any other Divi module, which means you can place it anywhere in your layout just like a standard Image or Text module. You can place it wherever it works best for your readers in pages, posts, and Theme Builder templates.
Option 1: Left Sidebar Placement
Placing the Table of Contents in a left sidebar keeps it visible alongside your main content as visitors read. This layout is ideal for long articles, documentation, or tutorials where readers want quick access to sections without scrolling back to the top. When readers click a heading, the page smoothly scrolls to that section. Combined with sticky or fixed positioning in Divi, this placement gives users constant access to navigation throughout the page.
Option 2: Centered At The Top
Adding the Table of Contents above your main content gives visitors a complete overview before they begin reading. This placement works beautifully for blog posts, guides, or landing pages with multiple sections. This placement also helps users quickly see what’s covered on the page and jump straight to what interests them.
Option 3: Right Sidebar Placement
Using the right sidebar keeps your Table of Contents easily accessible without distracting from your main content. This classic blog-style layout works great for articles, tutorials, and resources where a subtle but functional navigation aid is preferred. You can also style the right column to stand out visually or blend seamlessly with your site’s design.
FYI: Perfect In Dynamic Theme Builder Templates
For most situations, we recommend placing the module inside your Divi Theme Builder post template. The TOC module automatically detects and displays the headings from each post’s content dynamically, so there is no need to create a separate TOC for every post. This setup is perfect for blogs, documentation sites, or knowledge bases where you want every post or article to include a consistent, automated table of contents.
Enjoy Incredible Settings To Customize Everything!
Give your blog the serious upgrade it deserves! Check out this huge list of features to setup and customize the Divi Table Of Contents Maker module!
FYI: Now Fully Compatible With Divi 5!
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.
Auto Collapse When Sticky
Automatically close the table of contents when the module is set to stick to top on scroll.
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 (1.0, 2.0, 3.0)
- 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.
Indent Options
Choose to indent each heading level independently using any custom distance.
Smooth Scrolling
Clicking the links in the TOC automatically scrolls to the location using smooth scrolling.
Scroll Speed
Set the maximum amount of time it takes to scroll to a heading after clicking a link.
Link Styling
Style the links in each heading level using all the custom design settings like colors, spacing, shadows, and borders.
Hover Effects
The anchor links in the TOC have a beautiful and elegant hover effect by default.
Hierarchical View
Easily see the hierarchy of the post headings at a glance.
Keyword Highlight
Search for any word in the post content and highlight it with colors of your own choosing.
Vertical Offset
Set the vertical distance from the top edge of the browser to the linked content heading.
Word Wrap Options
When headings are wider than the TOC, choose to wrap to a new line or cut off with an ellipses(…).
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.
Content Height
Set the maximum height for the content area and add a scrollbar to show more headings.
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.
Rankmath Integration
Our module is officially integrated into the Rankmath SEO plugin content analysis.
Gallery Of Screenshots (Divi 4)
Divi Table Of Contents Maker Is Created By Divi Experts!
Why Choose This Product?
- The first and only Divi table of contents module on the market
- Hundreds of functionality and design settings
- We are a top-rated Divi product creator and community leader
- Our proven track record of continuous feature updates and improvements
- We are known for fast, friendly, and personal support
- Our products come with thorough and helpful documentation
- Thousands of happy customers who love and trust our products
FAQs
Get answers to common questions you may have about this product. If you have other pre-sale questions not mentioned here, just send us a message and we’ll be happy to help!
How does this plugin work?
Does the plugin add structured data or schema markup?
Yes. The Divi Table of Contents Maker plugin automatically adds structured data (JSON-LD schema) to your table of contents to help search engines better understand your page structure.
This structured data uses the ItemList schema type from schema.org. Each heading included in your table of contents is represented as a ListItem, which contains both the heading text and its corresponding anchor link. This data is added in the background as a JSON-LD <script> tag in your page’s source code.
This schema helps search engines like Google interpret the hierarchy of your content and can improve how your pages appear in search results. In some cases, Google may use this information to display jump links or section links directly in the search snippet, giving users quick access to specific sections of your content.
Example:
If your page has headings such as Introduction, Features, and FAQ, the structured data will include a list of these sections with their anchor URLs. Search engines can then recognize the structure and may show these as “jump-to” links below your main result.
There’s no need to enable anything manually, as the plugin adds this schema automatically whenever a Divi Table Of Contents Maker module is present on the page.
How to include or exclude headings in the TOC?
When building a Divi layout, you might have sections, rows, or modules that contain headings you don’t want to be included in the Table of Contents (TOC), such as page titles, headings in the sidebar, or footers. At the same time, you might want to ensure certain headings are included, even if they’re in specific areas of your page. To help with this, you can now control which headings appear in the TOC by using CSS classes to either include or exclude specific headings based on your layout needs.
1. Enable the Setting in the Module
The first step is to enable the new setting in the module. Open the Content Settings toggle and locate the “Include or Exclude Headings” dropdown. This dropdown offers three options:
- Include All Headings: All headings on the page will be included in the Table of Contents.
- Exclude Specific Headings by Class: You can exclude headings based on a CSS class, like before.
- Include Specific Headings by Class: You can now include only specific headings that have a CSS class applied.
Choose one of these options based on your needs.
2. Add Classes to Elements
After selecting the desired option in the dropdown, you can add CSS classes to control which headings are included or excluded:
- To include specific headings in the TOC: Add the class
pac-dtocm-includeto the section, row, or module where you want the headings to appear in the TOC. - To exclude specific headings from the TOC: Add the class
pac-dtocm-excludeto the section, row, or module where you want the headings to be excluded from the TOC.
Here’s how to do this:
- Open the element (section, row, or module) you want to modify.
- Go to the Advanced tab.
- Open the CSS ID & Classes toggle.
- In the CSS class input field, add either
pac-dtocm-includeorpac-dtocm-exclude, depending on your selection in the dropdown.
Which purchase option should I choose?
We offer several purchase options which determine how your product can be used:
- Annual Unlimited License: Great for anyone who wants to use this product on multiple websites for an affordable yearly fee.
- Lifetime Single License: Perfect if you only plan to use the plugin on one site and you don’t want to pay recurring fees.
- Lifetime Unlimited License: Ideal for anyone who wants to use this product on multiple sites and is okay with spending more upfront to avoid recurring fees.
Please review our Product License Policy to learn more about what each license includes.
Can I try before I buy?
Yes! You can access our admin demo sandbox to test the plugin as needed. To do that, look for the demo links below the pricing area, and click on the one you need. The admin demos will generate a temporary WordPress installation with the Divi Theme and all of our Pee-Aye Creative plugins. You can set up and configure our plugins just as you would on a normal site. This allows you to thoroughly test everything and determine if our plugin meets your needs. To learn more, check out our quick guide about our admin demo feature.
How do I receive updates?
All our products come with automatic updates for customers with an active product license. Whenever we release new features, improvements, or bug fixes, you’ll see an update notification right in your WordPress dashboard, making it easy to keep your site running smoothly.
We may also send an email announcement for major updates with important information, so we recommend staying subscribed to our emails to never miss out.
For step-by-step instructions on how to receive product updates, please check out our Product Updates Guide.
Do you offer product support?
Absolutely! We are known for our fast, friendly, and personal support (no AI chatbots), and we’re always happy to help with anything related to our products. From the moment you purchase, you’ll have full access to our extensive product documentation, including our easy-to-follow “Getting Started” guide and helpful tutorials.
If you ever run into questions or need technical support, we encourage you to first check our troubleshooting and FAQ pages in the documentation. If these resources point to an issue with our plugin specifically, please don’t hesitate to send us a support message. When you reach out, we may ask about the results of your troubleshooting steps so we can quickly understand and resolve the issue.
For more details on how our support works and what to expect, please check out our Product Support Policy. Rest assured, we’re here for you every step of the way!
Do you offer refunds?
We want you to be happy with your purchase. To ensure this, we go to great lengths to help you make thoughtful and informed purchases to avoid the rare situation where a refund is needed. Please be sure to carefully review our product descriptions, browse our detailed documentation, try the admin demo so you can test the product, and contact us with any questions before you buy. And if you run into any issues after your purchase, our excellent support team is here to help.
If you still find that the product doesn’t meet your needs, please be sure to review our Product Refund Policy to understand your options and next steps. We’re always happy to have a friendly conversation and work with you to find a fair solution.
Sander Feinberg (verified owner) –
This plugin has been a lifesaver for me. I have some complex pages which needed internal navigation and this answered my need. Easy to configure and works like magic. Thanks Nelson for your brilliant apps.
Steve Roberts (verified owner) –
It’s been quite a few years that i have been following Nelson and when it came time to find a Table Of Contents Plugin I went straight to his site. I know he makes quality products. Once I figured out how to exclude some of the unwanted titles on the page from the menu it worked like a charm! The documentation really covers everything. Thanks Pee Aye Creative. Steve
Nelson Miller (verified owner) –
Hi Steve, that’s so nice to hear you came straight to our website! Glad the docs were helpful! Thanks so much for sharing!
Kayla (verified owner) –
I am not super tech savvy but this plug in was incredibly easy to install and set up. I love all the customizations and different features. I would highly recommend this plug in to any DIVI user especially if you might struggle in the tech department.
Nelson Miller (verified owner) –
Hi Kayla, thank you so much for sharing! I’m really pleased to hear the plugin is easy to use, and I appreciate your recommendation!
Naomi (verified owner) –
Simple, Effective, and Perfect for Long Posts. I’m really happy with this plugin! Even as someone who’s not super tech-savvy, I found it easy to install and set up. It does exactly what it’s supposed to: it makes long blog posts much easier to navigate and read. Clean layout, smooth functionality, and no hassle. Highly recommended!
Kevin Greene (verified owner) –
This is an excellent plugin and it was really easy to install and setup. I also contacted Pee Aye for some assistance to move the anchor point down slightly as i was using a static/sticky header and they assisted me in a timely manner and provided the help I needed. Excellent service and timely response to my query. Many Thanks. K.
Nelson Miller (verified owner) –
Thank you Kevin, I’m glad we were able to help quickly and that you are enjoying the plugin setup ad features. I appreciate your kind words!
Raymond –
This creator is probably one of the few that I want to buy more plugins from. Plugins work well, does not slow down site, regularly updated and support is on point. This dude is a rare breed.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you Raymond, that’s incredibly nice of you to say! I really appreciate your review, it means a lot and I am very glad to hear you are enjoying the experience with our plugin and company.
Shmuel Spiegelman (verified owner) –
After trying out a bunch of table of contents plugins, I finally found Divi Table of Contents Maker, and it’s been a game-changer! I had a few questions before purchasing, and Nelson was super quick to respond. After buying and installing it, everything worked perfectly. If you have a Divi website, I highly recommend this plugin—look no further!
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you Shmuel, I’m so thrilled to hear this has been a game-changer for you! I really appreciate your feedback and recommendation!
Lewis Faulkner (verified owner) –
As always, Nelson did a fantastic job on the Table of Contents app he created. I have downloaded a couple of other app he’s created. Each of them have been throughly documented and professionally done! Occasionally, I have had to send him an email with a question (due to my own lack of experience, not the software he created), and he is kind, friendly, and considerate– always willing to help. I consider his website -and especially his newsletter, for people at my level of experience– to be invaluable! I have worked with techie people in the past at brick-and-mortar jobs, and many of them have been slide-it-under-my-door-and-don’t-bother-me types. Nelson is the exact opposite of this. If you’re even considering getting one of his apps, you will find no better experience, professionalism, hand-on-help, and kindness anywhere on the Internet. If you buy it here, you’ll be extraordinarily impressed. I guarantee it.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Hi Lewis,
Thank you so much for your kind words! I’m thrilled to hear your feedback about our plugin, support, resources, and newsletter, and so glad to know you enjoy those and find them helpful. It’s an honor to hear this from you, and we look forward to serving you more with anything you need!
Jose (verified owner) –
Table of Content Maker is a very easy-to-use plugin with Divi. However, what makes me recommend Nelson Miller’s Pee-eye Creative was the support service the team gave me when I needed to adapt to a difficulty I had with my own code. Nelson Miller was super quick to respond to our support request, and to customize the plugin to work with our code. In addition to this plugin, we also like the features of other Pee-eye Creative plugins, which simplify customizing and improving Divi.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you Jose, for the great review! I’m glad to hear that the Divi Table of Content Maker plugin is so easy to use and that we could quickly assist with your code custom scenario. It’s wonderful to know you’re also enjoying our other plugins! Your support and recommendation mean a lot!
Nick (verified owner) –
This is the best Divi Table of Contents tool that I should have bought much sooner. It is really well built and easy to use with many advanced features. Thank you Nelson!
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Hi Nick, I’m so glad you like all the features! Thanks so much for sharing!
Anne (verified owner) –
It took a little tinkering, but once I figured it out, it is super easy to use. This can have so many applications because it is looking at headings to create the table, so really any content can be used so long as you put a heading in it. Very cool!
Klaus (verified owner) –
While looking for a Divi theme compatible plugin that can be used to create tables of contents, I came across “Divi Table Of Contents Maker”. After installation, I quickly familiarized myself with the practical functionality of the system using the documentation (https://www.peeayecreative.com/docs/divi-table-of-contents-maker/) within about 15-20 minutes Plugins found. Conclusion: I am impressed by the plugin. I am very happy that my expectations of the plugin were not only met, but even exceeded, making my decision for the Lifetime Unlimited version worth it in my opinion. A compliment and thank you to Pee-Aye Creative.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Hi Klaus,
I am so glad to hear you found our TOC module, and that setting it up and using it has been great for your needs! I really appreciate your feedback, thank you!
Nichole –
I just wanted to thank you for creating this awesome Divi Table of Contents Maker! It’s so intuitive to use, especially for someone like me who has no design/coding experience. I have actually added your TOC maker to all of my blog posts on my travel blog, which has really enhanced the user experience for my readers. Navigation is now a breeze!
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
You’re welcome, Nichole! I love hearing how you are using it, and super excited that this it is so easy to use! Thanks for sharing!
Henrik Kirk (verified owner) –
This module was just what I needed. Easy to use and good guiding videos 🙂
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Hi Henrik, that’s so exciting that you found our TOC module! I am glad you are enjoying using it! Thanks for sharing!
Vaibhav Kapuria (verified owner) –
This is the best TOC pluggin for any DIVI website. Many customizations are possible, from link text to header to background. What I loved best is that I can exclude specific sections/rows/modules which I do not wish to be seen in TOC (I want blog titles and headings). And support is excellent and always very responsive.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you so much for sharing this feedback! I am thrilled to hear you are enjoying all the features!
Alen Bartok (verified owner) –
This module is something I have been looking for the longest time. I was struggling with anchors and hyperlinks, this menu module, and that menu module, but was not really satisfied with the results. Nothing seemed to work. And then I saw this one. Since my page is educational, it has a lot, and I mean a huge number of titles, and when it comes to making a Table of Contents, this module does everything for me. It is a huge time saver, and in the end, I felt a little bit more motivated to continue my work, now that everything is as it should be.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you so much, Alan! Your review is very meaningful, and we are so thrilled you like the plugin! Thank you for sharing!