Embedding content, Media, Shortcodes, Widgets & Sidebars

Audio

You can share audio (like a piece of music, podcast, or other sound files) on your WordPress.com site in a variety of ways.

Table of Contents

Add an Audio Player to Posts and Pages

The simplest method is to upload the audio to your page or post using the Audio block. This is available on any paid WordPress.com plan. Here’s how it looks:

An example of an Audio block

To add an Audio block, click the + block inserter icon and select the Audio block. You can then upload .mp3, .m4a, .ogg, or .wav files using the block. Here’s a more detailed guide on how to use this block.


↑ Table of Contents ↑

Podcasting

You can publish podcasts on your WordPress.com site and make them available for listeners in Apple Podcasts, Google Play, and through direct feed links for other podcasting apps. See our podcasting guide.

You can also embed a podcast episode or feed from another source using the Podcast Player block. Here’s an example:

Episode 26: Jack Dorsey and Matt Mullenweg on Remote Collaboration, Finding Serendipity, and the Art of Deliberate Work Distributed.blog

Join us for the latest episode of Distributed, as Matt Mullenweg interviews Jack Dorsey, co-founder and CEO of Twitter and Square. They discuss how both companies have embraced remote collaboration, the underrated value of deliberate work, and how questioning preconceived models from the get-go can change everything. More Subscribe to Distributed at Apple Podcasts, Spotify, RSS, or wherever you like to listen.
  1. Episode 26: Jack Dorsey and Matt Mullenweg on Remote Collaboration, Finding Serendipity, and the Art of Deliberate Work
  2. Episode 25: Davit Baghdasaryan on the Science of Sound in a Distributed Work World
  3. Episode 23: Lara Hogan on the Secret to Being a Successful Manager
  4. Episode 22: Raj Choudhury Sees a Future Where You Don’t Have to Move Your Family for a Job

↑ Table of Contents ↑

Embed from Spotify

Embed songs, playlists, podcasts, and more from the popular streaming service Spotify. Here’s an example:

Read our Spotify guide for more.


Embed from SoundCloud, Audiomack, 8tracks, Mixcloud, and Bandcamp

You can embed audio with the SoundCloud Audio Player. This will produce the following player:

Similar integrations are available for Audiomack, 8tracks, Mixcloud, and Bandcamp.


↑ Table of Contents ↑

Audio Widget

You can add an audio player as an Audio Widget onto the sidebar or footer of your site, using either an audio file you’ve uploaded to your site or an audio file from a link. For more details, see our Audio Widget guide.


↑ Table of Contents ↑

Audio Playlists (Widget Only)

The Music Player widget is available to sites with a paid WordPress.com plan to add an audio playlist to the sidebar or footer of your site.

  1. From My Site(s) → Design → Customize → Widgets, add the Music Player widget into a widget area.
  2. Click Choose songs to upload your audio files.

You can use the shortcode created in the Music Player box to embed the playlist on any post, page, or widget area. Just copy the shortcode and paste it wherever you want the player to appear.


Dark Styling & Customizing the Playlist Audio Player

You can toggle between the dark and the light color schemes by adding style="dark" to your shortcode (which is generated with the playlist editor, above).  For example:

[playlist ids="123,121,119,117,115,113,111,109" style="dark"]

For additional customization of your Audio Player, you can use Custom CSS to make your playlist look the way you want with CSS.


↑ Table of Contents ↑

Create a download link to a file hosted elsewhere. This will require your readers to save and play the sound file on their own computers. If you are uploading or linking to a file hosted elsewhere, please be sure to respect the wishes of the copyright holder.


↑ Table of Contents ↑

Add an Audio Player Using the Classic Editor

Note: The instructions from this guide are referring to the Classic Editor. If you are using the WordPress block editor, please see this guide.

Create a new post or page or edit a current one, and click the Add Media button.

Next, you will see your Media Library. Select the audio file you want to upload from your files, or click Upload Files to add a file from your device.

The Attachment Details area on the right will allow you to edit the title, artist, caption, and description. When these settings are to your liking, insert it into your page or post using the button in the lower right corner of the window.

The audio upload will show in the post editor as a shortcode. On your site, it will appear as a playable audio embed.


↑ Table of Contents ↑

Audio Shortcode

Use the audio shortcode for a different style of audio player with some customizable options.

Below is an example of what the player would look like using a shortcode:


The shortcode used for the above player is:

[audio src="http://en-support.files.wordpress.com/2014/10/istock_audio.wav"][/audio]

To loop your track or playlist, add loop=yes to your shortcode like this:

[audio http://en-support.files.wordpress.com/2014/10/istock_audio.wav loop=yes]

To automatically start playing your track when the page is visited, add autoplay=1 like so:

[audio src=http://en-support.files.wordpress.com/2014/10/istock_audio.wav autoplay=1]

To add both autoplay and loop, your shortcode would look like this:

[audio src=http://en-support.files.wordpress.com/2014/10/istock_audio.wav autoplay=1 loop=yes]

Note: Autoplay is no longer supported on Google Chrome due to their recent policy changes. You can read more about that here.

If your current browser does not support HTML5 audio for your uploaded format, or Flash Player is not installed, a direct download link will be displayed instead of the player.

To get the latest information on browser support for HTML5 audio, visit the feature page on Can I use. From there, click on the Sub-Features tab for information on specific formats.


↑ Table of Contents ↑

Frequently Asked Questions

How can I edit the artist and album details of the songs?

You can edit the names of your songs in the WP Admin Media Library only. You can get to this dashboard by adding /wp-admin to the end of your site’s url (e.g.: example.wordpress.com/wp-admin).

Can I add a playlist that plays just the first 30 seconds of each song?

We don’t currently have this functionality built in. The player will play the complete song.

I get a blank screen when I try to choose songs for the Music Player widget.

You may need to disable Accessibility Mode to choose songs for your Music Player widget. You can go to Appearance → Widgets in your site’s Dashboard, click the Screen Options tab in the upper right, and click Disable accessibility mode. Then, try choosing your songs in the Music Player widget again.

Join Our Online Course

If you’ve ever wanted to start or grow your podcast, we have a new course designed just for you! Gain all the fundamental (and a few advanced) skills you need to create a podcast you’re proud of. Easily digestible, go-at-your-own-pace lessons, taught by some of the most seasoned podcasters on the internet, will challenge you and help grow your confidence — until you’re a podcasting pro!

Still confused?

Contact support.

Not quite what you're looking for?

Get Help