Black Friday Sale!

Days
Hours
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

blocks library for wordpress
wordpress-black-friday-deals-2025
Scroll Marquee Effect - Featured Blog
One Page Scroll Navigation Block for WordPress

How to Add One Page Scroll Navigation in WordPress (Step-by-Step Guide)

This step-by-step guide will show you how to add an interactive One Page Scroll Navigation block to your WordPress site using the Unlimited Elements Blocks Library. The One Page Scroll Navigation block is highly flexible, perfect for creating dramatic, section-by-section vertical navigation, enhancing user flow on landing pages, and works directly inside the native WordPress block editor (Gutenberg) – no coding required.

Instructions

1

Install Unlimited Elements Blocks Library

  • Go to the Unlimited Elements plugin page on WordPress.org.

  • Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

  • Click Install Now and then Activate to enable the plugin.

Install-Unlimited-Elements-Block
2

Open the Blocks Library

  • From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

  • This is where all available blocks are listed and managed.

Open-the-Blocks-Library
3

Search for the One Page Scroll Navigation Block

  • Use the search bar at the top right and type “One Page Scroll Navigation”.

  • The One Page Scroll Navigation block will appear in the results list.

Search-for-Block
4

Install the One Page Scroll Navigation Block

  • Hover over the One Page Scroll Navigation block and click Install.

  • This adds the block to your available options in the editor.

Install-the-WordPress-Block
5

Add One Page Scroll Navigation to a WordPress Page

  • Open any page or post using the WordPress block editor.

  • Click the (+) Add Block button, search for “One Page Scroll Navigation”, and insert it into the page.

Add-Image-Accordion-to-a-WordPress
6

Customize the One Page Scroll Navigation Block

Once added, select the One Page Scroll Navigation block and use the settings panel on the right. Add or remove Navigation Items, set the Target Section ID for each item, and choose the Display Type (Dots/Text/Icons). Set the Fixed Position and Scroll Speed. Customize the Styling for the Navigation Item Size and Color (Normal and Active states), Tooltip Background and Text Color, and Vertical Spacing to create a functional, visually appealing navigational guide that fits your site’s design.

One Page Scroll Navigation Block for WordPress

Grab this deal
before it's gone!

Days
Hrs
Min
Sec

30-Day Money-Back Guarantee

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!