The On-Page Navigation widget from Unlock Addons creates a clickable index for any long Elementor page so visitors can jump directly to important sections. Instead of scrolling through the entire page, users can click a link in the navigation and smoothly scroll to the heading or content block they need.
Everything you need to build fast, flexible, and high-performing designs.
Easily add and arrange elements using Elementor’s intuitive drag and drop interface.
Adjust spacing and alignment to create clean, balanced layouts for any design.
Fine-tune your design for desktop, tablet, and mobile for a smooth experience.
Optimized for speed to keep your website fast and responsive without bloat.
The On-Page Navigation widget scans your page structure and turns it into a compact navigation menu. Each item in the list links to a section or heading, so clicking an item scrolls the page to that content.
On-page navigation works especially well for long blog posts, documentation and knowledge base articles, landing pages with many sections, service pages, and one-page websites. Anywhere you have long content or multiple sections in a single page, a navigation menu like this makes the content easier to explore.
Generate a list of navigation items from headings or section IDs so you do not have to create each link by hand.
Use smooth scrolling so the page animates between sections instead of jumping abruptly, helping users keep track of where they are.
Place the navigation in a sidebar, sticky column, or inline block at the top of your content depending on your page layout.
Highlight the current section in the navigation as visitors scroll so they always know where they are in the page.
Get up and running in minutes. No complexity, no learning curve.
Drag and drop the widget into your layout from the Elementor panel.
Adjust content, style, and settings to match your design perfectly.
Hit publish and your design goes live instantly.
It is a widget that builds an internal navigation menu for a single page, letting visitors click links to jump directly to sections or headings on that page.
A normal navigation menu usually links to different pages, while on-page navigation links to sections within the same page using anchors or heading positions.
Use it on long blog posts, landing pages, or documentation where users need a quick way to jump to specific topics without scrolling through everything.
Yes, you can place the navigation where it fits best in your mobile layout, and the links will still scroll smoothly to the correct sections.
Join 50,000+ designers creating high-converting navigation experiences with Elementor.
The Largest and Most Powerful Elements Library for Elementor.
© 2014 – 2026 Unlockaddons. All Rights Reserved
