Add HTML5 audio player to shopify

Question:

Love your player!  Just struggling to implement the audio player into my Shopify site. I have followed the tutorial: https://amazingaudioplayer.com/how-to-add-an-audio-player-to-shopify/.

Answer:

In the tutorial, step 2, you need to upload the files to the Public folder of your Dropbox.

Public folder is special folder in your Dropbox space, you can view the tutorial: https://www.dropbox.com/help/16/en.  New Dropbox account does not have a default Public folder, you can follow the instructions in the above link to create one.

 

How to add the audio player to Shopify

Question:

How to add the audio player to Shopify

Answer:

You can view the tutorial here: https://amazingaudioplayer.com/how-to-add-an-audio-player-to-shopify/

The basic idea is, you need to upload the created audio player files to a web hosting, then use an iframe to insert the player to your Shopify webpage.

If you have you own web hosting, you can upload the files to your own web server. Otherwise, you can use the free web hosting provided by DropBox.