Long pages are great for storytelling, documentation, landing pages, and blogs. But they can also frustrate visitors.
After scrolling through hundreds or even thousands of pixels, most users don't want to manually scroll all the way back to the top just to access the navigation again.
A simple Back to Top button solves this with a single click.
How to Add the Back to Top Plugin in Framer
Open your Framer project.
Open the Plugins panel.
Search for Back to Top.
Add the plugin to your page.
Customize the button:
Choose its position.
Match the colors to your brand.
Adjust the size and icon.
Configure when it should appear as users scroll.
Preview your project and publish.
Why It Matters
Small usability improvements often have the biggest impact.
A Back to Top button makes long pages easier to navigate, especially on mobile devices where scrolling back can be tedious. It improves the overall browsing experience, helps users quickly revisit navigation or important sections, and gives your website a more polished, user-friendly feel.
It takes less than a minute to set up, requires no code, and works seamlessly with your Framer projects.
