Music Players

[vc_row][vc_column][vc_row_inner css=”.vc_custom_1508340911240{padding-bottom: 80px !important;}”][vc_column_inner][vc_custom_heading text=”Playlist Manager” font_size=”18″ min_font_size=”18″ css_animation=”fadeInUp”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]

Zample comes with a self-hosted playlist manager 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.

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner gap=”60″][vc_column_inner width=”1/2″][wvc_playlist id=”2628″ theme=”light” css_animation=”fadeIn”][vc_column_text]

Link to major digital selling platforms and “add to cart” button.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][wvc_playlist id=”3580″ css_animation=”fadeIn” css_animation_delay=”200″][vc_column_text]

Link to another 3rd party platform (e.g AudioJungle).

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row equal_height=”” font_color=”light” background_type=”image” background_img=”197″ background_effect=”parallax” shift_y=”0″ z_index=”0″ sticky_player_playlist_id=”2628″ sticky_player_playlist_skin=”transparent-light” css=”.vc_custom_1527455050240{padding-top: 190px !important;padding-bottom: 190px !important;}”][vc_column][wvc_admin_helper_text comment=”The player bar in the row settings “Player Bar“ tab.”][vc_custom_heading text=”Player Bar” font_size=”18″ min_font_size=”18″ css_animation=”fadeInUp” css=”.vc_custom_1508444520125{margin-bottom: 14px !important;}”][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][vc_row equal_height=”” shift_y=”0″ z_index=”0″][vc_column][vc_custom_heading text=”Album Tracklist” font_size=”18″ min_font_size=”18″ css_animation=”fadeInUp”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]

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.

[/vc_column_text][/vc_column][/vc_row][vc_row column_type=”block” shift_y=”0″ z_index=”0″][vc_column width=”1/2″ font_color=”dark” background_type=”image” background_color=”lightergrey” background_repeat=”repeat” background_size=”default” shift_x=”0″ shift_y=”0″ z_index=”0″][wvc_album_tracklist show_numbers=”no”][wvc_album_tracklist_item action=”link” title=”Dark Wave by WarpMasters” duration=”1:46″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/21151659_80s-dark-synthwave_by_warpmasters_preview.mp3″ price=”$0.99″][wvc_album_tracklist_item action=”link” title=”Eighties by TuneBoy” duration=”2:30″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/20909220_synthwave-80s_by_tuneboy_preview.mp3″ price=”$0.99″][wvc_album_tracklist_item action=”link” title=”Hero by TuneBoy” duration=”1:49″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/20737340_synthwave-hero_by_tuneboy_preview.mp3″ price=”$0.99″][wvc_album_tracklist_item action=”link” title=”Synthwave by Dj Docent” duration=”2:40″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/21840559_drive-synthwave_by_djdocent_preview.mp3″ price=”$0.99″][/wvc_album_tracklist][/vc_column][vc_column width=”1/2″ font_color=”light” background_type=”image” background_img=”2986″ background_effect=”parallax” add_overlay=”yes” overlay_opacity=”60″ shift_x=”0″ shift_y=”0″ z_index=”0″][wvc_album_tracklist][wvc_album_tracklist_item action=”link” title=”Dark Wave by WarpMasters” duration=”1:46″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/21151659_80s-dark-synthwave_by_warpmasters_preview.mp3″ itunes_url=”#” amazon_url=”#” googleplay_url=”#”][wvc_album_tracklist_item action=”link” title=”Eighties by TuneBoy” duration=”2:30″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/20909220_synthwave-80s_by_tuneboy_preview.mp3″ itunes_url=”#” amazon_url=”#” googleplay_url=”#”][wvc_album_tracklist_item action=”link” title=”Hero by TuneBoy” duration=”1:49″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/20737340_synthwave-hero_by_tuneboy_preview.mp3″ video_url=”https://www.youtube.com/watch?v=TvZskcqdYcE” itunes_url=”#” amazon_url=”#” googleplay_url=”#”][wvc_album_tracklist_item action=”download” title=”Synthwave by Dj Docent” duration=”2:40″ mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/13/2018/05/21840559_drive-synthwave_by_djdocent_preview.mp3″][/wvc_album_tracklist][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner container_width=”small” css=”.vc_custom_1508337738649{padding-bottom: 80px !important;}”][vc_column_inner][vc_custom_heading text=”Embed Players” font_size=”18″ min_font_size=”18″ css_animation=”fadeInUp”][vc_column_text css_animation=”fadeIn” css_animation_delay=”200″]

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!

[/vc_column_text][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.”][/vc_column_inner][/vc_row_inner][vc_row_inner gap=”60″][vc_column_inner width=”1/2″][vc_custom_heading text=”Spotify” font_size=”18″ min_font_size=”18″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][wvc_audio_embed link=”https://open.spotify.com/user/loudtheme/playlist/6exCo0ztRbD18owIRRiG6l”][vc_custom_heading text=”Mixcloud” font_size=”18″ min_font_size=”18″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][vc_raw_html]JTNDaWZyYW1lJTIwd2lkdGglM0QlMjIxMDAlMjUlMjIlMjBoZWlnaHQlM0QlMjIxMjAlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5taXhjbG91ZC5jb20lMkZ3aWRnZXQlMkZpZnJhbWUlMkYlM0ZmZWVkJTNEJTI1MkZIaWdoc25vYmlldHklMjUyRm1peHRhcGUtMS1naXJsc2dpcmxzZ2lybHMlMjUyRiUyNmFtcCUzQmhpZGVfY292ZXIlM0QxJTI2YW1wJTNCbGlnaHQlM0QxJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTNFJTNDJTJGaWZyYW1lJTNF[/vc_raw_html][/vc_column_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”Soundcloud” font_size=”18″ min_font_size=”18″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][wvc_audio_embed link=”https://soundcloud.com/nightcrawlermusic/sets/beware-of-the-humans”][vc_custom_heading text=”Bandcamp” font_size=”18″ min_font_size=”18″ text_align=”left” tag=”h3″ css_animation=”fadeIn”][vc_raw_html]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAwJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBoZWlnaHQlM0ElMjAxMjBweCUzQiUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGYmFuZGNhbXAuY29tJTJGRW1iZWRkZWRQbGF5ZXIlMkZhbGJ1bSUzRDE3NDM4MTIwNjMlMkZzaXplJTNEbGFyZ2UlMkZiZ2NvbCUzRGZmZmZmZiUyRmxpbmtjb2wlM0QwNjg3ZjUlMkZ0cmFja2xpc3QlM0RmYWxzZSUyRmFydHdvcmslM0RzbWFsbCUyRnRyYW5zcGFyZW50JTNEdHJ1ZSUyRiUyMiUyMHNlYW1sZXNzJTNFJTNDYSUyMGhyZWYlM0QlMjJodHRwJTNBJTJGJTJGbWVhdS5iYW5kY2FtcC5jb20lMkZhbGJ1bSUyRmdvb2Qta29wcC1iYWQta29wcCUyMiUzRUdvb2QlMjBLb3BwJTIwQmFkJTIwS29wcCUyMGJ5JTIwS29wcGVuJTNDJTJGYSUzRSUzQyUyRmlmcmFtZSUzRQ==[/vc_raw_html][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text]

and more…

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row equal_height=”” background_type=”image” background_color=”lightergrey” shift_y=”0″ z_index=”0″][vc_column][vc_row_inner][vc_column_inner][vc_custom_heading text=”Single Audio Player” font_size=”18″ min_font_size=”18″ css_animation=”fadeIn”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][wvc_audio preload=”auto” mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/10/2018/01/21151659_80s-dark-synthwave_by_warpmasters_preview.mp3″ image=”251″][/vc_column_inner][vc_column_inner width=”1/2″][wvc_audio preload=”auto” skin=”transparent” mp3=”https://demos.wolfthemes.com/zample/wp-content/uploads/sites/10/2018/01/20737340_synthwave-hero_by_tuneboy_preview.mp3″ image=”251″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]