If you’re using Hostinger Website Builder and want to add a clickable Table of Content (TOC) to your website, this guide will walk you through it—even though Hostinger doesn’t have a native TOC element.
Why Add a Table of Content?
Adding a TOC is great for improving user experience, especially on long pages. Visitors can instantly jump to the section they’re most interested in—whether it’s a gallery, blog, newsletter signup, or footer.
Step 1: Log In and Access the Website Editor
Start by logging in to your Hostinger account. From your dashboard, go to “Websites” and click “Edit Website” on the one you’d like to update.
Step 2: Add the TOC Title
- Click on Add Element > Text.
- Add a text block and label it “Table of Content”.
- Resize and position it wherever you’d like on the page.
Step 3: Identify Page Sections
Note all the sections you want to link to. For example:
- Discover Adventures
- Gallery
- Latest Blog Post
- Newsletter
- Footer
Add text labels or titles to these sections if they don’t exist already.
Step 4: Add Anchors to Each Section
For each section:
- Click on the section.
- Select Edit Section.
- Go to the Anchor tab and give it a unique name (e.g.,
adventures,gallery,newsletter).
Step 5: Link TOC Text to Anchors
- Go back to your Table of Content text block.
- Add a new text element for each section (e.g., “Gallery”).
- Highlight the text > click Link > select Link to Section.
- Choose the correct anchor from the list and save.
Step 6: Test the TOC
Publish your changes and view the live site. Click each TOC link to ensure it jumps to the right section.
Bonus: Access My Free Hostinger Course
If you found this helpful, you’ll love my free Hostinger Website Builder Masterclass. It covers everything from templates and branding to SEO, blogging, and eCommerce.
👉 Join the Academy here
You’ll get instant access to all my Hostinger courses — for free.