Jours
Heures
Minutes
Secondes

Use coupon '40BFCM' to get 40% discounts on BetterDocs PRO

How To Configure BetterDocs Table Of Contents In Elementor

Avec BetterDocs, you can add a Table Of Contents to your Single Doc page in Elementor. Usually, the Table Of Contents has added automatically after the first heading of your documentation. But now you can add the Table Of Contents widget anywhere on your single doc page. 

Remarque: Le générateur de thèmes Elementor est une fonctionnalité uniquement disponible avec Elementor Pro. So, in order to configure the Table Of Contents for your single doc page in Elementor, you must have the Pro version of Elementor installed.

Follow these instructions below to configure BetterDocs Table Of Contents in Elementor Theme Builder.

Step 1: Activate BetterDocs Table Of Contents Element #

First create your single doc in Elementor by navigating to Modèles → Générateur de thèmes from your WordPress dashboard. Add your documentation content using the Contenu du document element. Next, search for ‘Doc Table Of Contents’ in the 'ÉLÉMENTS' tab. It will show up on your website as shown below.

Table Of Contents

Drag and drop this element anywhere on your page to activate it. This way, you get more flexibility to add Table Of Contents anywhere on your single doc page.

Table Of Contents

Step 2: Configure BetterDocs Table Of Contents In Elementor #

Du 'Contenu' tab you can configure the supported heading tags for your BetterDocs Table Of Contents. This option lets you decide which heading tags will appear on your Table Of Contents. You can also choose to enable or disable ‘List Hierarchy’ et ‘List Number’ if you want to show or hide your list hierarchy and number.

Besides this, you can also toggle to make your BetterDocs Table Of Contents collapsible on small devices like mobile phones and tablets for better user experience.

Table Of Contents

Step 3: Style BetterDocs Table Of Contents In Elementor #

Sous le 'Style' tab, you can change the box width, margin, padding and background colors for your Table Of Contents by changing the settings under the 'Boîte' option. You can also change the alignment of your Table Of Contents here. From the 'Titre' option, you can change text color, typography and also add text-shadow. 

Similarly, you can further customize your BetterDocs Table Of Contents in Elementor by changing the typography, hover color, color and list item spacing from the ‘Toc List’ option.

Table Of Contents

Résultat final #

By following these basic steps you can add and configure BetterDocs Table Of Contents in Elementor.

Table Of Contents

 

Avec l'aide de BetterDocs, you can get more flexibility to add a Table Of Contents and customize your single doc page without any coding in Elementor Theme Builder.

If you face any difficulties, feel free to contact our équipe de soutien.

Alimenté par BetterDocs

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *