Simply copy and paste, and you're good to go

Dynamic HTML Table of Contents Widget Code Generator

Make it easy for readers to navigate your article






Copy this code to your site:

How to Use Table of Contents Code Generator

Choose the heading level—either H2 or H3—and ensure your blog post includes headings assigned to these tags. The table comes with a default 1px black border. You can adjust its thickness through the settings form. Simply click the "Generate Code" button, copy the code that appears, and paste it into your blog post.

The code will automatically detect headings with the H2 (or H3) tag and dynamically create a table of contents complete with links.

Add Div Render Widget Code

See more platforms

Make TOC Generator Better

let me know if you encounter any issues while using it or if you have any ideas to improve the tool.