How To Add A Sticky Table Of Contents With BetterDocs?

BetterDocs, you can add a sticky Table Of Contents (TOC) to your Single Doc page in Shopify. If you use multiple headings (or heading tags) in your documentation, this knowledge base app will include the headings inside the Table of Contents box that will stay afloat over the documentation page. The TOC allows your users to bounce back and forth between different sections in your document.

How To Add A Table Of Contents With BetterDocs? #

Follow the step-by-step guide below to learn how to add a sticky table of contents in single docs in just a few steps. 

注意: You must have BetterDocs for Shopify installed and activated on your store to create the documents.

Step 1: Enable The Table Of Contents #

To enable and add a Table Of Contents in your single documentation using BetterDocs, you need to first navigate to the ‘设定值’ tab from the app’s homepage. Then, click on the ‘Table Of Contents’ option from the side panel. 

Table Of Content 1

Switch ‘On’ the ‘Table Of Contents’ button will be ‘Off’ by default as shown above. You can directly click on the ‘Save Changes’ button keeping all the default settings as they appear, or configure the other options that appear as you need. 

Step 2: Configure The Table Of Contents #

After you enable the TOC, you can add a suitable ‘TOC Title’ to it to match your documentation. You can then turn ‘On’ or ‘Off’ settings options to apply the TOC hierarchy, make your TOC sticky, or display list numbers for the headings in the Table Of Content. 

Table Of Content 2

To make your documentation more accessible on all devices, you can make the Table Of Contents collapsible on small devices. You also get the control to select which heading tags will be displayed on the TOC from the ‘TOC Supported Heading Tag’ option to highlight the necessary sections in your doc.

Table Of Contents 3

Step 3: Design The Table Of Contents #

Once you have enabled the TOC, you can design different aspects of the Table Of Contents to match your store’s branding. To do so, navigate to the DesignTable Of Contents. 

Table Of Contents 4

Here, you will get two sections: Basic & TOC List Items. You can vary any of the options in these two sections, such as changing the Table Of Content width, the background color, title color, font size, etc. Find out more from this documentation.

Table Of Contents 5

It is here that you can customize how you want to showcase your sticky Table Of Contents. And, this is how easily you can add, configure, and design a Table Of Content on your Shopify account using BetterDocs.

Still, facing difficulties? Feel free to contact our dedicated support team.

供电 BetterDocs