Back to Top Widget

Customize How Visitors Return to the Top of Your Website

Add a smooth back to top button to long pages and help visitors navigate your website with less effort. With flexible positioning, styling options, and simple setup, you can create a back to top experience that matches your site design.

Create Your Back to Top Widget ā€” Itā€™s Free!
Customize How Visitors Return to the Top of Your Website

Add a Floating Back to Top Button

Help visitors return to the top of long pages with a button that stays available while they scroll. A floating back to top button makes navigation easier on landing pages, blogs, product pages, and content-heavy websites.

Useful for:

Long landing pagesBlog articlesProduct pagesDocumentation pagesFAQ pages
Create Your Button
Add a Floating Back to Top Button

Choose Where the Button Appears

Place the back to top button where it fits best on your website. You can position it on the left or right side and adjust spacing from the edge of the screen to avoid overlapping other floating elements.

Position settings include:

Left side placementRight side placementBottom spacing controlsSide spacing controls
Adjust Button Position
Choose Where the Button Appears

Match the Button to Your Website Design

Customize the look of your back to top button so it feels native to your website. Adjust colors, shape, size, icon style, and shadow settings to match your brand and page layout.

Customization options include:

Custom background colorCustom icon colorButton size controlsBorder radius settingsShadow options
Customize Your Button
Match the Button to Your Website Design

Control When the Button Is Shown

Decide when the back to top button appears so it supports the browsing experience without getting in the way. Set scroll behavior and visibility options for desktop and mobile visitors.

Behavior settings include:

Scroll threshold controlsSmooth scroll behaviorDesktop visibilityMobile visibility
Configure Button Behavior
Control When the Button Is Shown