The Best One-Page Navigation Addon for Elementor in 2023 (And it’s FREE!)

This is a fairly limited widget but does provide the “essentials” of what some designers need.

How it works : This widget uses the page sections you’ve created as the content. Assign IDs to each section (CSS ID field) and associate the section IDs to the widget’s section items.

This widget is a good choice for those needing a simple “dots” only navigation and for being able to quickly enter in content via Text Editor (or if you want to take the time to create a Template) without having to create Sections.

It also has the rare option of being able to work both Vertically and Horizontally.

How it works : One widget allows you to add multiple section “items” which you then populate either using a Text Editor or Template.

This is a straight-forward widget with minimal options, but enough for the most common needs.

How it works : Create sections and assign IDs ie. section-1, section-2 etc., then drop in the Scroll Nav widget in a section on the page.

This is a no-bells and whistles One-Page navigation widget which is perfect for most single-page website needs – standard Menu positions, Icon content, uses Sections, and has Tooltips.

How it works : Like most, this widget is placed on the page and the menu automatically appears in the page position you choose in the settings (top, bottom, left, right). Then assign IDs to the CSS ID field of the sections, which you then reference in the section items of the widget.

This is a straight-forward One-Page navigation widget that provides all the basics for most single-page website needs – standard Menu positions, Icon content, uses Sections, and has Tooltips.

How it works : Like most, place the widget in its own section at the bottom of the page. Choose alignment to determine where it appears on the page (top, bottom, left, right) and then assign IDs to the CSS ID field of the Sections. You then reference these IDs in the section items of the widget.

This is a feature-rich widget making it a diverse choice for many different kinds of one-page projects. Having tooltips is helpful for increase nav clarification.

How it works : Create Sections and assign IDs to them. Drop the Scroll Navigation widget on your page and assign your section IDs to each of the repeater items (one item per section)

This is one of the few widgets that allows you to page scroll Horizontally, and with a lot more features than many of the Vertical ones.

The only other Horizontal widget is the less featured HT Mega – Absolute Addons
“Scroll Navigation” widget.

How it works : Create page Sections with assigned IDs, and then assign the ID to the Content “items” in the widget.

The implementation of this feature is unlike any of the other One-Page Navigation widgets. This is actually an extension and not a widget. With a little help from the documentation, you can auto-scroll between the existing Sections on the page without having to assign Section IDs.

How it works : This is unique in that it’s an extension to the Page Settings of any page. Set the class of each section (same class) and the Snap Scroll will auto move between sections on scroll.

What separates this widget from the others is the additional traditional Menu Nav you can add to the top, and the  Top, Middle and Bottom vertical alignment of the One Page Navigation menu.

How it works : This is another widget that uses the page sections you’ve created as the content. Assign IDs to each section (CSS ID field) and associate the section IDs to the widget’s section items.