If you’re building a website using Hostinger Website Builder and want to improve your site’s user experience and navigation flow, adding smooth scrolling anchor links is an essential skill. In this post, we’ll show you step-by-step how to do exactly that — no coding needed!
What Are Smooth Scrolling Anchor Links?
Smooth scrolling anchor links let visitors jump to a specific section of a page simply by clicking a link. Instead of reloading or jumping abruptly, the page scrolls smoothly to the target area, creating a professional and intuitive feel.
For example, clicking on a menu item labeled “Reviews” can scroll you directly to the reviews section of the same page. This is especially useful for long, single-page websites or landing pages.
Step-by-Step Guide to Add Anchor Links in Hostinger
1. Log into Your Hostinger Account
Navigate to your website from the Hostinger dashboard and click Edit Website.
2. Create an Anchor for the Target Section
Choose the section you want users to scroll to, like the Reviews or Contact section. Click on Edit Section, then go to the Anchors tab. Assign a unique anchor name such as reviews or map.
3. Link to the Anchor from the Navigation Menu
To create a menu item that scrolls to the anchor:
- Go to Pages & Navigation
- Click Add Link
- Enter the name (e.g., Reviews)
- Choose Section instead of Page
- Select the anchor you created (e.g., reviews)
4. Create a Button Link
Want to link from a homepage button? Simply:
- Edit the button text (e.g., “Our Location”)
- Under Link settings, choose Section
- Select the relevant anchor (e.g., map)
5. Add a Text Link
You can also create a text link:
- Add a Text element to your page
- Enter something like “Check our map location”
- Highlight the text and set the link to the anchor section
Bonus: Free Hostinger Website Builder Course
Want to learn more? You can access my Hostinger Website Builder Masterclass for free today. This course covers everything from templates, design, and navigation to SEO and eCommerce.
👉 Join for free at academy.dotcom.builders
Final Thoughts
Smooth scrolling anchor links in Hostinger not only improve the visual flow of your site but also enhance user interaction and engagement. By following the simple steps above, you can add this functionality to your site in minutes.
Have questions? Drop them in the comments of the YouTube video or contact me directly. Don’t forget to subscribe for more tutorials on building with Hostinger!