Skip to main content
All CollectionsWidgetsShopping Enhancers
How to Use the Back To Top Widget?
How to Use the Back To Top Widget?

A guide on how to use the Back to Top widget.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

What is a Back to Top Widget?

Have you ever found yourself scrolling through a long webpage, only to realize you need to return to the top? It can be frustrating to manually scroll back up, especially on a mobile device. That's where the "Back to Top" button comes in.

The "Back to Top" button is a small, unobtrusive button that appears on the bottom right corner of a webpage. It allows users to quickly return to the top of the page without having to scroll back up manually. By making it easier for customers to navigate your website, the "Back to Top" button can improve engagement and increase the time users spend on your site.

Why Use the "Back to Top" Button?

Aside from the convenience it provides to users, the "Back to Top" button can also improve the overall user experience on your website. By making it easier for users to navigate your site, they are more likely to stay on your page longer and engage with your content.

Additionally, the "Back to Top" button can be helpful for users with disabilities or those using assistive technologies. It allows them to quickly navigate to the top of the page without having to scroll, making your website more accessible manually.

How to Enable/ Disable the Back To Top Widget?


Sign in to your Debutify Theme log-in portal at, and navigate to the add-ons section.


Choose your widget from the Add-ons menu, either by searching or filtering by category. Toggle the switch to enable or disable it.


When prompted to enable/disable a widget, click 'Enable' or 'Disable' to confirm your choice.

If the selected widget is not available in your current plan, you'll be prompted to upgrade. Click 'Upgrade' to proceed or 'Cancel' to continue without upgrading.

How to Manage Back to Top Widget Settings?


In your Shopify Admin, select Online Store.


Select your Debutify Shopify theme, and click on Customize.


Click on Theme Settings icon > Back to Top.

You can manage settings here and tick the box if you want it to be visible on mobile. You can also choose the position: left, center, or right.


Click Save to save any changes made.

Did this answer your question?