SamePage

Automatic anchor generation

SamePage automatically creates anchor targets from your content without modifying existing IDs or theme structures.

SamePage links menu integration

Add SamePage navigation links directly inside WordPress menus without manually copying anchor URLs.

Active section detection

Automatically detect which section is currently visible and update navigation states as visitors scroll.

Top of page anchors

Automatically generate a top-of-page anchor for quick navigation back to the beginning of the content.

Custom manual anchors

Create developer-controlled navigation points using: data-samepage="Pricing"

Custom anchor selectors

Choose exactly which elements should become navigation targets using CSS selectors.

Example, h2, section, .pricing-section, #faq etc.

Smooth scrolling navigation

Transform standard anchor links into smooth scrolling navigation while maintaining normal browser fallback behaviour.

Active menu classes

Apply BFSP-active and BFSP-inactive classes to menu items for custom styling.

Gutenberg SP Link button

Create SamePage links directly inside the editor without manually searching for anchor names.

SamePage navigation widget

Display page-specific navigation in sidebars, documentation layouts, landing pages, and content hubs.

SamePage anchor blocks

Create navigation exactly where it belongs. Drop a SamePage Anchor block anywhere in your content, give it a title, and SamePage automatically adds it to your page navigation. Drag anchors to reorder sections, duplicate them when needed, and even create nested navigation by adding -- before a title to generate child menu items automatically. This makes building documentation, tutorials, landing pages, and long-form content navigation incredibly fast and visual.

.samepage-auto support

Simply add: .samepage-auto and SamePage automatically includes the section in generated navigation.

Named auto-include anchors

Assign custom navigation labels directly within the page structure. data-samepage-auto="Pricing"

Automatic sticky header detection

Detect sticky headers automatically and compensate during scrolling.

Scroll spy sensitivity controls

Fine-tune when navigation items become active.

Auto-included navigation links

Automatically build navigation from marked sections without manually selecting anchors.

Custom auto-include selectors

Create global rules for documentation sections, FAQs, chapters, product showcases, and more.

Existing menu integration

Use existing WordPress menus instead of generated navigation structures. Perfect for complex sites and mixed navigation systems.

Mobile menu auto-close

Automatically close mobile navigation after a SamePage link is selected.

Parent menu highlighting

Highlight parent navigation items when child sections are active.

Clean anchor URLs

Generate cleaner, more readable links for documentation and marketing pages.

Floating back to top button option

Provide quick access back to the beginning of long pages.

Hide hash (#) after scrolling

Remove anchor hashes after scrolling while preserving SamePage functionality.

Enhanced Gutenberg SP Link button

SamePage Pro extends the SP Link button to support links between pages. Enter / in the search box to browse pages containing SamePage anchors, then select the section you want to link to.

The generated link automatically opens the target page and scrolls directly to the selected section, making inter-page navigation quick to create and easy to maintain. Click this Example. (it will take you back here after)

CopySync + SamePage

CopySync and SamePage work particularly well together for building large, easy-to-maintain one-page layouts.

Add SamePage anchors to your CopySync templates, then use CopySync List to automatically output all matching content. SamePage can then build a navigation menu from those anchors, allowing visitors to smoothly jump between sections on the page.

We use this approach on our Plugins and Effects pages. CopySync List automatically displays all available extensions, while SamePage generates the navigation menu shown alongside the content. When a new extension is added, it automatically appears in both the content list and the navigation menu, eliminating the need to manually update the page structure each time.

This makes it easy to create product directories, feature showcases, documentation hubs, team listings, service catalogues, and other content-rich pages that continue to grow over time.