How to insert MP3 player in Prestashop

How to insert MP3 player in Prestashop

If you need to display mp3 player with certain song on your product page in Prestashop, you can take advantage of HTML5 audio, supported in all modern browsers.

First you have to go to Prestashop administration -> Preferences – General and disable HTMLPurifier Library (otherwise editor will strip the audio tags):

Disable HTMLPurifier

Then you edit your product and place following code into text editor (you have to use Tools – Source code option, to paste the code as html):

<audio controls>
<source src=”https://www.yourdomain.com/mp3/Stromae-Papaoutai.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>

 

Of course you have to copy the MP3 file to your FTP server, into the same folder as specified in the path.

You should then see MP3 player on your product page:

MP3 player