👇 The table of contents on this page is also auto-generated with RuffRuff Table of Contents
What is RuffRuff Table of Contents?
It's easy to set up with no code in just 2 steps, and you can freely customize the table of contents design to match your Shopify store's theme design. It also has a live preview feature that lets you customize the table of contents while checking changes in real time.
Pricing
From $0 / month
Features
[Japan's first] Automatically generate a table of contents for blog posts
"RuffRuff Table of Contents" is Japan's first Shopify app that can automatically generate a table of contents for blog posts on a Shopify store.
What's more, since it's a purely domestic Shopify app developed by a Japanese company, the admin screen is also easy to understand in Japanese, and if you run into any issues, our support team will assist you in Japanese.
[World's first] Also supports products and collections
"RuffRuff Table of Contents" is the world's first app to support automatically generating a table of contents not just for a Shopify store's blog posts, but also for product pages, collections, and Pages.
[Japan's first] Earned Built for Shopify
"Built for Shopify" is a Shopify-certified distinction awarded only to the highest-quality apps among the more than 16,000 Shopify apps published on the Shopify App Store (as of May 2023) that meet its standards for usability, safety, performance, and usefulness.
"RuffRuff Table of Contents" is the first Shopify app in Japan to earn "Built for Shopify".
Free to use
"RuffRuff Table of Contents" can be used starting for free.
Even on the free plan, you can freely customize the design and display position of the table of contents.
Of course, automatic table-of-contents generation is also available on the free plan.
Easy 2-step setup
"RuffRuff Table of Contents" can be set up in just 2 steps.
If you no longer need the app after setup, uninstalling it will instantly restore your site to its original state.
Pricing plans
| Plan | Free Plan | Light Plan | Regular Plan |
|---|---|---|---|
| Monthly fee | $0.00 | $3.99 | $9.99 |
| Change table of contents design | ◯ | ◯ | ◯ |
| Change table of contents display position | ◯ | ◯ | ◯ |
| Live preview | ◯ | ◯ | ◯ |
|
Hide branding (RuffRuff App by Tsun) |
✕ | ◯ | ◯ |
|
Change heading ID generation method (anchor links using headings) |
✕ | ◯ | ◯ |
| Show open/close button | ✕ | ◯ | ◯ |
| Change initial number of visible lines | ✕ | ◯ | ◯ |
| Insert custom Liquid above/below the table of contents | ✕ | ◯ | ◯ |
| Show table of contents on blog posts | ◯ | ◯ | ◯ |
| Show table of contents on collections | ✕ | ✕ | ◯ |
| Show table of contents on pages | ✕ | ✕ | ◯ |
| Show table of contents on products | ✕ | ✕ | ◯ |
Benefits of adding a table of contents
Adding a table of contents to your Shopify store's content brings many benefits.
● Improves convenience for readers (visitors)
● Helps writers (the store) organize their thoughts
● Increases traffic
● Better understanding of user needs
● Positive effects on SEO can be expected
Customer voices
Dot Miso
We installed this to enrich our blog. Above all, the UI was so simple and easy to understand that we could set it up intuitively. It was also great that we could fine-tune the design and check a preview right in the app settings. The support during setup was fast and courteous, which was fantastic. We're glad Japanese-language support is fully available.
HeftyBerry
Great app, responsive support, easy set-up. I recommend it for your articles, it greatly enhances the experience for your customers
Pack NEXT
We introduced RuffRuff Table of Contents.
We were told our Shopify theme wasn't supported yet, but the team quickly added support and rolled it out for us.
Since we've only just introduced it, we don't yet have a detailed sense of the day-to-day usability, but the settings are intuitive, and updating our blog should get a lot easier going forward.
The free plan does include a logo, but it isn't very noticeable.
If you're considering introducing it, why not start with the free plan first?
TENDER TIME
(Until now, we'd been creating tables of contents) by manually assigning IDs in HTML.
It was a lot of hassle, but after introducing this app it became much easier.
Our blog is extremely useful for explaining and introducing products, and I think it's an important element that also serves as an entry point for getting customers interested.
Setup went smoothly without any issues, which was a huge help.
