Welcome, Hunter! 👋 Enjoy 50% OFF annual plans with code PRODUCTHUNT — limited time ⏳
50% OFF annual plans — code PRODUCTHUNT

Audio Player widget for Elementor website

Embed a music player on your Elementor website that lets visitors explore your music, enjoy continuous playback, and save the tracks they love.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Audio Player widget for Elementor website

Create your Audio Player widget

Configure your Audio Player and add it to your Elementor website for free!

Screenshots

Audio Player widget for Elementor website
1 / 6

Embed Audio Player into Elementor with an Elfsight widget

Elfsight Audio Player widget functions for playback of any type of audio content. Share your favorite or the freshest releases, form a music library, present your audioshows, teach your audience with audio lectures and articles.

Embedding this uncomplicated solution, you’ll be able to form a playlist which your audience won’t miss for sure! Upload an unlimited number of tracks by URL or simply from your device, loop and shuffle your audio files, enable the autoplay function to make browsing your website exciting and place the music player anywhere across the website.

Boost your customers’ browsing experience by building an individual music list and setting the mood of everyone

Here are key features of the widget:

  • Playback of any audio content. The music widget by Elfsight allows you to add various tracks in any popular format for audio content.
  • Maintenance of many sources. You can embed your tracks by link or upload them directly from the device or cloud services.
  • Loop and shuffle tracks. Users can customize the playback for themselves: shuffle the tracks on the playlist or loop one of them.
  • Share player and playlist info. Show your switchable playlist and display any information about it and tracks on the list.
  • Enable autoplay option. Turn on the autoplay option to let visitors hear the music just as they open the website.

You can explore all adjustments of our widget in the editor straight on this page

How do I embed Audio Player into my Elementor website?

Look at this straightforward way to have the widget on your Elementor website. It is only going to take a couple of minutes and doesn’t require any coding.

  1. Create your custom Audio Player widget
    Start with any template in the editor, work with the convenient elements of the editor, and adjust the widget to your desired style and settings.
  2. Get the personal code to embed the widget
    Once you’ve built the widget, you’ll get an individual HTML code in your dashboard. Copy this code which contains all the details about your adjustments.
  3. Showcase the widget on your Elementor website
    Choose the sections of your website where you wish to display the Audio Player, and paste the code there. Save your changes.

That’s all! Now, see how the widget is performing on your website.

In case you experience any inconveniences as you embed the widget into a website, feel free to contact our customer service. We will be glad to guide you through adding and adjusting your player.

Is the Audio Player widget compatible with Elementor layouts?

The audio widget integrates smoothly with Elementor sections, columns, and templates, adapting automatically to responsive designs.

Do I need Elementor Pro to use the Audio Player?

You can add the widget using Elementor Free while some advanced display and layout options may require Elementor Pro.

Which audio sources can I use with the Music Player widget?

You can upload audio files, insert direct track URLs, or add content from platforms like YouTube and SoundCloud.

What audio formats are supported by the Elementor music widget?

The player works with popular formats such as MP3, AAC, WAV, OGG, M4A, and other standard types supported by modern browsers.

Can I replace a track without rebuilding the playlist?

Yes, in the Elfsight editor you can swap an audio file while keeping its position, title, and other playlist settings intact.

Does the Audio Player auto-fill track title and cover art?

When adding tracks via links or YouTube, metadata can load automatically. Uploaded files require manual entry of details.

Can I hide controls or track information in the player?

The widget settings allow you to disable selected buttons or track details, helping you create a clean and minimal layout.

Does autoplay work on Elementor pages?

Autoplay can be enabled, but browsers require user interaction before playing audio, so visitors must still press play.

Can I add download or buy buttons to audio tracks?

Yes, with Elfsight, you can enable a download option or add a custom action button like “Buy” linking to any URL with your chosen icon.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform version that works on any site
from $0 / month
start with free plan
Unlimited websites
Premium company support and well documented
Free installation assistance
Special deal for multiple apps
Editable content