How to add a Table of Contents for your Blog Posts

[cardboardcat]

Hi everyone,

I got kind of fed up with paying $4/month for a Table of Contents in my blog that didn't look great and loaded external scripts. 
So I made one here you can use for free: https://cardboardcathomes.com/blogs/behind-the-scenes/a-tool-to-add-a-table-of-contents-to-your-shop...

Follow the instructions & use the generator tool at the bottom to make your own.

It's pretty straightforward to use but here's a video for more details: https://www.youtube.com/watch?v=2dTviqOH8oA

[ATSuccess]

You must be referencing the app Jump Links the only Table of Contents App available in the Shopify App store 🙂 

We built the app due to frustration as well. We wanted a Table of Contents on our blog and there was literally no way to get it on our blog. So we built the app 🙂

The $4 price is due to Shopify requiring apps be hosted on independent servers. This means it loads fast and won't impact your site speed, but also costs money. Way more than $4 btw... Also the app is automated and extremely easy to use. There is also a very helpful development team on staff if there are issues 🙂 The app is customizable and matches the theme font, so no two Jump Links Table of Contents will look the same. That said, if you don't like the look you can change it 🙂

You may not be alone in thinking that $4 is a lot of money. We can explore lowering it, but after Shopify fees, development costs, customer service and server costs, we're not over here printing money...

$4 seems like a reasonable cost for an optional tool that benefits a site's SEO in many ways. Read more about the SEO benefits here: Benefits of a Clickable Table of Contents For Long Blog Posts On Shopify

[cardboardcat]

My point is that $50/year is a lot to pay for a feature that took me a few hours to build (and I'm pretty rusty). 

That's what my completely free tool Table of Contents generator here does. 

I don't know why you're saying it's so fast when it requires loading additional files into a site. It doesn't matter how they're hosted when it's completely unnecessary. 

If you wanted to build a well-designed app:
1. It would edit the blog files and inline the styles. The shopify api should support this: https://shopify.dev/api/admin/rest/reference/online-store/blog
2. It would periodically check to see if new blog posts were added instead of requiring manually running it.
3. Your independent server would maintain both edited and clean versions of each blog post to revert if something goes wrong.

Overall the shopify ecosystem has a long way to go. Apps like these have long been free for wordpress: https://wordpress.org/plugins/easy-table-of-contents/

[CodingLover]

Plak theme is the first to include the Table of content on their themes

[hazelseo]

Sorry I do not know how to add my own answer so I replied to yours, but yes I wanted to share this free Table of Contents generator. I hope this helps.

[EComposer]

Sorry I didn't see this post earlier, you can use it for free if you install the EComposer app. Please see instructions here

[Oukside]

Finally Easy Table of Content (REALLY), the right way: https://apps.shopify.com/easy-table-of-content

😉

[kyoshi_tsun]

Hi everyone,

RuffRuff Table of Contents is free enough to use.

I hope this helps.

[Wesley9]

I found a tool for this issue:

https://www.contentpowered.com/blog/table-of-contents-shopify/

[hazelseo]

Yup, found that months ago. Thanks.