How Do I Add a "Back to Top" Button to My Website Pages?

How Do I Add a "Back to Top" Button to My Website Pages?

How Do I Add a "Back to Top" Button to My Website Pages?

Info This Article Is For:
  • All users who have access to Pages
  • Applicable to all themes

Follow these instructions to add a "Back to Top" button to any page on your website. This feature helps your visitors quickly return to the top of the page, improving navigation and user experience.

Step-by-Step Guide

  1. Navigate to Website > Pages > All Pages, and open the page where you want to add the "Back to Top" function.
  2. Scroll to the bottom of your page content and add a Raw HTML widget.
  3. Paste the following code into the Raw HTML widget, then click Save/Update on the page.

Code Example

<a href="#">Back to Top</a>

Once saved, a "Back to Top" link will appear at the bottom of your page. When clicked, it will bring users back to the top of the page.