Back to Top
Connect Flowstar's Back to Top Webflow app to provide scroll-to-top buttons with configurable icons, text, colors, and positioning controls.
How to integrate Back to Top with Webflow
Use the Back to Top app on the Webflow marketplace to add scroll-to-top functionality without writing code. The marketplace app handles JavaScript for scroll detection, CSS for positioning and animations, and cross-browser compatibility automatically.
Install the app from the Webflow Apps marketplace, configure your design and behavior settings through the app interface, then publish. The button appears automatically based on your display triggers.
Use the Back to Top app
The Flowstar Back to Top marketplace app handles all code implementation automatically. Install the app in your Webflow project, configure design and behavior options through the app interface, and publish your site. The button appears based on your display triggers without manual code placement.
Scroll-to-top buttons are useful for long product pages, blog posts, case studies, and portfolio showcases. They help mobile users especially, where extensive scrolling creates friction.
The app requires read access to authorized user information, read and write access to custom code, read and write access to site data and publishing capabilities, read access to assets, and read access to page data. The Webflow Apps overview documents the installation process. Navigate to the Webflow Apps panel within your project, search for the app, click the installation button, select your workspace or specific site, and authorize the app to access your project.
The app provides the following customization options:
- Icon selection: Choose from a built-in icon set or upload custom SVG/PNG graphics with configurable dimensions
- Button text: Add or modify text labels through text input controls
- Style controls: Adjust CSS properties like background color, border radius, padding, and hover states through the app interface
- Layout positioning: Set horizontal or vertical orientation and screen placement
- Display triggers: Configure scroll position thresholds that control when the button becomes visible
- Device settings: Configure separate behavior for desktop and mobile breakpoints
What you can build
Integrating Flowstar's Back to Top app with Webflow adds scroll-to-top functionality that reduces navigation friction on content-heavy pages.
- E-commerce product pages: Return shoppers to category filters and top-level navigation after they scroll through detailed specifications, customer reviews, and related items
- Portfolio case studies: Let visitors move quickly through multi-project showcases where they browse detailed work samples across extended scrolling layouts
- Long-form content pages: Give users quick access to top navigation on detailed service descriptions, team profiles, and client testimonials that span multiple screen heights
- Blog posts and articles: Help readers return to main navigation, table of contents, or category menus positioned at the top of the page
Frequently asked questions
Go to the Back to Top app page in the Webflow Apps marketplace and click Add to site. Select your workspace and specific site, then authorize the app to access your project. The app handles code injection automatically without requiring manual code placement. After installation, configure button appearance and behavior through the app interface in your project settings.
Yes. The app provides configuration controls for icons, text, colors, sizes, and layout positioning. The marketplace listing confirms you can select from built-in icons or upload custom graphics, adjust button text, modify style properties, and choose horizontal or vertical orientation. You can also configure separate settings for desktop and mobile devices to control appearance across breakpoints. All configuration happens through the app interface without writing code.
Webflow apps inject code into your site, which can affect page load times. The third-party scripts add resources that impact loading speed. Marketplace apps inject JavaScript and CSS files that execute on page load and during scroll events. Specific performance metrics like JavaScript bundle size, CSS payload, and Core Web Vitals impact are not publicly documented for this app. Test your site performance after installation using browser dev tools or PageSpeed Insights, and monitor metrics like Time to Interactive, First Input Delay, and Cumulative Layout Shift.
Description
Back to Top is a Webflow app from Flowstar that adds scroll-to-top button functionality to your site. The app injects JavaScript and CSS into your published site to handle scroll detection and button rendering.
This integration page is provided for informational and convenience purposes only.
Accessibility Enabler
Connect Accessibility Enabler to Webflow and add accessibility tools to a site through a JavaScript widget.
UserWay
Make more inclusive and accessible websites. Increase WCAG 2.1 compliance.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
