One-Page Navigation Block in Gutenberg Website

One Page Navigation

One Block, Countless Ways To Navigate A One-Page Website

Turn any long page into a guided journey. Map your sections once, pick a layout, and let a sticky, scroll-aware nav carry visitors from hero to footer. One click on any nav item jumps straight to that section, top, middle, or anywhere in between.

Get Started

Read Documentation

Six Ready-Made Presets Inside A Single Block

Glass Bullseye

Frosted rings pulse around the active section where the user stops with a soft, glassy focus. Each dot lights up with a gentle blur effect as you scroll, keeping the current section clearly marked without pulling focus away from your content.

Magnetic Bubble

Dots snap and stretch toward the active section like they are pulled by magnetic force. The bubble expands smoothly on hover, giving users a playful, tactile way to track their position as they move through the page.

Numbered Steps

Each section gets its own numbered marker, guiding visitors through your content in clear sequence. As users scroll, the active number highlights instantly, making multi-step processes and long-form pages easy to follow at a glance.

Expandable Pills

Compact dots expand into labeled pills the moment a section becomes active. The smooth width transition keeps navigation minimal at rest, then reveals context exactly when visitors need it most, right as they arrive.

Stacked Cards

Navigation markers layer like a small stack of cards, shifting depth as the active section changes. The subtle shadow and offset give scrolling a tangible, physical feel, adding personality to an otherwise simple sidebar.

Side Rail

A sliding indicator glides along a vertical rail, smoothly repositioning itself as visitors scroll between sections. The continuous motion creates a clean, connected trail that always points to exactly where they are on the page.

Deep Navigation Controls To Fine-Tune Every Scroll In

Smart Scrolling

Fine-tune how your navigation behaves, enable scroll spy, smooth scrolling, set position and alignment, and control scroll speed and offset for a seamless page experience.

Paint the Path

Set distinct colors for active, inactive, and hover states so users always know exactly where they stand.

Tailored Tooltip

Give navigation labels their own typography and tooltip styling to match your brand down to the last pixel.

Sorted Sections

Add, drag, and reorder navigation items freely, then assign each one a Navigation ID linking it to a section on your page. Visitors click an item and jump straight to that exact section, while entries with missing or invalid IDs hide themselves automatically.

A Step-By-Step Guide To Setting Up One Page Navigation In Gutenberg

Frequently Asked Questions

Still Need Help? Reach out to our dedicated
support team anytime

chat with us

What themes does Essential Blocks for Gutenberg work with?

Essential Blocks for Gutenberg supports almost all themes that are compatible with Gutenberg.

What are the requirements to use Essential Blocks for Gutenberg?

To use Essential Blocks you need to have a WordPress website that uses the default Gutenberg editor.

Will Essential Blocks slow down my website?

No, Essential Blocks will not slow down your website. It brings you the outstanding facility of complete modular control over the activation of each individual block. We have also used optimized codes for this plugin which helps to load only the resources that are currently using. These advanced facilities will boost your site speed even further.

Can I use Essential Blocks PRO on multiple websites?

Yes! Once you upgrade your plan accordingly, you can use Essential Blocks PRO on multiple websites.

Do you have a refund option?

Absolutely! We take pride in customer satisfaction. Thus, we are offering you a risk-free 14-day money-back guarantee. If you are not happy with Essential Blocks PRO within this period, we will happily refund your money.

What will happen after my license expires?

You can still use all of our premium features once the license expires, except you will just not get new premium updates and support. Don’t worry, we will notify you to renew your license.

Elevate Your Web Design & Development In Gutenberg
With Essential Blocks

No worries! We offer 100% No-Risk Money Back Guarantee only
if you’re not satisfied enough.

Get Started Now

Feature Item 1
Feature Item 2
Feature Item 3
Feature Item 4
Feature Item 5

Essential Blocks- gutenberg

This plugin, which I’ve been using for several years, brings incredible features to WordPress to enhance the look of a website, without any programming.
Furthermore, their support was very effective in fixing a bug.
Thank you again and congratulations.