Table of Contents Generator

Enter your Shopify blog post URL and click Get HTML.
The preview will show your article with a Table of Contents added at the top.
Customize the appearance — indentation, bullets, colors, borders, etc. — preview updates instantly.
Click Copy HTML and paste that full code into your Shopify blog editor (in HTML mode), replacing the existing content. Your article remains identical; only the ToC is added above it.

💡 Paste the copied code directly in “Show HTML” mode in the article editor.

Title:

Border Style:

Border Width: px

Border Color:

Background:

Padding Y: px

Padding X: px

Margin Y: px

Margin X: px

Expanded by default:

H2 & H3 List Styles

H2 List Style:

H2 Indent: px

H3 List Style:

H3 Indent: px

Link Colors

Normal:

Visited:

Hover:

“Inside this Article” Button Colors

Text:

Background:

Hover Text:

Hover Background:

Output to Copy & Paste into Shopify:

Copied!

Search