Add Download Button for Any Type of Files

Add Download Button for Any Type of Files

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify Themes

Do you have some file you need to share to your customer? Or limit the access of this file to the logged-in customers? Definitely can be done with NO APP, NO external library either. Let the customer download images, video, audio, pdf, csv, and zip files. No app needed. Please it any of your Shopify pages. Change the download name to your store name.

You can also check our FREE Shopify UI Elements generator tool here

 To start:

1. Go to your Admin store > Themes > Online store > Actions > Edit code.

2. In the theme editor, open the section folder, and you can name it whatever you want, then paste the code below

3. Lastly, find your main.js file, under the Asset folder. For Dawn, it is global.js. For other themes, it might be theme.js. Then paste this code below.


That's it. All you need to do is upload the files you have. Please see the video for instructions.

Copied!
Back to blog

1 comment

I am curious about this code. I want to create a download button. If I purchase and use your code can I then customize the page visually to make the page compatible with my website?

Jane Bernard

Leave a comment