Solution
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.
👋 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!Â
By using the Divi Table Of Contents Maker, you can streamline the way your content is organized and presented. This feature allows you to create a visually appealing TOC that aligns with your site’s design, making it easier for visitors to navigate. The result is a more engaging and user-friendly experience that encourages exploration of your content.
Open the Divi Builder and edit or add the Divi Table Of Contents Maker module. Go to the Design tab, where you can fully customize the appearance of your Table of Contents, including the header, links, heading levels, markers, spacing, typography, backgrounds, borders, scrolling, and responsive styling. With these detailed design controls, you can create a Table of Contents that blends seamlessly with your website while keeping navigation clear and easy to use. You can also fine-tune how the TOC looks across different devices, ensuring a consistent and user-friendly experience for all visitors.
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 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.
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.
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