To add a Back To Top Button Block to your site, open the Site Designer feature by clicking the Site Designer icon in the Left Navigation Menu on your store's Dashboard.

You can add a Back To Top Button Block to any Page on your site. Using the Page: Home dropdown menu at the top left of the Site Designer Page, choose the page to which you will add your Back To Top Button Block. In this example, we will be adding them to the Home Page by clicking Home in the dropdown.

Locate a spot on your page to display the Back To Top Button Block. We decided to add it at the bottom of the page, above the Footer. Navigate to this spot and mouse over the location until the blue Plus Sign icon appears. Click the icon to add your block. The Add a Block menu will pop-out on the left side of the page. Scroll down through the Default Blocks and click on the Misc section. Open the section and choose Back To Top Button Block, using the Add Block button.

The block has now been added to the Homepage. To personalize the block, mouse over it and click the Edit button that appears at the top left corner of the block.

The Edit Block menu for the Back To Top Button Block offers these options:

Header Block Controls

Trash Can Icon to Delete Block
Arrows to move block up or down the page

Make This Block Reusable Toggle

Configure:

Border Radius Slider

Offset Right Slider

Offset Bottom Slider

Hide On Desktop Toggle

Hide On Tablet Toggle

Drop Shadow:

Enable Drop Shadow Toggle

Drop Shadow Color Chooser

Colors:

Background Color Chooser

Icon Color Chooser

Background Hover Color Chooser

Icon Hover Color Chooser

To save any edits, click the Done button at the bottom of the edit popout.

Your final step should be to click the green Publish button at the top right of the Site Designer page. Until this button is clicked your changes will not be visible on your storefront.

Viewing your site's Homepage and scrolling to the bottom of the page will show your Back to Top button.

If you need a button that can be linked to different pages, or serve different purposes, check out our standard Button article.

Did this answer your question?