Create A Custom CMS Audio Player In Webflow. No code!

Our app enables users to play audio files from your CMS collections. Customize your website's audio player to look however you want in Webflow - no more embedding widgets!

An audio player made just for Webflow

Potter ipsum wand elf parchment wingardium. It fire-whisky plums large seek. Hermione venom firs’ hall hat.
Newt you’ve owl peg-leg mewing candles cup. Thieves it wizard of a his pumpkin.

Full design control in the Webflow Designer

  • Customize your audio player to look however you want, including the play, pause, next, & previous buttons, and the progress bar
  • Add interactions ⚡

Play Audio From The Webflow CMS

  • Use CMS settings to filter CMS items with audio files into playlists, albums, audio books, & more
  • Paste Dropbox audio file URLs into the CMS

Step-by-step, 5 minute installation

First connect our app to the collection and field where you pasted your audio files. After designing your audio player in Webflow, paste the relevant Supersparks classes to different functions (eg. play button, song select, etc). Once you publish you should be all set 🎧!

Pagination
Delete Button
Custom Fields
Pagination
Delete Button
Custom Fields
Guest posting
Interactions
Reply Notifications
Progress Bar
Song Select
Timeline Select
Guest posting
Interactions
Reply Notifications
Public Profiles
Commenting
Upvoting

Potter ipsum wand elf parchment wingardium. It fire-whisky plums large seek. Hermione venom firs’ hall hat.
Newt you’ve owl peg-leg mewing candles cup. Thieves it wizard of a his pumpkin.

What our customers are saying

Claudia Nathan

Finding Supersparks was a huge win for us, such a simple and effective way to extend Webflow and boost our user engagement and UGC. It integrates seamlessly with our no code stack and once configured we haven't had to worry about it at all, it just runs in the background for us. Ian is one of the most hands-on founders and this product's features are not to be underestimated, they've already helped us massively in growing and engaging our community.

Supersparks has been an integral part of getting my startup online. The team has been so quick to respond/follow through, and are constantly improving Supersparks in ways their customers need.

Raymmar Tirado

Supersparks fills the gaps with Webflow when it comes to community / user generated content. It’s simple to implement, especially if you are familiar with Attributes, and opens up a whole new world of possibilities for Webflow websites.

We have loved using Supersparks for Caffeine. It's super easy to implement and the team is really responsive to any questions. Excited to have such an easy comments feature that we can roll out on future projects too.

Billy Howell

Supersparks is a great tool that I always recommend to clients. It saves hours of time in Webflow and the team is super responsive when we have questions.

Victoria Rudi

Less than 2 minutes … That’s how long it took me to add a comments section to my blog articles. It seemed surreal, especially considering the long hours I had previously spent trying to figure it out by myself. Supersparks is awesome, especially for those who don’t have extensive Webflow background.

Really nice addition to my Webflow website and great support by the team! Fast and reliable. Curious what the future will bring in terms of new features. I would highly recommend it :).

Potter ipsum wand elf parchment wingardium. It fire-whisky plums large seek. Hermione venom firs’ hall hat.
Newt you’ve owl peg-leg mewing candles cup. Thieves it wizard of a his pumpkin.

Powering user generated content for the Webflow community since 2023

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas massa massa id arcu blandit dignissim contum volutpat dolor fermentum, justo tempor.
1.000+
Happy users

We’ve helped over 4,000 amazing global companies.

1mio+
App loads per month

Our customers have reported an average of ~600% ROI.

5.000+
Comments & reviews posted

Our app has been downloaded over 10k times.

1.000+
Unique authors of content

We’re proud of our 5-star rating with over 200 reviews.

Other features

Enable a wide-range of extra functions & settings for your user generated content.

No items found.

Potter ipsum wand elf parchment wingardium. It fire-whisky plums large seek. Hermione venom firs’ hall hat.
Newt you’ve owl peg-leg mewing candles cup. Thieves it wizard of a his pumpkin.

Frequently asked questions

Do you offer a free trial?

This is some text inside of a div block.

Yes for 7 days. No credit card needed! Click here to learn more about our pricing.

On paid plans, what counts as a pageview?

This is some text inside of a div block.

A pageview is counted any time our audio playerapp is loaded. Pageviews will only be counted on pages with audio players.

What will happen if I exceed my monthly pageview limit

This is some text inside of a div block.

Audio will not be playable from the audio player once the monthly pageview limit is exceeded. Don't worry though, you will be automatically notified once you are nearing close to this limit. You can also track your pageviews in our account dashboard.

Do you have a free plan?

This is some text inside of a div block.

Yes, our app is free on .webflow.io staging domains. This free plan is intended to you the time you need to try out our app and test it out before publishing to a custom domain. To publish our app on a custom domain, a subscription to one of our paid plans is required. Click here to learn more about our pricing.

Why did you build the Webflow Audio Player app?

This is some text inside of a div block.

Webflow currently doesn't have an audio player element for audio content. While it's possible to embed 3rd party solutions, they lack the design and audio collection customizability that audio creators with Webflow sites desire.

Our app allows you to add an audio player to your Webflow site that can be customized in the designer and dynamically play audio links from the CMS. This app is ideal for podcaster and musician websites, as it allows you to create custom CMS collections and page templates dedicated to albums, podcast episodes, playlists, and more. In addition, you can customize the audio user experience to showcase the audio creator's unique brand, increase SEO visibility, and much more.

So we built a solution to help enable Webflow to play audio file links from the CMS in minutes. No coding required. You can customize the audio player design in Webflow to look exactly how you want and show any CMS content, such as album cover, artist name, and more.

Our player will only support links of audio files because it is not possible to upload audio files to Webflow's CMS. Fortunately, it takes seconds to convert and share your mp3, mp4, or wav files as links using tools like Google Drive, Dropbox, and more.

Add power ups to your Webflow site today!

7 day free trial. No credit card needed!

"AMAZING design freedom"
"Super easy to implement"
"Integral to getting my startup online"

Create A Custom CMS Audio Player In Webflow. No code!

Our app enables users to play audio files from your CMS collections. Customize your website's audio player to look however you want in Webflow - no more embedding widgets!

Supersparks icon
Webflow
CMS

Audio player for Webflow CMS

Add audio to CMS pages for podcast episodes or musician websites on Webflow.

Full Video

An audio player made just for Webflow

Webflow Blog Comments

Step-by-step, 5 minute installation

Song select functionality

Webflow Comment Manager
  • Use CMS settings to filter CMS items with audio files into playlists, albums, audio books, & more
  • Paste Dropbox audio file URLs into the CMS
Webflow Memberships Memberstack Commenting
  • Customize your audio player to look however you want, including the play, pause, next, & previous buttons, and the progress bar
  • Add interactions ⚡
Webflow Memberships Memberstack Commenting

Song select functionality

Webflow Comment Manager

Power-up your no-code tools today!

Build projects that would previously be unfathomable in Webflow!

A Webflow Audio Player With Massive Flexibility

Extensive Audio Player Functionality

Our audio player now supports 8 audio functions in Webflow, including: play, pause, progress bar, timeline select, next, previous, duration, and elapsed. And much more to come!

Step-by-step installation

Play Audio From The Webflow CMS

Paste your audio file URLs into a collection and use Webflow's CMS feature to enable a wide range of use cases. For example, you can organize songs into albums and playlists using CMS reference fields. Or create individual pages for podcast episodes!

Full Design Control In Webflow

Customize the audio player to look exactly how you want in the Webflow designer. It even works with interactions! Instead of embedding a 3rd party audio player with limited design options, you can create your own groovy audio player that stands out & matches your brand.

Audio file select

2 minute, no-code installation

Watch our tutorial 👇

Watch our tutorial 👉

In case you get stuck, there is a tutorial for each step of the installation. Or if you prefer an end-to-end walkthrough, check out the following video.

Watch our demo 👇

Watch our demo  👉

To learn more about our app and see it in action on a live Webflow site, be sure to check out our demo

Simple, transparent pricing

Free on .webflow.io domains forever. 20% off on annual plans.

Basic

$5
per month
Up to 2k pageviews per month
Unlimited websites
Publish to custom domains

Pro

$15
per month
Up to 20k pageviews per month
Unlimited websites
Publish to custom domains

Premium

$39
per month
Up to 100k pageviews per month
Unlimited websites
Publish to custom domains

Supreme

$79
per month
Up to 500k pageviews / month
Unlimited websites
Publish to custom domains

Just This App

Add to an unlimited number of Webflow sites for unlimited usage.

Bulk update an unlimited number of records per month.

$
/mo
Get started

What our customers are saying!

We have loved using Supersparks for Caffeine. It's super easy to implement and the team is really responsive to any questions. Excited to have such an easy comments feature that we can roll out on future projects too.

Victoria Rudi
SaaS Minds

Less than 2 minutes … That’s how long it took me to add a comments section to my blog articles. It seemed surreal, especially considering the long hours I had previously spent trying to figure it out by myself. Supersparks is awesome, especially for those who don’t have extensive Webflow background.

Really nice addition to my Webflow website and great support by the team! Fast and reliable. Curious what the future will bring in terms of new features. I would highly recommend it :).

Supersparks has been an integral part of getting my startup online. The team has been so quick to respond/follow through, and are constantly improving Supersparks in ways their customers need.

Frequently Asked Questions

Do you offer a free trial?

On paid plans, what counts as a pageview?

What will happen if I exceed my monthly pageview limit

Do you have a free plan?

Why did you build the Webflow Audio Player app?

All of our apps are free to try.

Check out our other apps for Webflow

0 Responses
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
or register to comment as a member.
John Smith
7 Seconds Ago

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Reply
--
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
or register to comment as a member.
John Smith
7 Seconds Ago

Lorem ipsum dolor sit amet

Reply
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
or register to comment as a member.
Load more comments