
RuffRuff Table of Contents
A Shopify app that automatically generates a table of contents for your content
Try the app for freeBefore/after
Using this app, you can automatically generate a table of contents for content such as blog posts.

Before

After
Free
Available starting with a free plan
You can use the app starting with a free plan by simply installing and setting it up. If you no longer need it, you can uninstall it and quickly revert to the original state.
Highest quality
Adopted as a highest quality app
The first Shopify app in Japan to achieve the prestigious "Built for Shopify" certification. "Built for Shopify" is an official Shopify qualification awarded only to the highest quality apps that meet standards for usability, security, performance, and utility among over 8,000 apps published in the Shopify App Store.
No-code
Easy implementation with no coding
Can be implemented on any Shopify site without programming knowledge. Setup is completed in just 2 steps. Design can also be customized without coding.
World's first
Supports content beyond blog posts
First in the world to support automatic table of contents generation not only for Shopify store blog posts but also for product pages, collections, and Pages.
Features

Display of table of contents
Can automatically generate and display a table of contents using headings from content such as blog posts, products, pages, and collections.

Design customization
You can freely customize the design of the table of contents. The customization page has a simple UI for intuitive operation.
Heading level customization
You can select which heading levels (H1 to H6) to use for generating the table of contents.

Numbering customization
You can choose from three types of numberings: None, Bullets, or Numbers.

Indent customization
You can choose whether to include indentation or not.

Toggle button customization
You can choose whether to include a toggle button that opens and closes the table of contents. *Available in Light plan and above

Initial display line customization
You can customize the number of table of contents lines displayed upon access. *Available in Light plan and above
Scroll animation settings
You can choose whether to include a scrolling animation when clicking on table of contents items to navigate to the corresponding section.
Scroll stop position adjustment
You can fine-tune the stopping position when clicking on table of contents items to navigate to the corresponding section.
View Examples

Example of table of contents displayed in a blog post
This is an example of using the app to display a table of contents in a blog post.
Price
Free plans
Light plans
Regular Plan
Free
Monthly $3.99
Annual $39.60 (Save 2 months)
Monthly $9.99
Annual $99.60 (Save 2 months)
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
◯
FAQ
Frequently Asked Questions
Yes. For paid plans, there is a 3-day free trial period.
Yes. We offer implementation support via email. If you have any questions about implementing the app, please contact us through the inquiry form.
Yes. Display a table of contents by using the embedded app for Vintage theme.
You can downgrade at any time. You can also upgrade at any time.
Reviews

& YOUKAEN
I chose this because I believed simplicity was most important!
While I was originally using HTML+CSS, it was becoming complex to manage. This solved multiple issues at once, like being able to focus on blog posting without distractions.
The intuitive operation is really appealing. I especially appreciate being able to adjust things while viewing the preview and the ability to customize designs in detail.
It's reassuring that there's proper Japanese language support, so I don't have to worry when I run into problems. I feel that my blog has become much more readable and I'm more satisfied with the overall experience.

momomaru
I came across this app while looking for ways to improve my blog posts.
After implementing it, I noticed that the overall flow of articles became much clearer and readability improved significantly!
After implementation, I saw positive changes in metrics such as increased time on page and reduced bounce rates. I believe the table of contents feature greatly contributed to more readers making it to the end of articles.
Another positive point was how intuitive the setup was and how easy it was to implement.
If you're unnecessarily wavering over whether to create your own table of contents, I recommend trying this app first. (You'll likely find it's "more than sufficient" and decide to spend your time on other important tasks instead.)
I'm hoping it's also having a positive impact on SEO, but I'd like to continue using it a bit longer to verify this.

Dott Miso
I introduced this to enhance my blog. Above all, the UI was simple and easy to understand, allowing for intuitive implementation. I appreciated being able to specify design details and preview them in the app settings. The app implementation support was also great, providing quick and courteous responses. I'm happy that 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
Related articles

How to Display a Table of Contents in Blog Posts Using Free Shopify Apps
Learn three methods to display a table of contents in Shopify blog posts (source code customization, app usage, theme usage). Step-by-step instructions focus on setup using the free app RuffRuff Ta...