Widgets & Sidebars

Widgets »Audio Widget

The Audio Widget and Music Player Widgets allows you to add an audio player to the sidebar or footer of your site. You can add an audio player using any audio file that you’ve uploaded to your site.

Audio Widget Basics
Music Player Widget

Audio Widget Basics

Here’s an example of an audio widget:

The font and appearance of the title in widgets varies by theme, so yours will look different. This example is from the Sapor theme.

To add an audio widget:

  • Go to My Site(s) → Design Customize → Widgets.
  • Select the widget area you want.
  • Click the Add a Widget button:
text widget - adding
  • Search for the audio widget, then click on it to add it to the widget area:
  • Select Add Audio
  • In the next window that opens, select an audio file you’ve previously uploaded, or click and drag a new audio file to use.
  • If you want to link audio hosted elsewhere, select Insert from URL
Audio Widget - Click Add Audio
Click Add Audio

If you want to add a audio player using an audio file that’s hosted somewhere else, click on the Insert from URL option that appears, and you’ll be able to enter a link to the audio.

Audio Widget - Add Audio
Upload Audio, select audio already uploaded, or click Insert from URL to link to audio hosted elsewhere.

Note: Audio files must be .mp3, .m4a, .ogg, or .wav type. It is not possible to put an audio embed from another service, like SoundCloud, into an Audio Widget. Instead, you should use a Text Widget with a shortcode.

After you’ve uploaded or entered the link to your audio, click the Add to Widget button to put the audio in the Widget.

After you’ve added the audio to your audio widget, you’ll see a preview of the widget appear on your blog. You can also enter a Title in the widget options, which will appear above the audio:

When you’re satisfied, click Publish to add the widget to your site.

↑ Table of Contents ↑

Music Player Widget

If you have multiple songs that you would like to add to a widget, like a playlist, you can use the Music Player Widget instead. To do so, follow the steps above to add the widget, but search for the Music Player Widget:

After adding it to your widget area, select Choose songs to open your media library. You can select songs you’ve already uploaded, upload new ones, or choose Insert from URL to choose songs hosted elsewhere.

After adding songs, you’ll see a shortcode appear in the Music Player area. You can paste this shortcode anywhere to embed the music player elsewhere if you’d like, such as the body of a post or page.

You can then give your music player a title, then Publish the changes. Here’s what the widget looks like:

Not quite what you're looking for?

Get Help