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
Border Radius Slider
Offset Right Slider
Offset Bottom Slider
Hide On Desktop Toggle
Hide On Tablet Toggle
Enable Drop Shadow Toggle
Drop Shadow Color Chooser
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.