Audio Player widget for Webflow website

Embed a music player on your Webflow 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 Webflow website

Create your Audio Player widget

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

Screenshots

Audio Player widget for Webflow website
1 / 6

Embed Audio Player into Webflow with an Elfsight widget

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

Embedding this simple tool, you’ll be able to create a playlist that your audience won’t miss for sure! Upload an unlimited number of tracks by URL or directly from your device, loop and shuffle your audio content, enable the autoplay option to make an acquaintance with your website exciting and place the music player anywhere you want.

Boost your visitors’ browsing experience by making an individual playlist and setting the mood of the audience

These are only several of the wide widget features:

  • Playback of any audio content. The audio widget by Elfsight enables you to add various tracks in any common format for such content.
  • Maintenance of multiple sources. You can provide your tracks by URL or upload them directly from the device or cloud services.
  • Loop and shuffle tracks. Users can customize the playback for themselves: mix the tracks on the playlist or loop any of them.
  • Show player and playlist details. Demonstrate your switchable playlist and display any information about it and tracks on the list.
  • Enable autoplay option. Turn on the autoplay option to let customers hear the music as soon as they open your website.

The online editor can show you how the features and settings function right on this page

How to embed Audio Player into my Webflow website?

Find this straightforward guide to set up the widget on your Webflow website. It is only going to take a couple of minutes and requires no coding.

  1. Build your custom Audio Player widget
    Begin with any template in the editor, work with the convenient elements of the editor, and adjust the widget to your preferred style and settings.
  2. Get the personal code to embed the widget
    As soon as you finish building your widget, you’ll receive an individual HTML code in your dashboard. Copy the which contains all the details concerning your settings.
  3. Display the widget on your Webflow website
    Define the sections of your website where you wish to display the Audio Player, and paste the code there. Save the changes.

That’s it! Now, check how the widget is performing on your website.

In case you face any issues when you embed the widget into your website, simply contact our customer support. We will be glad to show you how to add and adjust your player.

Does the Audio Player work on Webflow CMS and static pages?

The player can be used on both static pages and CMS templates in Webflow, so it can appear across collections or single pages.

Which audio sources can I use with the Audio Player in Webflow?

You can add uploaded audio files, direct audio URLs, or tracks from platforms like YouTube and SoundCloud to your Webflow player.

What audio file formats are supported by the Music Player widget?

The widget supports common formats such as MP3, AAC, WAV, OGG, M4A, and other browser-friendly audio types.

Can I replace a track without rebuilding my playlist?

Yes, you can replace an audio file for an existing track while keeping its position, title, and settings unchanged in the playlist.

Does the Audio Player auto-fill track details?

When tracks are added via links or YouTube, titles, artists, and cover art load automatically. Uploaded files should be edited manually.

Can I hide controls or track info in the Webflow player?

Elfsight allows you to hide controls or metadata, helping you create a clean, minimal audio player design.

Does autoplay work for the Audio Player on Webflow websites?

Autoplay can be enabled, but browsers still require user interaction before sound plays, so visitors must click play first.

Can I add download or buy buttons to audio tracks?

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

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform solution that works on any site
from $0 / month
start with free plan
Unlimited domains
Professional support
Charge-free installation support
Special offer for multiple apps
100% customizable