How to create an animated scroll to top button on Shopify store

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy the first month of Shopify for $1.

Scroll to Top buttons allow your website visitors to easily scroll back to the top of your page with one click of the button. This gives your website better navigation and also adds a more professional look to your current layout. In this tutorial you will learn how you can create an animated scroll to top button on Shopify store.

The first step, you must go to www.scrolltotop.com. This site will provide many styles for the button

Choosing the style you like best, then copy the code beside.

Next step, log in to your Shopify store. From your Shopify admin, go to Online Store > Themes. Click Actions > Edit code. In the Layouts folder, locate and click on your theme.liquid file to open it in the online code editor. In the online code editor, scroll down a bit until you see the closing </body> tag. Right before the closing </body> tag, paste the code.

Click Save to save your changes. Go to storefront to check it out.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *