The Best WordPress Table of Contents Plugin
Seemless integration. Fast & Easy to Customize. Joli Table Of Contents makes your WordPress content easy to digest and increases user engagement & retention.
Proin cubilia nisl augue dui platea cubilia aliquet
Nostra pulvinar integer viverra at non, mollis mus nunc parturient sit, in cum mi faucibus. Platea eni hymenaeos euismod venenatis consectetuer netus a velit. Euismod mattis laoreet mauris, sem facilisi cubilia dictumst lacinia magnis elementum aliquet. Lacinia pulvinar, nisl scelerisque elit, mus curabitur mattis et congue bibendum, libero nullam.
Turpis praesent duis sit mauris platea cubilia
Lobortis a leo elementum commodo urna quisque sit orci nunc. Id est integer sed nunc libero mollis dis natoque vivamus lectus libero ornare quisque lacinia odio.
Augue class congue dictum
Dolor eu nonummy faucibus blandit elementum rutrum magna nisi feugiat massa nibh rhoncus, eget. Ad sit, magna elementum nonummy varius tincidunt libero adipiscing sem platea nec, erat dapibus bibendum. Non per eni magnis at senectus fermentum, rutrum montes hymenaeos mi pretium. Lorem sodales dapibus netus tempor vulputate a sodales per quisque consequat hymenaeos aliquam elit. Quam etiam varius a aptent sem orci euismod. Vivamus cras ve mattis non consectetuer augue odio, lobortis integer sapien. Suscipit semper erat convallis tortor nullam dis justo. Elementum magna vivamus metus praesent fermentum conubia aenean, phasellus tortor nulla, ullamcorper per odio, elit, eleifend.
Sed arcu conubia elementum porta at
Vehicula hac eleifend, pede potenti viverra ac molestie ullamcorper dui tristique nam. Litora integer sem scelerisque nam diam porttitor. Vivamus nisi, tincidunt torquent fermentum consectetuer praesent tempor eget natoque aliquet dis cras ullamcorper. Auctor sollicitudin sit eleifend maecenas, mattis rutrum magnis commodo ultricies. Tristique praesent cursus gravida pede nunc, vulputate libero urna posuere sodales. Sodales eni magna vehicula praesent etiam luctus.
Sem molestie cras nullam senectus duis phasellus metus
Accumsan eleifend nunc egestas hymenaeos accumsan velit fusce pellentesque. Fusce rutrum habitasse ridiculus semper imperdiet fringilla fusce urna tristique, dignissim class quisque ante primis. Luctus parturient eget eget et nullam, eni ultrices sodales. Mattis lorem facilisi consectetuer magnis volutpat, dictumst facilisi, commodo class at tincidunt ante. Potenti placerat, feugiat sed magna mollis accumsan sit cubilia maecenas facilisi suscipit nullam libero. Porta libero eu accumsan mattis hendrerit congue, potenti in odio ornare aptent, tellus dapibus.
Commodo nascetur at cras suspendisse
Amet accumsan consectetuer sagittis commodo habitasse dictum. Eget lacus facilisi, nascetur est sem etiam ipsum lacinia congue ridiculus aptent duis habitasse. Commodo bibendum ridiculus sagittis sodales egestas congue molestie, elit curabitur, fames molestie blandit. Potenti sociosqu mauris adipiscing, semper egestas tortor sodales adipiscing pulvinar curabitur felis.
Molestie in quisque odio sapien
Id massa pulvinar lacus, erat id lectus ac lorem pellentesque hymenaeos. Fusce porttitor sociis nisl suspendisse lorem habitasse. In curae habitant penatibus egestas sociosqu venenatis curabitur consectetuer magnis dictumst. Nam primis pharetra fames sit, molestie fermentum auctor turpis massa platea arcu pede.
Ve eros cubilia tempor non scelerisque in
Leo porta, placerat vehicula semper praesent luctus blandit luctus pulvinar odio. Volutpat diam sem sed pede pede tellus, diam enim risus aptent penatibus. Dictum lacus dui sodales dis interdum pharetra arcu duis sociis lectus enim in ultrices. Dui commodo tortor rutrum tristique platea potenti lacus sociosqu dignissim, amet pellentesque nam dictum maecenas. Inceptos diam, pulvinar lectus id tortor fusce tempus elementum posuere convallis cursus netus. Mattis ve, ante dui fermentum ultrices aliquam natoque odio phasellus dictumst scelerisque, dui. Vitae potenti netus molestie morbi non etiam nisi praesent metus, mollis, netus vestibulum turpis.
Bibendum morbi augue nam pretium rhoncus
Turpis volutpat facilisis sem duis nisi eget convallis. Morbi per feugiat lacinia condimentum dictum hymenaeos ve lacinia congue proin. Feugiat mauris velit facilisi neque sociis aenean est ac commodo eget quam venenatis. Pharetra tristique mauris, purus proin sociis penatibus tellus dolor risus sollicitudin in. In aliquam euismod neque dolor vulputate purus eget, aliquet ligula, semper augue. Lorem sodales nec hendrerit nulla id ullamcorper commodo sodales netus proin, tristique, faucibus duis nunc.
Ridiculus arcu nascetur leo
Metus mattis urna, luctus nibh class ultrices tempor vestibulum. Magna consequat aenean diam urna, ultrices tellus sollicitudin fermentum neque ve mi. Augue pede dictum suspendisse vivamus dictum libero porta penatibus vivamus lectus primis. Eros sed pharetra arcu pede nec laoreet convallis, inceptos natoque fringilla pulvinar. Id mi diam nostra leo bibendum auctor, purus eget tellus.
Molestie velit tempor ridiculus fusce iaculis
Interdum sollicitudin sociis tristique etiam metus dapibus ve dictumst. Venenatis venenatis platea parturient faucibus sem tincidunt tristique aliquet.
Commodo facilisi faucibus odio bibendum sagittis consequat
Neque etiam ipsum nisi, hac pede montes nullam pede risus, montes elementum odio urna, ultrices pretium. Aenean commodo at vel enim nibh tempus. Eni condimentum malesuada taciti sollicitudin mollis felis vel vitae donec non arcu. Pharetra torquent odio donec, blandit nunc nascetur massa, semper, dis facilisis tincidunt penatibus taciti porttitor. Montes quis eros semper fames luctus a.
Trusted by 8,000+ users and industry leaders
we got you covered
Your Website Deserves the Best
Joli Table Of Contents transforms how visitors experience your content and increases the value of your website.
Here is what you get, out of the box:
SEO Boost
Google loves structured content. Joli Table Of Contents makes your content easy to digest and SEO boosted.
Lower Bounce Rate
Visitors will leave your website when they cannot find what they are looking for within seconds. Improve user retention and Click Through Rates.
Improved UX
A table of contents that is always within reach. Floating / Slide-out / Sticky table of contents.
Effortless editing
Take full control of your headings inside Gutenberg
The Gutenberg TOC Block gives you the flexibility to create a clean, reader-friendly TOC without extra steps.
-
Edit any heading directly within the block.
-
Hide specific headings you don’t want to display
Keep it tidy
Collapse long tables of contents into a clean preview
If your article is long, your TOC doesn’t need to overwhelm readers. Enable partial fold to show only the first few headings.
A compact TOC keeps users engaged instead of distracted.
Always accessible
Guide readers with a floating TOC widget
Never let your readers lose their place with the floating TOC.
-
Stays visible at the top or bottom of the screen while scrolling.
-
Highlights the current section automatically.
-
Optional navigation buttons.
-
Expands to show the full TOC.
Key Features
Everything You Need for a Powerful Table of Contents
Customize, automate, and optimize your table of contents with advanced features designed to improve navigation, SEO, and user experience.
Different Settings per Post Type
Configure unique table of contents rules for each post type and override them on individual posts when needed.
Superior Heading Processing
Automatically detects headings inside shortcodes and third-party blocks—even when they don’t appear in the editor.
Skip Headings by Class
Easily exclude unwanted sections across your site by skipping headings with specific classes or parent classes.
Advanced Auto-Insert Rules
Set auto-insert by post type, title, or ID—or exclude certain posts entirely.
Dynamic Unfold
Automatically unfold only the current section of your TOC while keeping others folded—perfect for long contents.
Progress Bar
Add a progress bar to your post to show readers where they are in your content.
Fully Responsive
Your table of contents automatically adapts to any screen size, from desktops to mobile devices.
RTL Support
Native support for right-to-left languages ensures perfect display for multilingual websites.
Custom Post Type Support
Enable the TOC on any custom post type, giving you complete flexibility across your content.
Gutenberg Block
Easily add, edit, or hide headings directly from the Gutenberg block editor.
Highly Customizable
Adjust depth, numbering, icons, toggle styles, and more to perfectly match your website’s design.
Floating & Sticky TOC
Display a floating or sticky table of contents so readers can navigate easily without scrolling back up.
Multi-columns
Display your TOC in Two Neat Columns
Keep your TOC clean and easy to read with multiple columns.
-
Split your TOC into two columns for better balance.
-
Reduce scrolling on long content lists.
-
Make navigation cleaner and more compact.
Smooth navigation
Add a Modern Slide-Out TOC Panel
The perfect addition for mobile users and long-form content.
-
Slide from either the left or right side.
-
Overlay your content or gently push it aside.
-
Offer quick access to the entire TOC without breaking the reading flow.
Developer friendly
Comes with plenty of built-in Filter & Action Hooks
Built with customization in mind, Joli Table Of Contents can be extensively tweaked thanks to the myriad hooks it bundles. For example, you can:
-
Add a custom link at the bottom of the TOC.
-
Add custom attributes to TOC items.
-
Track TOC clicks in Google Analytics.
-
Add custom HTML or a [shortcode] to the Slide-out panel.
-
Disable auto-insert on specific categories.
-
Migrate from another TOC plugin by changing the shortcode.
Take a look at the documentation to find out more about this.
Style meets function
Add icons to make your TOC stand out
Enhance your table of contents visually with customizable icons.
-
Choose from a wide variety of icon sets.
-
Customize size, thickness, and colors.
-
Instantly make your TOC more eye-catching and unique.
Testimonials
What our customers say
"I’ve been looking for a ToC plugin like this for several weeks. I’ve tested many options, but haven’t found anything like Joli TOC. It’s really easy to use and I love the floating and slide out features. They are so useful for longer content pages!"
Jonas
"I like it a lot. Ideal WP table of contents for mobile. Support has been great as well. I’ve received a lot of help with customized CSS codes and general assistance."
Marissa
"I specifically chose this plugin for the ability to have a floating foldable table of content. No other plugin seem to have that. It works like a charm also on mobiles."
Ronny
Average rating
4.9 /5
on WordPress.org
Happy users
8,000+
use Joli Table Of Contents
User retention
+20%
longer page visits with TOC
Ready to get started?
We've got your back
At WPJoli, we do not just provide amazing products, we also provide exceptional assistance.
Your success is our priority.
Easy to Use
Get started with Joli Table of Contents in minutes.
Regular Updates
Our plugins are updated regularly to keep up with the latest changes & bring new features.
Real support & Documentation
You are not alone, we're here to help you with premium technical support & documentation.
Choose your plan
Supercharge your WordPress website now!
Get started with Joli Table of Contents Pro from $3.33/month only !
Solo
$39.99yearly
1 site
- 1 Year of Support & Updates
- Sticky TOC
- Floating TOC
- Slide-out TOC
- Progress Bar
- Premium themes
- Columns mode
- ...and all Pro Features
Most popular
Guru
$69.99yearly
5 sites
- 1 Year of Support & Updates
- Sticky TOC
- Floating TOC
- Slide-out TOC
- Progress Bar
- Premium themes
- Columns mode
- ...and all Pro Features
Hero
$129.99yearly
15 sites
- 1 Year of Support & Updates
- Sticky TOC
- Floating TOC
- Slide-out TOC
- Progress Bar
- Premium themes
- Columns mode
- ...and all Pro Features
Prices listed are in USD. Licenses are automatically renewed annually. This can be canceled at any time.
* Terms & conditions apply
Frequently Asked Questions
-
Why should I choose Joli Table Of Contents over another TOC plugin ?
Joli Table Of Contents provides multiple widgets on top of the basic table of contents :
- Floating TOC
- Slide-Out TOC
- Progress bar
- Fixed Sidebar TOC
Also, you can customize the way your TOCs look on a per post, or per post type basis (you can have whole different settings per post type). This gives you a lot of flexibility.
Moreover, Joli TOC has been designed with extreme customization in mind. It comes with plenty of filter & action hooks that let you have full control over the way your TOC will look and behave !
-
Will Joli Table Of Contents slow down my website ?
We've meticulously crafted Joli Table Of Contents with performance as our top priority. It has been developed using best practices to ensure seamless, swift operations. Also, there is NO jQuery dependency. Only pure javascript.
-
Can I customize Joli Table Of Contents according to my needs ?
Yes, absolutely ! The best part about Joli TOC is its potential for extensive customization. You can customize colors, borders, margins, paddings, etc directly from the settings panel.
If you're an advanced user, you can take advantage of all the built-in hooks to really customize Joli TOC the way you want it to be !
-
Can I create a custom theme for the table of contents ?
Yes ! Joli Table Of Contents comes with a custom theme mechanism that let developer create entierly their own themes ! This is particularly useful for custom designs.
You can read the documentation on how to create your own theme. A custom theme should be built using Joli TOC's CSS variables. You can also integrate custom PHP scripts, using the hooks to give your theme unique features !
-
Do you offer a free trial ?
We do not offer a free trial at the moment, but you can start using Joli Table Of Contents risk free thanks to our 30-day money back guarantee !