Diversify content on your website by means of
Responsive Easy-to-use Coding-free  

Audio Player
widget for website

 Audio Player<br> widget for website

Why do I need Elfsight Audio Player?

Better user experience. Higher engagement

Make profit off your music

Promote your new releases and increase awareness

Set the mood of your audience

Deliver the message you want to broadcast to your users faster

Diversify the user experience of your visitors

Provide your audience with one more engaging tool which will capture users’ attention
0%
websites support
0+
hours of development invested
1 min
to start using the widget
0%
customer satisfaction rate

Join 1,078,753 customers already using Elfsight Apps

You can start with creating your first Elfsight Music Player widget for free.

What makes Elfsight Audio widget special?

All types of audio content on your website
CASES
All types of audio content on your website
Elfsight Music widget suits for playback of all types of audio content. Share your favorite or the freshest releases, form an audio library, present your audioshows, educate your audience with audio lectures and articles. The widget supports numerous sources like SoundCloud, YouTube, Vimeo, Vista, Amazon, Google Drive and many more. Files can be uploaded by URL or directly from your device.   
PLAYER
An accessible music player right on your homepage
Using this uncomplicated tool, you’ll be able to create a playlist which your audience definitely won’t miss! Add an unlimited number of tracks by URL or directly from your device, loop and shuffle your audio files, enable the autoplay option to make an acquaintance with your web page notable and place the player anywhere you like. Choose the most appropriate layout to find the best position of the widget. And there’s also a possibility to show or hide playlists for greater audience convenience.   
An accessible music player right on your homepage
Add marketing options to your website player
MARKETING
Add marketing options to your website player
Broaden your website music player operability with our Audio widget marketing solutions. Give your audience the option to download audio tracks first-hand from your website, if you spread the content yourself. You can also direct people to a specific purchase page at any online marketplace where you distribute your audio content, to make the buying process faster and smoother. Add several buttons with marketplace icons to your website player, to let your visitors pick the one they are used to get their music from.  
STYLE
Make your music player noticeable or neat
We offer different design options which will help you make your player remarkable and informative. Add author’s name, title and progress bar or switch them off to build a minimalistic player. You may also recolor its elements to make it harmonize with overall website's design. And of course, dark color scheme is there to help you make stylish addition to your web page in a click.   
Make your music player noticeable or neat
Usage examples
See a selection of real examples to explore the full potential of Audio Player for your website.
See in action
Live demo
Try all the features of Music Player widget in live demo now. No fees. No registration. No coding.
Try now

Why Elfsight widget of all others?

We will equip you with wide variety of features to choose from. Latest updates are always within reach to make your web page performance unbelievable. And if it happens that you experience some questions our support personnel is always here to help.
Handy live editor
Interactive handy dashboard
No more urgency in looking for a qualified developer or coding. Utilize our live editor which guaranties painless plugin integration.
Professional Elfsight team
Qualified Elfsight team
Your trouble-free experience is provided by our qualified people. We will stay in regular contact to assist you with embedding plugins on your website.
Marvelous Elfsight Apps service
Great Elfsight Apps service
You will regularly get the latest stable release. Cloud solutions will provide urgent bug fixes and great loading speed.

What our customers say ❤️

Mathias Gwadanican
Mathias Gwadanican
Partner, Sinouvé SCOP
Easy to add apps that perform as promised. Had an inquiry and the support team reply was remarkably fast and scrupulous. What a refreshing surprise!
Mark Harper
Mark Harper
Brand strategist
Elfsight Audio Player widget is excellent and easy to understand interface. Super customizable and integration is effortless. I came across a glitch that I couldn't regulate, and customer service was exceptionally friendly and helpful.
Theodoros Kakoulidis
Theodoros Kakoulidis
CEO, PureProductsTrade
Stunning customer support - they response quickly than any other support staff I've ever came across. The tool is a breeze easy to add, has impressive options, and looks wonderful. Would surely recommend this tool.
Michael Smith
Michael Smith
Entrepreneur
I had obstacles with their Music Player widget on my website so I addressed help team. They got to me with a solution that rebuild it. Wonderful plugin and quick support!
Brian Colin
Brian Colin
Creator
Amazing design, easy to use. I am so pleased I chose Elfsight. I admire how uncomplicated yet powerful their programs are to embed and well the work
Tom Michaelson
Tom Michaelson
Entrepreneur
Great 3rd party app. Stunning service in addition. Recommend to anyone trying to find a great way to improve the functionality of their web page.

Try Audio Player widget demo

You can customize the music widget in a couple of clicks and add it to your website right from the demo.

Frequently Asked Questions

How to add Audio Player widget to my website?

To add the music plugin, use the steps from the simple guide below:

  1. Launch Elfsight editor and start creating your custom-built tool.
  2. Modify the widget functional traits and save the needed.
  3. Receive your unique code appearing in the notification.
  4. Paste the unique code on your website and press “Save“ button.
  5. You’ve added an Elfsight tool on your website.

Stumbled upon any problems during the setup or the customization process? Contact our support team and we will be happy to help.

Also, you can find detailed installation guides here.
What formats are supported by your Music Player?
File types supported by Elfsight widget include mp3, mp4, ogv, webm, HLS (m3u8), DASH (mpd).
Can I enable continuously automatic playback of the tracks?
Sure! There’s an autoplay option that can be activated in the Player section of the editor. All you have to do is click on the button and automatic playback of the tracks will start immediately.
Can I add the Music Player widget to the HTML website?
Of course, you are free to add the Web Audio Player widget to any website that uses HTML code. To do it, launch our free demo or configurator and start creating your custom-built widget. Choose the custom look and specifications of the tool and apply the modifications. As soon as the configuration of your HTML widget is over, copy the individual code from the appearing window and save it for later usage. Implement the code you've saved recently in your HTML homepage and apply the modifications. Visit your site to observe how the widget performs. In case you need more detailed guidelines, open this page. On the condition of confronting inquiries or clashing with some problems, don't hesitate to appeal to our support staff. Our people will be excited to resolve all the questions you might have with the plugin.
Is there a way to add the web Audio Player widget to my iFrame website?
Of course! To get it done, make use of our free configurator and start building your customized iFrame Music Player. Find the selected form and specifications of the iFrame widget and save the edits. After the setting up of your tool is complete, copy the personal code from the emerged box and keep it for further usage. Embed the code you've copied before in your website and apply the corrections. Visit your website to view how the widget is running. And here you can find a detailed installation guide in case you need one. If you experience some complications, feel free to address our customer service team. Our consultants will be delighted to resolve all the questions you may have with the widget.
How do I add a Music Player widget to the Webflow website?
Make use of our free demo and start building your customized Webflow web audio player. Choose the custom layout and characteristics of the Webflow widget and apply the corrections. When the customization of your personal plugin is complete, copy the exclusive code at the appeared box and keep it for further need. Paste the code you've copied before in your website and save the modifications. Go to your Webflow website to observe how the widget performs. And if you need a more detailed guide, check this page. If you encounter any complications, feel free to get in touch with our support staff. Our specialists are eager to help you with all the issues you may have with the tool.
How do I add the Music Player app to the Shopify website?
Employ our free demo and start forming your web audio player widget for Shopify site. Specify the suitable look and functional traits of the Shopify app and apply the edits. After the creation of your tool is finished, copy the exclusive code in the appeared window and keep it for future use. Implement the code you've copied before into your website and apply the improvements. Go to your web page to review how the widget operates. And this page you can find a more detailed guide in case you missed anything. On condition of experiencing questions or running into some difficulties, feel free to get in touch with our support staff. Our consultants are eager to help you with all the questions you may have with the tool.
How do I embed Music Player widget to WooCommerce website?
Make use of our free editor and start shaping your custom-made WooCommerce web audio player. Determine the selected layout and parameters of the tool and save the modifications. When the creation of your Woocommerce widget for the website is done, copy the personal code from the appearing popup and save it for future use. Enter the code copied before in your website and apply the improvements. Go to your website to check the functioning of the tool. On this page you can observe some more detailed guides about the widget. In case you encounter any problems, do not be afraid to contact our support staff. Our consultants are longing to help you with all the difficulties you might have with the tool.
Is there a way to integrate Music Player to Squarespace site?
Of course! Manage our free configurator and start creating your custom-made web audio player for Squarespace. Find the preferable design and options of your Squarespace widget and save the modifications. As soon as the creation of your widget is over, copy the exclusive code in the emerged box and save it for further use. Add the code saved before in your Squarespace homepage and apply the improvements. Go to your web page to see in action the work of the widget. And if you need a more detailed guide, please, check this page. In case you have some problems, feel free to reach out to our customer service staff. Our consultants will be excited to resolve all the questions you may have with the plugin.
Can I embed the Music Player widget to my Wix website?
Yes. Simply manage our free demo and start creating your own web audio player for Wix website. Determine the desirable form and specifications of the Wix widget and apply the corrections. As soon as the establishing of your plugin is done, copy the exclusive code from the appeared window and keep it for further use. Place the code you've saved before into your web page and save the improvements. Go to your website to check how the widget is running. And don’t forget to check this page in order to find some additional info on the widget’s functioning. Supposing you challenge some obstacles, please write to our customer service team. Our specialists will be delighted to help you with all the questions you might have with the plugin.
How do I add a Music Player plugin to WordPress website?
Manage our free demo and start forming your customized web audio player for your WordPress site. Find the preferable form and functionality of the plugin for your WordPress site and apply the modifications. After the setting up of your personal WordPress plugin is finished, copy the personal code from the emerged popup and keep it for further usage. Add the code you've copied before in your WordPress homepage and apply the corrections. Visit your web page to observe how the tool is running. Also, you can find some additional info about the widget’s work on this page. In case you encounter some difficulties, feel free to appeal to our customer service team. Our people will be happy to resolve all the difficulties you might have with the widget.

Join 1,078,753 customers already using Elfsight Apps

Get the taste of 80+ powerful apps by Elfsight. No credit card. Joining is free!
Get started
Get 20% discount now!