Table Of Content
Table Of Content
Welcome to the “Table Of Content” documentation. Looking to integrate a table of content into your website? Our widget will help you create a user-friendly navigation system for your readers. In this guide, we'll show you how to use the editor to customize your table of content widget.

Step 1 : Open the Editor
Step2 : Add The Source
Step 3 : Configure Settings
Step 4 : Choose Colors
Step 5 : Preview



Step 1 : Open the Editor
1. Go to Table Of Content templates.
2. Click on "Edit" after choosing your template.




Step 2: Add The Source

In this panel, you can easily input your URL and decide whether to collect all headings or not.






Step 3: Configure settings

Here, you'll handle the settings:

1. Begin with the container settings, where you can choose to include a header and border or not, customize its roundness, add shadows, and fine-tune the padding and width.





2. Next, you can configure whether to display numbers and choose the hover display style.





Step 4: Choose Colors

Within this panel, you can select colors that match your website's design.





Step 5: Preview

Lastly, you can click on “Preview” to see how your table of content widget looks on both desktop and mobile devices. After this, you can proceed to the next step.

Related Articles:
Heading Mini Blog