Audio widgets: the simplest way to add sound to a site
An audio widget is a drop-in player you embed with one snippet. Here's what it is, when to use one, and how to add it anywhere.
An audio widget is a self-contained player you can drop onto any page with a single snippet. No media library, no plugin per platform — just paste and publish.
What makes it a "widget"
The defining trait is portability: the whole player (UI, playback, and any visualizer) loads from one script tag and renders itself. That's what lets the same widget audio work on WordPress, Webflow, Ghost, Squarespace, Shopify, or a hand-built HTML page.
<script src="https://butter-reader.web.app/widget/AudioPlayerWidget.bundle.js"
data-player-id="YOUR_PLAYER_ID"></script>
When to use one
- A listen button on blog posts (a blog reader).
- A music or episode player on a landing page.
- A narration player paired with text to speech.
What to look for
A solid audio widget is lightweight, on-brand, and flexible enough to either generate audio from text or play a file you upload. It should also detect content automatically when used as a blog reader — see the docs for how that works across platforms.
Add one now
Create a player, copy the snippet, paste it where you want sound. That's the whole job.
Make your own posts listenable
Turn this kind of article into audio in minutes — free to start.
Try ButterReader →