RocketWP TOC – The Free Floating Table of Contents Plugin with Built-in Social Sharing

Auto-generated sticky sidebar table of contents with smooth scroll, scroll spy, social sharing buttons, and Gutenberg block support. No jQuery, 100% free.

100% Free · Zero jQuery · Floating Sidebar TOC · Social Sharing · Gutenberg Block

 

Why Your WordPress Site Needs a Floating Table of Contents

Long-form content drives SEO traffic, but it also creates a navigation challenge for readers. When a visitor lands on your 3,000-word guide, how do they find the section they need? Without a table of contents, they bounce — and Google notices.

RocketWP TOC solves this by giving every visitor a persistent floating navigation sidebar that stays visible as they scroll. It auto-detects your headings (H2–H6), builds a hierarchical table of contents in real-time, highlights the current section as they read, and lets them jump to any section with smooth scrolling. Plus, built-in social sharing buttons turn every reader into a potential amplifier of your content.

Whether you run a blog, documentation site, knowledge base, or long-form marketing pages — a well-designed TOC improves dwell time, reduces bounce rates, and helps search engines understand your content structure — all contributing to higher rankings.

Core Features

📌 Table of Contents Features

• Floating Sidebar TOC — Sticky sidebar follows the visitor as they scroll. Position it on the left or right side. Unlike inline TOCs, the floating sidebar never gets lost in long content.
• Auto Heading Detection — Scans your content for headings (H1–H6) and builds a hierarchical table of contents automatically. Configure which heading levels to include.
• Gutenberg Block — Native block editor support with full customization: title, heading levels, and collapsible toggle — right from the sidebar inspector.
• Flexible Width Control — Choose between auto-width (adapts to your heading text, 200–350px) or fixed pixel width (240px–350px). Override per post via metabox.
• Smooth Scroll & Scroll Spy — Click any heading to smooth-scroll to that section. Current section highlighted in real-time as the user scrolls.
• Collapsible TOC — Click the header to expand/collapse the entire TOC. Perfect for full-screen reading without losing navigation.

🔗 Social Sharing Features

• 6 Social Platforms — Facebook, Twitter (X), LinkedIn, Pinterest, WhatsApp, and Telegram. Native share dialogs, no API keys required.
• Share Count Tracking — Counts per-post clicks stored in your WordPress database. No third-party analytics service needed.
• Beautiful SVG Icons — Clean, modern icons with smooth hover animations. Each platform has its own brand color on hover.

⚙️ Smart Controls

• Per-Post Metabox — Disable TOC on individual posts, pages, or CPTs with one checkbox. Override width per post.
• Chinese Translation (简体中文) — Complete zh_CN language pack included. Translation-ready via .pot file.
• Mobile Responsive — Auto-hides on screens below 768px to preserve screen real estate on mobile devices.

How RocketWP TOC Compares to Other Plugins

Most TOC plugins are either too basic (simple inline list) or hide advanced features behind premium paywalls. RocketWP TOC gives you floating navigation, social sharing, per-post control, and full customization — all in one free plugin.

Feature	🚀 RocketWP TOC	Easy TOC	LuckyWP TOC	SimpleTOC
Price	Free	Free / Pro $49	Free	Free
Floating Sticky Sidebar	✅	Only Pro	❌	❌
Gutenberg Block	✅	❌ (Shortcode)	❌	✅
Built-in Social Sharing	✅ 6 platforms	❌	❌	❌
Scroll Spy	✅	✅	❌	❌
Smooth Scroll	✅	✅	✅	❌
Collapsible	✅	✅	❌	❌
Per-Post Disable	✅	❌	❌	❌
Width Control	✅	❌	❌	❌
Zero jQuery	✅	✅	❌	✅
Chinese Translation	✅	❌	❌	❌

Free vs Pro Feature Comparison

Feature	Free	Pro (Coming Soon)
Floating Sidebar TOC (Left/Right)	✅	✅
Auto Heading Detection (H1–H6)	✅	✅
Smooth Scroll & Scroll Spy	✅	✅
Collapsible TOC	✅	✅
Gutenberg Block	✅	✅
Social Sharing (6 platforms)	✅	✅
Per-Post Metabox Control	✅	✅
Width Control (Auto/Fixed)	✅	✅
Chinese Translation (zh_CN)	✅	✅
Custom Color & Typography	❌	✅
Advanced Position Control	❌	✅
Custom Heading Selectors	❌	✅
WooCommerce Product TOC	❌	✅
Shortcode & PHP Template	❌	✅
Export / Import Settings	❌	✅
Priority Support	❌	✅

Installation — Get Started in Under 2 Minutes

1. Install the Plugin — Download from WordPress.org, or go to Plugins → Add New and search for “RocketWP TOC”.
2. Activate — Click Activate after installation. The floating TOC automatically appears on your posts and pages.
3. Configure Settings — Go to Settings → RocketWP TOC. Choose TOC position (left/right), heading levels, width, and social platforms.
4. Optional: Add Gutenberg Block — Search for “RocketWP TOC” in the block inserter and place it anywhere in your content.

Frequently Asked Questions

Q: Does RocketWP TOC slow down my site?
A: No. RocketWP TOC is built with zero jQuery dependency — the entire frontend JavaScript is lightweight vanilla JS (~3KB). CSS and JS are only loaded on singular posts/pages where the TOC is active. If you disable TOC per post, no assets are loaded at all.

Q: Can I disable TOC on specific posts or pages?
A: Yes. The “RocketWP TOC” metabox appears on every post, page, and custom post type editor. Check “Disable TOC on this page” and the floating sidebar and all TOC assets are completely removed for that specific page.

Q: What’s the difference between the floating TOC and the Gutenberg block?
A: The floating TOC is a fixed sidebar that appears on the left or right edge of the screen and follows you as you scroll. The Gutenberg block renders the TOC inline — wherever you place it in your content. Use one, the other, or both together.

Q: Does social sharing require any API keys?
A: No. Social sharing buttons use standard sharing URLs provided by each platform. Share counts are stored locally in your WordPress database. No API keys, no third-party analytics, and no external requests unless the user clicks a share button.

Q: How does TOC width control work?
A: Set the width globally (Settings → RocketWP TOC → TOC Width) or per post (via metabox). Choose “Auto” and the TOC width adapts to your longest heading text. Or pick a fixed pixel width (240px–350px) for consistent sizing.

Q: Is this plugin really 100% free?
A: The free version gives you everything listed above — floating TOC, social sharing, Gutenberg block, scroll spy, per-post control, width control, and Chinese translation. A Pro version with advanced customization is planned, but the free version will never be gimped or nag you with upsells.