Music Players

playlist manager

Herion comes with a self-hosted playlist manager feature that you won’t find anywhere else. For each song, you can set links to iTunes, Amazon, Google Play or another external link (such as AudioJungle). You can even link each song to a WooCommerce product to add an “Add to cart” icon so users can purchase products directly from the player.

[wvc_playlist id=”8609″]
[wvc_playlist id=”8759″ theme=”light”]

player bar

Add any playlist to your section to display a cool player bar.

Album Tracklist

As an alternative to the playlist manager, you can use our awesome and flexible tracklist module. Each track can be linked to a store item so users can add it to their shopping cart directly. You can also associate a video and add a “free download” button.

[wvc_album_tracklist show_numbers=”no”][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ price=”$99″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ price=”$99″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ price=”$79″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ price=”SOLD”][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ price=”$99″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ price=”$89″][wvc_album_tracklist_item action=”link” product_id=”9526″ title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ price=”SOLD”][/wvc_album_tracklist]
[wvc_album_tracklist][wvc_album_tracklist_item action=”link” title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”link” title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”link” title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com” video_url=”https://vimeo.com/160730254″][wvc_album_tracklist_item action=”link” title=”Hip-Hop Asylum | BMP 130″ duration=”1:58″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20364280_hip-hop-asylum_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”download” title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ video_url=”https://vimeo.com/160730254″][wvc_album_tracklist_item action=”link” title=”Mystery Lounge | BMP 123″ duration=”2:14″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20628644_mystery-lounge_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][wvc_album_tracklist_item action=”link” title=”Heavy Beat | BMP 134″ duration=”1:30″ mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/09/20672040_heavy-beat_by_bransboynd_preview.mp3″ itunes_url=”https://itunes.com” amazon_url=”https://www.amazon.com/” googleplay_url=”https://play.google.com”][/wvc_album_tracklist]

Embed Players

Use the power of WordPress to embed your playlist from any major music platform very easily (Spotify, Soundcloud etc.). Simply paste your playlist URL and that’s it!

[wvc_admin_helper_text comment=”For the Mixcloud and Bandcamp Players below, we recommend using the “Raw HTML“ element and pasting the iframe embed code directly instead of using the “Embed Audio Player“ element.”]

Spotify

Compact Player

[wvc_spotify_player type=”compact” width=”430″ url=”https://open.spotify.com/track/0lnfcWRREvnGtXPP2ZDeq7″]

Playlist

[wvc_spotify_player width=”430″ height=”380″ url=”https://open.spotify.com/playlist/37i9dQZF1DWTUm9HjVUKnL”]

Soundcloud

[wvc_audio_embed link=”https://soundcloud.com/charalanahzard/stranger-things-v-hotline-miami-mix-retro-synthwave-live-mix”]

Bandcamp

iTunes

Mixcloud

and more…

Single Audio Player

[wvc_audio preload=”auto” mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/10/15163302_metal_by_mdgsoundstudio_preview.mp3″ image=”9173″]
[wvc_audio preload=”auto” skin=”transparent” mp3=”https://demos.wolfthemes.com/loud/wp-content/uploads/sites/3/2017/10/15163302_metal_by_mdgsoundstudio_preview.mp3″ image=”9172″]