image coming soon place holder in gray

Solution

Add a Sticky and Collapsible Table of Contents to Divi

A table of contents can become intrusive as visitors scroll through long pages, but our Divi Table of Contents Maker plugin solves this by letting you make the TOC sticky while automatically or manually collapsing it to keep navigation available without taking up as much space.

  • Keep the TOC accessible with sticky positioning
  • Automatically collapse the TOC when it becomes sticky
  • Let visitors expand, collapse, or reduce the TOC to an icon
Nelson Miller Profile Orange

👋  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! 

problem

The Problem

Long pages can overwhelm visitors with too much information at once. Navigating through extensive content without a clear structure can lead to confusion. This often results in users missing important sections or leaving the page entirely.
solution

The Solution

Our Divi Table Of Contents Maker plugin provides a practical solution by adding a table of contents that automatically generates anchor links from your headings. This feature allows you to keep your content organized and easy to navigate, even on lengthy pages. Visitors can quickly jump to sections of interest without scrolling endlessly. Plus, the TOC can be made sticky and collapsible, ensuring it remains accessible without taking up too much space.
Divi Search Helper Logo

Create a User-Friendly Navigation with Our Plugin

The Divi Table Of Contents Maker adds a sticky and collapsible table of contents to your pages. This makes it easier for visitors to find what they need without scrolling endlessly.
action

How This Changes Your Workflow

With this feature, your workflow becomes more efficient as you can easily create a structured navigation system for your content. It allows you to focus on writing without worrying about how users will find their way through your pages. The added flexibility of sticky and collapsible options means you can prioritize user experience while maintaining a clean layout.

The Old Way 👎

  • TOC takes up too much screen space
  • Visitors struggle to find sections quickly
  • Content feels disorganized and overwhelming

With Our Plugin👌

  • TOC remains accessible without clutter
  • Visitors can easily expand or collapse sections
  • Content is organized for better navigation
Refresh icon with green arrows on gray background.

Practical Use Cases for Divi Table Of Contents

  • A blogger can use the TOC to help readers navigate long articles without losing their place.
  • Website owners can implement the TOC on product pages, allowing customers to jump to specific features or reviews.
  • An educator can create a TOC for course materials, making it easier for students to find relevant topics quickly.
  • Freelancers can enhance their portfolios with a TOC, guiding potential clients through their work samples efficiently.
why

How To Use The Table Of Contents Feature in Divi

Open the Divi Builder and edit or add the Divi Table Of Contents Maker module. Go to the Advanced tab, open Scroll Effects, and set Sticky Position to Stick To Top to keep the Table of Contents visible as visitors scroll through the page.

Next, go to the Content tab and open Header Settings. You'll find options such as Collapse When Sticky, Allow Collapse/Expand, Collapse To Icon Only, and other settings that give you control over how the Table of Contents behaves when it becomes sticky or is collapsed.

select the sticky feature in the visual builder in divi 5
enable the collapse or sticky feature in divi 5 using the divi table of contents maker plugin created by pee aye creative

These options make the Table of Contents easier to use on long pages. Visitors can keep the navigation within reach as they scroll, while the collapse options let them minimize the TOC when they want more space to focus on the content it also Let visitors expand, collapse, or reduce the TOC to an icon

collapse the toc when sticky on a live site in divi 5 using the divi table of contents maker plugin created by pee aye creative
collapse the toc to an icon when sticky on a live site in divi 5 using the divi table of contents maker plugin created by pee aye creative
frequently asked questions

Frequently Asked Questions

How does the sticky TOC work?

The sticky TOC stays fixed at the top of the page as users scroll, ensuring easy access to navigation links without taking up too much space.

Can I customize the TOC icons?

Yes, you can customize the open and close icons for the TOC to match your site's design and improve user experience.

Is the TOC responsive on mobile devices?

Absolutely, the TOC is designed to be responsive, ensuring it looks good and functions well on all screen sizes.

Can I control which headings appear in the TOC?

Yes, you can select which heading levels to include in the TOC, allowing you to tailor it to your content structure.

What happens if I have a lot of headings?

If you have many headings, the TOC can automatically collapse to save space, and users can expand it as needed.
Divi Table Of Contents Maker by Pee-Aye Creative

Get This Feature And More With The Divi Table Of Contents Maker Plugin

With Divi Table Of Contents Maker, the ability to create a sticky and collapsible table of contents is just one of the features offered. This plugin helps you organize your content effectively, making it easier for users to navigate and read through your pages.

Explore Our Other Divi Solutions

Shopping cart0
There are no products in the cart!
You may be interested in…
Divi Builder Experience Helper Plugin by Pee-Aye Creative
From: $29.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

divi assistant plugin by pee aye creative
From: $69.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Divi Carousel Maker Plugin by Pee Aye Creative
From: $29.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Logo for D Beginner Course with graduation cap
From: $47.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

divi events calendar
From: $54.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Continue shopping
0