Framework Plus Documentation

Back to Top

A fixed button to return user to the top of the page.

Note: This is a built-in module, meaning you’ll need to open the Contents tab of the page editor sidebar to select it.

Content

  • Remove button from page
  • Edit screen reader text

back-to-top

About This Module

The Back to Top module provides a convenient navigation enhancement for your HubSpot pages, especially when dealing with longer content that requires significant scrolling. This fixed-position button automatically appears in the bottom corner of your site and allows visitors to instantly return to the page header with a single click.

When to Use This Module

This module works exceptionally well on content-heavy pages like blog posts, case studies, product documentation, and landing pages with multiple sections. For SaaS and technology companies using the Framework theme, it’s particularly valuable on product feature pages, pricing tables, and detailed service descriptions where users often scroll through extensive information before wanting to navigate elsewhere.

Implementation Best Practices

You’ll find the Back to Top module in the built-in modules section of your page editor’s Contents tab, rather than in the drag-and-drop module library. Once added, the button automatically positions itself and responds to user scroll behavior without requiring additional configuration.

The module includes accessibility features through customizable screen reader text, ensuring your site remains inclusive for users with assistive technologies. You can modify this text to match your brand voice while maintaining clear navigation instructions.

Design Considerations

The button’s minimal styling aligns with Framework’s clean aesthetic and won’t interfere with your page design. It appears only when users have scrolled down significantly, preventing visual clutter on shorter pages. The module automatically adapts to your theme’s color scheme and maintains consistent positioning across different device sizes, ensuring a seamless user experience on both desktop and mobile browsers.

Consider adding this module to your page templates if you frequently publish long-form content, as it reduces the manual work of adding it to individual pages.