---
title: Getting started (Back to Top)
description: Learn how to configure and use the Back to Top app by Accelerator 365 to help users easily navigate back to the top of long intranet pages.
---
[Skip to content](https://support.accelerator365.com/en/back-to-top-getting-started#main-content)
[.png?width=100&height=47&name=Accelerator%20365%20Logo%20(Colour%20+%20No%20Text).png)](https://support.accelerator365.com/?hsLang=en)
- [Home](https://support.accelerator365.com/en)
- [Getting started guides](https://support.accelerator365.com/en/getting-started)
- Product support
Show submenu for Product support
- [Apps](https://support.accelerator365.com/en/apps)
- [Solutions](https://support.accelerator365.com/en/solutions)
- [Look Book support](https://support.accelerator365.com/en/look-book)
- [Pricing support](https://support.accelerator365.com/en/pricing)
- [Technical support](https://support.accelerator365.com/en/technical)
- [Accelerator 365 website](https://accelerator365.com/)
Open main navigation
Close main navigation
- [Home](https://support.accelerator365.com/en)
- [Getting started guides](https://support.accelerator365.com/en/getting-started)
- Product support
Show submenu for Product support
- [Apps](https://support.accelerator365.com/en/apps)
- [Solutions](https://support.accelerator365.com/en/solutions)
- [Look Book support](https://support.accelerator365.com/en/look-book)
- [Pricing support](https://support.accelerator365.com/en/pricing)
- [Technical support](https://support.accelerator365.com/en/technical)
- [Accelerator 365 website](https://accelerator365.com/)
- [Contact us](https://accelerator365.com/pages/contact)
[Contact us](https://accelerator365.com/pages/contact)
Hello, how can we help you?
- There are no suggestions because the search field is empty.
1. [Accelerator 365 Knowledge Base](https://support.accelerator365.com/en?hsLang=en)
2. [Apps](https://support.accelerator365.com/en/apps?hsLang=en)
3. [Back to Top](https://support.accelerator365.com/en/apps?hsLang=en#back-to-top)
# Getting started (Back to Top)
## How to configure and use the Back to Top app by Accelerator 365
The Back to Top app makes it easy to navigate long SharePoint pages. Users can quickly return to the top of the page, and a built-in progress indicator shows how much of the page is left to explore.
### Jump to
- [Configuring the app for the first time](https://support.accelerator365.com/en/back-to-top-getting-started#first-time-configuration)
- [Button controls](https://support.accelerator365.com/en/back-to-top-getting-started#button)
- [Floating widget controls](https://support.accelerator365.com/en/back-to-top-getting-started#floating-widget)
- [Related articles](https://support.accelerator365.com/en/back-to-top-getting-started#related-articles)
---
### Configuring the app for the first time
To add the Back to Top app:
1. Select **Edit** on your SharePoint page.
2. Select **+ Add a new web part**, then choose the **Back to Top** app.
3. Once added, the Back to Top app will automatically display the button and floating widget fully enabled and ready for customization.
---
### Button controls
The Back to Top app includes a button that can be placed anywhere on your page. You can:
- **Show button** - choose to show or hide the button.
**Note:** the button always displays in edit mode, even if hidden.
- **Button appearance** - choose from fill color, an outline, or no outline.
- **Label** - customize the text shown on the button.
- **Animation** - enable a depth effect on the button when users scroll through the page.
- **Position** - align the button left, center, or right.
---
### Floating widget controls
As well as a button, the Back to Top app also includes a floating widget.
The floating widget follows the user as they scroll down the page, allowing them to get back to the top with a click. Features include:
- **Show floating widget** - choose to show or hide the floating widget.
- **Include percentage scrolled indicator** - a page completion ring that appears on the widget showing how far the user has scrolled.
- **Position** - align the floating widget to the bottom left, center, or right of the page.
---
### Related articles
- [Frequently asked questions](https://support.accelerator365.com/en/back-to-top-frequently-asked-questions?hsLang=en)
- [Use cases & best practices](https://support.accelerator365.com/en/back-to-top-use-cases-best-practices?hsLang=en)
- [Release notes](https://support.accelerator365.com/en/back-to-top-release-notes?hsLang=en)
- [Technical details](https://support.accelerator365.com/en/back-to-top-technical-details?hsLang=en)
- [Getting started](https://support.accelerator365.com/en/getting-started?hsLang=en)
- [Apps](https://support.accelerator365.com/en/apps?hsLang=en#main-content)
- [Accordion](https://support.accelerator365.com/en/apps?hsLang=en#accordion)
- [Advent Calendar](https://support.accelerator365.com/en/apps?hsLang=en#advent-calendar)
- [Alerts](https://support.accelerator365.com/en/apps?hsLang=en#alerts)
- [Anniversaries](https://support.accelerator365.com/en/apps?hsLang=en#anniversaries)
- [Audience Subscription](https://support.accelerator365.com/en/apps?hsLang=en#audience-subscription)
- [Back to Top](https://support.accelerator365.com/en/apps?hsLang=en#back-to-top)
- [Before and After](https://support.accelerator365.com/en/apps?hsLang=en#before-and-after)
- [Carousel](https://support.accelerator365.com/en/apps?hsLang=en#carousel)
- [Countdown Calendar](https://support.accelerator365.com/en/apps?hsLang=en#countdown-calendar)
- [FAQ](https://support.accelerator365.com/en/apps?hsLang=en#faq)
- [Gauge](https://support.accelerator365.com/en/apps?hsLang=en#gauge)
- [Glossary](https://support.accelerator365.com/en/apps?hsLang=en#glossary)
- [Image Map](https://support.accelerator365.com/en/apps?hsLang=en#image-map)
- [Launchpad](https://support.accelerator365.com/en/apps?hsLang=en#launchpad)
- [My Calendar](https://support.accelerator365.com/en/apps?hsLang=en#my-calendar)
- [My Contacts](https://support.accelerator365.com/en/apps?hsLang=en#my-contacts)
- [My Emails](https://support.accelerator365.com/en/apps?hsLang=en#my-emails)
- [Noticeboard](https://support.accelerator365.com/en/apps?hsLang=en#noticeboard)
- [Page Authors](https://support.accelerator365.com/en/apps?hsLang=en#page-authors)
- [Page Breadcrumbs](https://support.accelerator365.com/en/apps?hsLang=en#page-breadcrumbs)
- [Page Feedback](https://support.accelerator365.com/en/apps?hsLang=en#page-feedback)
- [Page Tags](https://support.accelerator365.com/en/apps?hsLang=en#page-tags)
- [Page Tour](https://support.accelerator365.com/en/apps?hsLang=en#page-tour)
- [Pages Directory](https://support.accelerator365.com/en/apps?hsLang=en#pages-directory)
- [People Directory](https://support.accelerator365.com/en/apps?hsLang=en#people-directory)
- [Poll](https://support.accelerator365.com/en/apps?hsLang=en#poll)
- [Rate My Day](https://support.accelerator365.com/en/apps?hsLang=en#rate-my-day)
- [Section Search](https://support.accelerator365.com/en/apps?hsLang=en#section-search)
- [Site Analytics](https://support.accelerator365.com/en/apps?hsLang=en#site-analytics)
- [Spotlight](https://support.accelerator365.com/en/apps?hsLang=en#spotlight)
- [Stock Price](https://support.accelerator365.com/en/apps?hsLang=en#stock-price)
- [Subscribe Now](https://support.accelerator365.com/en/apps?hsLang=en#subscribe-now)
- [Table of Contents](https://support.accelerator365.com/en/apps?hsLang=en#table-of-contents)
- [Tabs](https://support.accelerator365.com/en/apps?hsLang=en#tabs)
- [User Profile](https://support.accelerator365.com/en/apps?hsLang=en#user-profile)
- [Welcome](https://support.accelerator365.com/en/apps?hsLang=en#welcome)
- [Solutions](https://support.accelerator365.com/en/solutions?hsLang=en#main-content)
- [Content Manager Dashboard](https://support.accelerator365.com/en/solutions?hsLang=en#content-manager-dashboard)
- [Translator for SharePoint](https://support.accelerator365.com/en/solutions?hsLang=en#translator-for-sharepoint)
- [Look Book](https://support.accelerator365.com/en/look-book?hsLang=en)
- [Pricing](https://support.accelerator365.com/en/pricing?hsLang=en)
- [Technical](https://support.accelerator365.com/en/technical?hsLang=en#main-content)
- [General](https://support.accelerator365.com/en/technical?hsLang=en#general)
- [Maintenance](https://support.accelerator365.com/en/technical?hsLang=en#maintenance)
- [Troubleshooting](https://support.accelerator365.com/en/technical?hsLang=en#troubleshooting)
- [About](https://accelerator365.com/pages/about-us)
- [Blogs](https://accelerator365.com/blogs/updates)
- [Reply](https://www.reply.com/en)
- [Partners](https://accelerator365.com/pages/find-a-partner)
- [Contact](https://accelerator365.com/pages/contact)
- [License Agreement](https://accelerator365.com/pages/license-agreement)
- [Privacy Policy](https://www.reply.com/en/privacy-policy)
- [Service Level Agreement](https://accelerator365.com/pages/service-level-agreement)
[.png?width=60&height=29&name=Accelerator%20365%20Logo%20(Colour%20+%20No%20Text).png "Accelerator 365 logo")](https://accelerator365.com/)
Accelerator 365 by Reply