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 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 23: Lara Hogan on the Secret to Being a Successful Manager Distributed.blog

Are companies setting up their managers for success? What are BICEPS? How do you assemble your colleagues like a management Voltron? Lara Hogan is the founder of Wherewithall, a firm that specializes in management and leadership training. She’s the author of Resilient Management, a must-read for anyone who is a manager, wants to become one, or generally just wants to learn how to be a better teammate.
  1. Episode 23: Lara Hogan on the Secret to Being a Successful Manager
  2. Episode 22: Raj Choudhury Sees a Future Where You Don’t Have to Move Your Family for a Job
  3. Episode 21: Morra Aarons-Mele on Introversion and Anxiety in Remote Work

↑ 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 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

The instructions from this section are referring to the WP Admin dashboard. You can get to this dashboard by clicking WP Admin under My Site(s), or by adding /wp-admin to the end of your site’s url (e.g.: example.wordpress.com/wp-admin)

If you prefer to use the classic WordPress editor, here’s how to add an audio player to your posts and pages. This option also requires a WordPress.com plan.

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?

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.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help