Solution
Basic heading markers can make a TOC look generic, but our Divi Table of Contents Maker plugin solves this by letting you use custom numbers, decimals, letters, Roman numerals, or icons to visually organize different heading levels.
👋 Hello! I’m Nelson Miller, the owner of this company. I work with Divi every day and enjoy creating helpful solutions like this in our popular plugins. I hope you enjoy it, and let me know if you have any questions!Â
With this feature, you can change how your table of contents looks and feels. Instead of a generic layout, you can use custom markers that match your site’s style. This makes it easier for visitors to find what they’re looking for without feeling overwhelmed by plain text.
Open the Divi Builder and edit or add the Divi Table Of Contents Maker module. Go to the Content tab, then open Heading Level Settings. From there, you can customize the Heading Level Markers and Overflow settings for each heading level.
Choose from numbers, letters, Roman numerals, decimals, or icons to give each heading level its own visual marker. You can also control how heading markers behave when they run out of space. These options help you create a clearer and more visually structured Table of Contents, making it easier for visitors to understand the content hierarchy and quickly navigate through your page.
When you need to create a PDF from a previously saved form submission, but our Divi Contact Form Helper plugin solves this by letting you generate and download a PDF directly from the Entries list whenever you need another copy.
When you need every submitted form to be automatically delivered as a PDF, but our Divi Contact Form Helper plugin solves this by generating a branded PDF of the submission and attaching it to the Admin Email and Confirmation Email with customizable design, content, and security options.
When visitors need a copy of what they just submitted, but our Divi Contact Form Helper plugin solves this by adding View and Download PDF buttons to the success message so they can immediately access a PDF of their submission.
A basic TOC can look out of place when it does not match the rest of a Divi site, but our Divi Table of Contents Maker plugin solves this by giving you detailed control over the header, links, heading levels, markers, spacing, typography, backgrounds, borders, scrolling, and responsive styling.
A visible TOC does not automatically provide search engines with structured information about its navigation links, but our Divi Table of Contents Maker plugin solves this by automatically adding JSON-LD ItemList schema with each TOC heading and its corresponding anchor URL.
Visitors may have difficulty finding a specific term in long-form Divi content, but our Divi Table of Contents Maker plugin solves this by highlighting keyword matches within the page so readers can locate relevant information more easily.
Visitors can lose track of where they are in a long article, but our Divi Table of Contents Maker plugin solves this by highlighting the active table of contents link as they move through the page.
Choosing H2, H3, or other heading levels does not always give you enough control over the final TOC, but our Divi Table of Contents Maker plugin solves this by letting you specifically include or exclude headings with the pac-dtocm-include and pac-dtocm-exclude classes.
Select options This product has multiple variants. The options may be chosen on the product page
Select options This product has multiple variants. The options may be chosen on the product page
Select options This product has multiple variants. The options may be chosen on the product page
Select options This product has multiple variants. The options may be chosen on the product page
Select options This product has multiple variants. The options may be chosen on the product page