Table Of Contents

Overview

Auto-generate table of contents from page headings for better navigation and SEO.

💡 Tip: Browse our Block Explorer to find pre-made templates for Table Of Contents and customize them to match your brand.

Step 1: Open the Editor

Go to the Block Explorer, find the Table Of Contents template you want to use, and click Edit to open the customization editor.

📹 Video: How to build Table Of Contents for your website

Step 2: Customize Your Block

In the editor panel, you can add, remove, or rearrange elements within your Table Of Contents. Customize text, images, buttons, and other content to match your needs.

Use the inline editing tools to adjust colors, fonts, spacing, borders, and background styles for each element.

Step 3: Configure Settings

Adjust the layout settings including display mode, grid columns, gaps, padding, and responsive behavior. Fine-tune how your block appears on desktop and mobile devices.

Step 4: Choose Colors

Select colors that align with your brand identity. Customize container backgrounds, text colors, button colors, and accent highlights to create a cohesive look.

Step 5: Preview & Publish

Click Preview to see how your Table Of Contents looks on both desktop and mobile devices. Once satisfied, set up your triggers and publish the block to your site.

HeadingMini Blog