Logo - Full (Color)

Overview

Organize your content. Boost your SEO. Simplify navigation.


Magic Table of Contents is a standalone HubSpot module that automatically transforms your page headings into an interactive Table of Contents. It enhances user experience, improves SEO, and makes every section easy to find, now with optional icons for even clearer navigation.


Key Features

  • Automatic Table of Contents generation

    Effortlessly detect your content’s headings (H2, H3, or H4) and build a dynamic, linked Table of Contents that stays updated automatically.

  • Flexible heading level selection

    Choose which heading levels to include, tailoring the depth of your Table of Contents to fit your content structure.

  • Customizable design

    Easily adjust the style of your ToC to match your website’s branding — including fonts, colors, spacing, and layout — no coding needed.

  • Enhanced visual navigation with icons

    Optionally add icons next to each heading to make your Table of Contents more intuitive and visually engaging. Different styles and levels supported.

  • SEO optimization

    Help search engines understand your content’s hierarchy through internal anchor links. Improve user experience and potentially boost your Google rankings.

  • Fully compatible with any HubSpot theme

    Seamlessly integrates with all HubSpot marketplace themes, giving you maximum flexibility across different websites.


A better experience for users and search engines


With Magic Table of Contents, you don’t just organize your content,  you create smoother navigation, faster access, and a stronger SEO foundation. Now enhanced with visual cues, it’s the perfect solution for blogs, resource centers, long-form guides, and any website aiming for a premium experience.

Features

Positioning Flexibility

Create the columns you desire and position your remarkable Table of Contents on the left or right side of your page. This flexibility ensures that the ToC can perfectly fit into the design scheme of any webpage, enhancing its overall user experience.
Positioning Flexibility

Branding Alignment

Apply the style that best aligns with your brand. With the customization options available, you can adjust the look of the ToC to match your brand's identity, ensuring a cohesive and professional appearance across your website.
Branding Alignment

About Module

Total installs
40+
Created
Jul 26, 2023
Version 3
  • Jan 13, 2026
Categories
Tags

Requirements

HubSpot Subscription
Works with all HubSpot plans

About the Provider

Media Source

Certifications
  • AI Essentials Badge
  • Email Marketing
  • Content Marketing
  • Sales Enablement
  • SEO II
  • Inbound Marketing
  • Inbound
  • HubSpot Implementation for Partners
  • Revenue Operations
  • Breeze Essentials Partner Badge
Learn more

Contact Media Source

Legal Stuff

Please refer to the developer's Privacy Policy and Terms for more information.

Support

Media Source

We are a team of passionate website development professionals helping businesses achieve their marketing and sales goals. We have more than 10 years in the industry and have created hundreds of websites for start-ups as well as large companies. We are passionate about technology and we know the HubSpot CMS which allows us to suggest spectacular things and not limit creativity ... without forgetting the important focus ... the customer comes first.

Supported languages

Contact Media Source

Magic Table of Contents Customer Reviews

Filter reviews:

Sort:


1/5
    Jan 15, 2026

Did not work

Did not work, and the advertised "installation guide" provided no proper information about how to use the module after installation. I tried everything but it ends up being a completely blank module on my page, no matter what I do.

How easy was it to customize this module?

It's not a theme, it's a module

What do you like?

None

What do you dislike?

Doesn't work, waste of money

  • Meyer, A.

  • Version 3

Reply from Salazar, B., Media SourceJan 21, 2026
Thank you for taking the time to share your feedback. We’re sorry to hear about your experience and understand how frustrating it can be when a module doesn’t work as expected. This behavior is not typical, and in most cases it’s related to a configuration or environment-specific detail that we can quickly help resolve. We’d be happy to review your case and assist you directly. Please open a support ticket here and include your portal details so our team can help you step by step: 👉 https://ocean-theme.com/en/support-ticket