---
title: "Add Table of Contents in Ghost CMS: 4 Easy Steps (No Theme Edit)"
id: "420"
type: "post"
slug: "add-table-of-contents-ghost-cms-no-theme-edit"
published_at: "2026-02-15T08:12:07+00:00"
modified_at: "2026-05-11T08:24:54+00:00"
url: "https://playdevhub.com/add-table-of-contents-ghost-cms-no-theme-edit/"
markdown_url: "https://playdevhub.com/add-table-of-contents-ghost-cms-no-theme-edit.md"
excerpt: "This guide shows how to add a table of contents in Ghost CMS without editing your theme. You’ll learn a fast, SEO-friendly method using Code Injection to improve readability, navigation, and user engagement."
taxonomy_category:
- "Web Development"
taxonomy_post_tag:
- "Ghost CMS"
- "Guides"
---
[Web Development](https://playdevhub.com/web-development/)
# Add Table of Contents in Ghost CMS: 4 Easy Steps (No Theme Edit)
This guide shows how to add a table of contents in Ghost CMS without editing your theme. You’ll learn a fast, SEO-friendly method using Code Injection to improve readability, navigation, and user engagement.
15 February 2026
[https://playdevhub.com/author/playdevhub/](https://playdevhub.com/author/playdevhub/)
by [Minarin](https://playdevhub.com/author/playdevhub/)
## Add Table of Contents in Ghost CMS (No Theme Edit)
Alright, here’s a friendlier take on adding a table of contents to your Ghost blog:
Want to make your Ghost blog posts easier to read and better for search engines? Adding a table of contents (TOC) is a simple trick! The quickest way to do it is by connecting TOCBOT using Code Injection and dropping a bit of HTML into your post. This helps people find things fast, keeps them on the page longer, and lets Google know what your content is all about.
Table of Contents PC versions
Table of Contents Mobile version
In this guide, I’ll show you how to:
- Add a TOC without messing with your theme
- Make it stick to the side on computers
- Make it work great on phones
- Keep your website running fast
I’m using the Source v1.5.0 theme, but this should work with most Ghost themes.
```
While you're enhancing your Ghost site with useful features like a table of contents, don't forget the importance of proper SEO for your affiliate content; learn how to add Ghost Sponsored Links: 3 Easy Ways to Add rel=”sponsored” Fast.
```
## Table of Contents
## Why a Table of Contents Rocks for SEO in Ghost
A TOC helps folks stick around:
- Readers can jump to the part they want
- They scroll down further
- They hang out on your page longer
On my sites, putting a TOC on long posts (like 5,000–8,000 words) bumped up the time people spent on the page by around 20%!
Google also gets a better sense of your content when:
- Your H2 and H3 headings make sense
- Each section answers a question
- Your content is in nice, clear chunks
That could help you snag a Featured Snippet in search results.
## How to Add Table of Contents in Ghost CMS
### Step 1. Hook Up TOCBOT with Code Injection
Head over to:
`Ghost → Settings → Code Injection → Site Header`
Then paste this in:
```
```
TOCBOT will automatically build a table of contents from your H2 and H3 headings.
Why use Code Injection instead of changing the theme?
- You don’t have to mess with the theme files
- Ghost updates won’t break anything
- It’s easy to change or remove later
### Step 2. Drop the TOC Container in Your Post
Open your post and stick an HTML Card at the top:
```
```
That’s where the table of contents will show up.
### Step 3. Make It Sticky and Look Good on All Devices
Add this CSS inside the same HTML Card:
```
```
This keeps things running smoothly because:
- It doesn’t mess up your page layout
- The code is small, so it won’t slow things down
- It’s all structured the right way
### Step 4. Get That Table of Contents Working!
Go to:
`Settings → Code Injection → Site Footer`
And add this:
```