Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add an Audio Music Player Widget in WordPress

Do you want to add an audio player on your WordPress site? Recently one of our users asked if there was an easy way to add a music player widget with song details in WordPress. Since WordPress is a popular choice among podcasters and musicians, there are some pretty amazing tools available to do the job. In this article, we will show you how to add a music player widget in your WordPress sidebar.

Adding a Music Player in WordPress

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

First thing you need to do is install and activate the Simple Music Widget plugin. Upon activation, visit Appearance » Widgets.

There you will see Simple Music Widget in the list of available widgets. Drag and drop the widget to a sidebar and configure the settings.

Simple Music Widget Settings

You will need to provide a title for the widget. This title will appear as the heading before the widget content. If you don’t want to display a title, then you can leave this field blank.

Next, you need to provide the information about the track you are adding like artist, song, and album name.

After that you need to add an album cover and the music file.

You can upload your cover image and music file by going to Media » Add New. Simply drag the files there to upload them.

Note: Your music file needs to be in mp3 or ogg vorbis format.

After uploading your files, click on the edit link next to them.

Uploading media files and getting the file URL

This will take you to a page where you can see additional information about your files. Copy the file location and then paste it in the widget.

Getting media file URL

Once you are done, save your widget settings and visit your website to see it in action.

Preview of a simple music widget in sidebar

We hope this article helped you add a music player widget to your WordPress sidebar. You may also like our tutorial on how to create a sticky floating sidebar widget in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. Hi, I subscribe to WPBeginner
    and appreciate your input to the WordPress community – I regard it as

    How is it then that you, sir, in the present unsafe and hacker
    infested internet environment, recommend plugins (a widget in this case), that
    are not up to date?

    I get scores of bruteforce attacks everyday on my
    websites and I regard the use and recommendation of out-dated plugins as

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.