Add Table Of Contents For Elementor
Improve Readability And Get Seo Benefits
Make Reader’s Job Easy with Detailed Navigation for Long Content
Sometimes it’s hard to locate specific information in lengthy posts. A quick navigation panel helps to easily pick a topic that readers are looking for.
Just drag-drop the widget and it will automatically create an index for your content. No efforts needed.


Improve Readability and Get SEO Benefits with Table of Contents Widget in Elementor!
Highlighting topics listed in the post can give a better outline to search engines that can contribute to better search results.
Readers when locate their topic of interest, your post gets more clicks and time they spend on your website increases automatically.
3 Easy Steps to Add Table of Contents to Elementor Post/Page
Add Headings
Arrange your long content into small sections and assign headings for these sections


Drag & Drop widget
Search and drag the TOC module. It will automatically scan the content and create an index according to your headings
Customize the Table
Choose heading tags to display. Enable Smooth Scroll, Make Content Collapsible or style it up with colors and typography

Don’t Want to Keep It Simple?
Here Are Advanced Options
Here are exciting features for a widget that makes your table more interactive and attractive. You can -

Select Headings To Display

Choose list-icon style

Enable Smooth Scroll

Add Scroll to Top button

Make Content Collapsible
