RuffRuff TOC Help Center

Add Custom Liquid Above or Below the TOC

How to insert HTML or Liquid code before or after the TOC — requires the Regular Plan

Custom Liquid settings are available on the Light Plan and above.

You can insert custom Liquid code above or below the table of contents. Add any HTML or Liquid code you like — banners, campaign announcements, links to related content, and more.

  • Boost sales with banners: Display a banner for your current campaign near the TOC to drive visitors toward featured products or limited-time offers

  • Monetize with ads: Place an ad space adjacent to the TOC to create a new revenue stream

  • Showcase product value with video: Embed product introduction videos or how-to guides around the TOC to deepen visitor understanding and increase purchase intent

  • Increase page views with related content: Show links to relevant blog posts or product pages to encourage visitors to explore more of your site and extend their time on it

  1. In your Shopify admin, go to Online Store → Themes

  2. Click Customize to open the theme editor

  3. In the left sidebar, select the RuffRuff Table of Contents app embed or app block

  4. Enter your desired code in the Custom Liquid field

  5. Click Save

This feature requires working with Liquid code. For assistance with Custom Liquid configuration, please consult an in-house developer or your web development agency.