Back to Top Button for Elementor

Long pages can leave visitors scrolling a long way back up to reach the menu or the start of the content. This plugin places a button on the page that brings them back with a single click. It works inside Elementor, so you can add and adjust the button without writing code, which suits beginners and experienced builders alike.

The button is flexible about where and when it appears. You can pick from eight placements, use a regular or sticky mode, and set rules for when it shows or hides based on scrolling. Font Awesome icons, hover animations and appearance transitions let you match the button to your site's style. It is retina ready and responsive on desktops, tablets and phones.

Features

• Added through Elementor: Add a back-to-top button to any page with a few clicks inside Elementor. No coding is required, so beginners and professionals can both set it up.
• Eight position options: Choose from eight button placements on the page so the button sits where it fits your layout and design.
• Regular and sticky modes: Use a standard button or a sticky one, so visitors can reach it constantly or only once they scroll down the page.
• Anchor linking: Send visitors back to the top of the page or to a specific page element by pointing the button at an anchored link.
• Visibility rules: Set detailed rules for when the button appears or hides, based on how visitors scroll, so it shows only at suitable moments.
• Animation effects: Select hover animations and appearance transitions so the button's behavior fits the style of your site.
• Font Awesome icons and labels: Pick an icon from the Font Awesome library, and adjust the button's shape and label text to match your branding.
• Circular scroll indicator: Turn on an optional progress indicator around the button that shows visitors how far they have scrolled on the page.

Best for

• Elementor sites with long scrolling pages
• Site owners who want no-code navigation tweaks
• Freelancers and agencies building client sites in Elementor