Displaying audio players in a WooCommerce product is pretty easy using our MP3 Audio Player Pro with WooCommerce edition.
Step 1 – Install and Activate free WooCommerce plugin from the WP Plugin repository, and also MP3 Audio Player Pro by Sonaar with WooCommerce edition. Make sure you have bought one of these 3 versions:
Step 2 –Go to WP-Admin > MP3 Player > Settings and enable Product.
Step 3 –Edit a WooCommerce product and now you will be able to upload/insert a track.
Step 4 –Adjust the WooCommerce setting within our player to your needs. The options you see on the screen below should be pretty self-explanatory.
Step 5 – You can adjust the player setting to be display in your shop loop page, or in your product detail page like the image below
Optional Step 6 – If you want to use a custom shortcode player for the product detail page, enable Custom Shortcode:
Optional Step 7 – For every product that has tracks uploaded, you have the ability to show/hide an add to cart / buy now button beside your player’s track:
Optional Step 8 – If you want to setup Music Licenses & Contract Agreements with WooCommerce, read this article.