image coming soon place holder in gray

Solution

Highlight the Current Section in a Divi Table of Contents

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.

  • Highlight the TOC link for the section being viewed
  • Keep the current position visible while scrolling
  • Customize the active link styling
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

When reading lengthy articles, visitors often struggle to keep track of their current section. This confusion can lead to frustration as they scroll through the content. If they lose their place, it can result in a poor reading experience and increased bounce rates.
solution

The Solution

Our Divi Table Of Contents Maker plugin addresses this issue by highlighting the active link in the table of contents as users scroll through the page. This feature creates a clear visual connection between the content being read and the corresponding section in the table of contents. By customizing the active link styling, you can ensure it fits seamlessly with your site's design. This way, visitors can easily see where they are, enhancing their navigation experience.
Divi Search Helper Logo

Highlight Your Current Section with Ease

The Divi Table Of Contents Maker highlights the active section in your table of contents. This makes it simple for visitors to follow along with long articles.
action

How This Changes Your Workflow

With this feature, your workflow becomes more user-friendly as it allows visitors to stay oriented while reading. Instead of losing track of their place, they can quickly identify which section they are in. This practical change can lead to a more engaging experience for your audience.

The Old Way 👎

  • No indication of current reading section
  • Visitors may feel lost while scrolling
  • Higher chances of users leaving the page

With Our Plugin👌

  • Active section highlighted in the TOC
  • Users can easily track their position
  • Custom styling for better visual appeal
Refresh icon with green arrows on gray background.

Real-World Use Cases for Enhanced Navigation

  • A blogger can keep readers engaged by showing their current section in a long post.
  • Website owners can reduce bounce rates by helping users navigate lengthy articles more easily.
  • Educators can enhance learning by allowing students to follow along with complex topics without losing their place.
why

How To Use This Feature in Divi

Open the Divi Builder and edit or add the Divi Table Of Contents Maker module. Go to the Content tab, then open Content Settings and enable Highlight Active Link.

enable highlight active link in a divi table of contents in divi 5 using the divi table of contents maker plugin created by pee aye creative

Once enabled, the Table of Contents automatically highlights the section visitors are currently reading. You can customize how the highlighted link looks from Design tab, Content Heading Active Links to match your website's style. This makes it easy for visitors to see exactly where they are on the page as they scroll, helping them follow the content and navigate long pages with ease.

customize highlight active link in a divi table of contents in divi 5 using the divi table of contents maker plugin created by pee aye creative
highlighted active link on a live site in a divi table of contents 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 active link highlighting work?

The active link highlighting feature automatically changes the style of the TOC link corresponding to the section currently being viewed as users scroll through the page.

Can I customize the active link style?

Yes, you can customize the active link styling to match your site's design preferences, ensuring it fits seamlessly with your overall look.

Is this feature useful for all types of content?

Absolutely! It is particularly beneficial for long articles, tutorials, or any content with multiple sections where navigation can be challenging.

Will this feature affect page loading speed?

No, the active link highlighting is designed to work efficiently without significantly impacting your page loading speed.

Can I turn off the highlighting feature if I change my mind?

Yes, you can easily disable the highlighting feature in the plugin settings whenever you wish.
Divi Table Of Contents Maker by Pee-Aye Creative

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

The ability to highlight the current section in your table of contents is just one of the features offered. Divi Table Of Contents Maker helps users navigate content better by providing clear visual cues throughout their reading experience.

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