Music Player for Elementor is a professionally designed audio player for WordPress. Promote your music and discography in a stylish way, with a dedicated 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 player with your eCommerce website, to promote and sell your music.
“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
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 player layout or add individual promo links for each song.
Music Player for Elementor is a professionally designed tool that will enhance the overall look of your website.
- Two Elementor player widgets
- Unlimited songs in your playlist
- Custom cover image for your 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 player design
- Custom color for the hover state
- Custom background color for controls bar
- Custom left/right distance for the controls bar
- Music player templates import
PRO VERSION AVAILABLE
- All free features
- Unlimited colors and custom fonts for layout elements: player title, featured text, tracks, active text color, purchase icons.
- Playback speed control for the compact audio player
- Autoplay when page loads
- 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, player controls)
- Option to remove the 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 player
- Option to add individual cover image for each song
- Premium player templates import
- Priority Email Support
- Install Music Player for Elementor like any other WordPress plugin. Please take a short look on the plugin installation tutorial.
- 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.
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.
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 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 player layout or add individual promo links for each song.
Contributors & Developers
“Music Player for Elementor – Audio Player & Podcast Player” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- add new styling option to compact player
- add dynamic tag option to album level controls
- small fix regarding music player template import
- handle play/pause for multiple players on the same page
- implement template importer functionality
- playback speed control for the compact audio player
- small fix regarding custom purchase link option
- 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
- 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
- small fixes regarding several Elementor control sections
- 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
- 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
- improve the player layout on small screens
- improve styling controls organization
- add new styling options for the controls bar
- Fix Font Awesome icons
- Load js action to Elementor init event
- Change the handle name for Font Awesome library to avoid loading it twice
- Small fix regarding the controls anchor elements
- Improve player compatibility with screen readers
- Fix regarding JS functionality
- Fix regarding audio upload control
- Initial Release