Music Player for Elementor – Audio Player & Podcast Player

Description

Music Player for Elementor is a professionally designed audio player for WordPress. Promote your music and discography in a stylish way, with a dedicated audio player Elementor widget that is very flexible and easy to use. The audio player WordPress plugin is perfect for musicians, music bands, music stores, artists, record labels, recording studios, DJs, podcasters, digital product stores and anyone working in the music industry. You can also integrate the Elementor music player with your eCommerce website, to promote and sell your music.

★★★★★
absolutely PERFECT

“This is amazing for new artists or those who are self-hosting audio samples. The UI for the widget is awesome and intuitive, and the output is clean and device friendly.” by – James Revillini

★★★★★
Good quality plugin

“Been looking for a simple widget for adding music on an Elementor page and this is bringing more functionality than I was expecting. Well developed and working great. Thanks!” by – Dan-Claudiu G.

★★★★★
Best player plugin

“After using other plugins, it was a relief when I found Music Player. Easy to setup and it does exactly what I need. Thanks!” by – dickscholten

EASY-TO-USE MUSIC PLAYER

No initial configuration is needed to use the audio player. Install the plugin, edit any page in Elementor and drag the music player widget anywhere on your page. Using our Elementor music player, you can add songs to your playlist or remove existing songs from your playlist, customize the audio player images, connect with WooCommerce by adding purchase links for your entire album or for individual songs, change the audio player layout or add individual promo links for each song.

PROFESSIONAL DESIGN

Music Player for Elementor is a professionally designed Elementor audio player widget that will enhance the overall look of your website. This customizable MP3 music player offers a sleek, modern design that enhances both the functionality and visual appeal of your site. Whether you’re showcasing music tracks, podcasts, or playlists, this HTML5 audio player provides style and seamless performance. With extensive design options, you can easily tailor every element to suit your brand, making it the perfect audio player for Elementor.

FEATURES (FREE)

  • Two Elementor audio player widgets
  • Unlimited songs in your playlist
  • Custom cover image for your music player
  • Custom background image for the playlist area
  • Option to set up the album title, promo text, album promo message and link to external music stores
  • YouTube and SoundCloud custom link for each song in the playlist
  • Option to add custom purchase link for each song
  • Two different position for the controls bar (top and bottom)
  • Option to hide album details and show only the playlist
  • Control playlist paddings (responsive controls)
  • Custom vibrant color applied to the entire audio player design
  • Custom color for the hover state
  • Custom background color for controls bar
  • Custom left/right distance for the controls bar
  • Dynamic tag compatibility with Elementor and Advanced Custom Fields (ACF) / Secure Custom Fields (SCF) – automatically load audio URL from custom meta
  • Music player templates import

PRO VERSION AVAILABLE

  • All free features
  • Unlimited colors and custom fonts for layout elements: music player title, featured text, tracks, active text color, purchase icons.
  • Playback speed control for the Elementor compact audio player widget
  • Autoplay when page loads (the autoplay functionality depends on the browser autoplay policy)
  • Shuffle and repeat buttons
  • WooCommerce integration: add to cart option for each song
  • Link each song to popular streaming platforms: Spotify, Amazon Music, Apple Music, YouTube Music and Beatport.
  • Set a modern gradient background for layout elements (buttons, audio player controls)
  • Option to remove the music player left cover
  • Option to change the album cover aspect ratio (square/portrait)
  • Add color overlays for left and right covers, to improve text readability
  • Custom field for album description
  • New layout style to promote your album description
  • Option to move the controls bar to the bottom of the audio player
  • Option to add individual cover image for each song
  • Premium audio player templates import
  • Embed music player using shortcode
  • Compact audio player option to trigger the mobile view in tablet mode
  • Priority Email Support

Screenshots

  • Built for Elementor
  • Flexible playlist
  • Unlimited colors
  • Flexible layouts
  • Compact Player – Podcaster Player Elementor Widget
  • Mobile View – Elementor Podcast Player

Installation

  1. Install Music Player for Elementor like any other WordPress plugin. Please take a short look on the plugin installation tutorial.
  2. After installing and activating the plugin, you can simply use the music player widget in Elementor. There, you can add your own mp3/audio files, customize the player images, colors and layout. All you have to do is to add the audio player anywhere on your page.

FAQ

What is it?

Music Player for Elementor is a professionally designed and flexible audio player Elementor widget, perfect for musicians, artists, record labels, recording studios, DJs, podcasters, digital product stores and anyone working in the music industry.

Does the audio player work in all major browsers?

Yes! Music Player for Elementor uses the HTML5 audio tag, so it works smoothly across all major browsers with no known compatibility issues.

Do I need a special configuration?

Just make sure you have the free version of Elementor page builder plugin installed and active. No other configuration is needed to use the Elementor audio player.

How do I add the music player to my pages?

Edit any page, post or custom post type in Elementor page builder, search for “Music Player” in the widgets list and drag the music player Elementor widget anywhere on your page. You can add or remove songs to your playlist, customize the audio player images, add purchase links for your album, change the audio player layout or add individual promo links for each song.

Can I add the music player using shortcode?

Yes, you can save the player as Elementor template and insert the template anywhere in the content area using the shortcode visible on Elementor saved templates page.

Is the Music Player for Elementor responsive and mobile-friendly?

Yes, absolutely! The Music Player for Elementor is fully responsive and mobile-friendly, ensuring that your audio player looks and works perfectly on all devices. Whether your visitors are using desktops, tablets, or smartphones, the player automatically adjusts to fit any screen size without compromising on design or functionality. You can confidently integrate this customizable MP3 player into your site, knowing it will deliver a seamless user experience across all platforms.

Can I sell music through the audio player?

Yes, the Elementor Music Player offers in the Pro version an advanced feature that allows you to link each song in the player directly with the WooCommerce product ID, making it easy to sell music directly through the mp3 player. Visitors can listen to a preview of the track and, with just a click, add the song to their WooCommerce shopping cart for purchase.

Does it work with any WordPress theme?

Yes, both Elementor audio player widgets work with any WordPress theme, whether you are using a dedicated music WordPress theme or a generic WordPress theme.

Reviews

December 7, 2024 4 replies
the fifth star when you can connect links (spotify, amazon, apple…) and not only mp3s on player I take it all back, excellent developers, I purchased both the templates and the player and I’m very satisfied, excellent developers and exceptional people!
November 8, 2024 1 reply
I am using the free version and I really like it. Simple to use and looking good!
November 4, 2024 1 reply
Very satisfied with this practical and functional plugin with a beautiful visual presentation. Responsive and efficient support.
Read all 92 reviews

Contributors & Developers

“Music Player for Elementor – Audio Player & Podcast Player” is open source software. The following people have contributed to this plugin.

Contributors

“Music Player for Elementor – Audio Player & Podcast Player” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Music Player for Elementor – Audio Player & Podcast Player” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.4.3

  • improve audio player compatibility with Advanced Custom Fields (ACF) / Secure Custom Fields (SCF) and Elementor dynamic tags

2.4.2

  • software update

2.4.1

  • software update

2.4

  • fix regarding audio player repeat functionality
  • software update

2.3.1

  • fix regarding the compact audio player playlist line height for the song name

2.3

  • add new playback speed option to the music player
  • software update

2.2

  • software update
  • jQuery compatibility fix
  • text domain fix
  • fix missing translations
  • improve shuffle functionality for the audio player
  • fix time slider position in the music player

2.1

  • fix the dynamic tags feature for the audio chooser control
  • fix the volume icon visibility on mobile view of the music player
  • add new option to implement the way that progress bar reacts to clicks when the audio player is used on a RTL layout

2.0

  • fix progress bar width in the compact audio player
  • make volume control consistent for the entire music player
  • reset track current time when forward or backward buttons pressed

1.9

  • fix double slashes when loading resources
  • new compact player option to trigger the responsive view in tablet mode

1.8

  • fix regarding volume icon on compact player
  • new option to stop the player after the current playing song ends
  • new premium option to insert the player via Elementor template shortcode

1.7

  • Elementor compatibility changes
  • add new option to enable/disable album name in the compact player playlist title
  • add dynamic attribute for the audio chooser control

1.6

  • add album name to the compact audio player playlist
  • add volume control to the compact music player
  • update Freemius SDK

1.5.9.9

  • update Freemius SDK

1.5.9.8

  • security update

1.5.9.7

  • small fix regarding the purchase icons on compact audio player

1.5.9.6

  • fix regarding song names typography
  • new classic music player option to adjust paddings for the song names
  • new playlist option to make the purchase icons always visible

1.5.9.5

  • small fix regarding Elementor API

1.5.9.4

  • small fix regarding playlist height in mobile view
  • enable song download when using the custom purchase link option (compact and album player)
  • compact audio player fix regarding the promo links position
  • compact audio player fix regarding playlist
  • add description field for each track in the playlist (compact audio player)

1.5.9.3

  • add new styling option to the compact audio player

1.5.9.2

  • add dynamic tag option to the album level controls

1.5.9.1

  • small fix regarding the music player template import

1.5.9

  • handle play/pause for multiple players on the same page

1.5.8

  • implement template importer functionality
  • playback speed control for the compact audio player

1.5.7

  • small fix regarding custom purchase link option

1.5.6

  • small fix regarding the compact player
  • new option to add promo icon links to the compact player
  • new option for the music player to add individual cover image for each song

1.5.5

  • small fix regarding the playlist display in mobile view
  • new option for the compact player to set the playlist top distance
  • new option for the music player regarding song purchase icons position on mobile
  • security fix

1.5.4

  • small fixes regarding several Elementor control sections

1.5.3

  • small fixes regarding admin area
  • add new option for the purchase icons in mobile view
  • fix icon color for WooCommerce purchase link
  • adding a new Elementor widget that implements a new audio player, in a compact layout, dedicated to podcasters

1.5.2

  • fix playlist overlapping controls in mobile view
  • small layout change in mobile view
  • new option regarding autoplay functionality
  • new color option for shuffle/repeat buttons active state

1.5.1

  • improve the player layout on small screens
  • improve styling controls organization
  • add new styling options for the controls bar

1.5

  • Fix Font Awesome icons
  • Load js action to Elementor init event

1.4

  • Change the handle name for Font Awesome library to avoid loading it twice
  • Small fix regarding the controls anchor elements

1.3

  • Improve player compatibility with screen readers

1.2

  • Fix regarding JS functionality

1.1

  • Fix regarding audio upload control

1.0

  • Initial Release