How To Add An Audio Music Player In WordPress Sidebar?

add an audio music player in wordpress sidebar

Nowadays, people are adding their podcasts, audio music files to their website.

Some people even use their audio to welcome their readers. It’s a great idea to provide a better user experience.

You can use it on the landing page of your website. But sometimes, people try to add an audio music player in WordPress sidebar.

Have you ever tried it?  From the past few years, people are more focused on the visual content.

But you know that your voice can mesmerize your readers. The best part is that you won’t need to use much space of your web hosting bandwidth.

A video may be of 70 MBs whereas an audio file would be less than 10 MBs.

What Is The Best Method To Embed The Music Player?

If you’re a beginner then the best thing is to use a simple plugin.

In this tutorial, you will learn the use of a WordPress plugin which is specially used for adding the music player widget.

Follow the steps.

Step 1:- Install and activate Simple Music Widget plugin.

Step 2:- After activation, go to Appearance>>widgets and you will see a new widget with the same name as of the plugin.

Just add that widget wherever you want. Whether you want to add the music player in the sidebar or the footer area, the choice is yours.

The sidebar is always the first priority.

Step 3:- You will see an option to upload the media file. You can upload a new file from your computer and if you have already uploaded then choose it from the WordPress media library.

add audio music player

It’s always recommended to choose an image. Along with the audio, an image should appear.

Fill the title of the video.

Here, I am going to show you a song by Usher. I have added his picture. The name of the audio will also appear in the music player.

After filling all the details, save it and check your website.

add an audio music player in wordpress sidebar

There will be an elegant audio music player in the sidebar. Your readers can access it easily.

If you want to add anything extra like the description then you can.

I hope this tutorial has helped you to add an audio music player in WordPress sidebar.

You should also know that you can embed audio in WordPress blog posts and pages without even using the bandwidth of your website.

If you found this tutorial helpful, you can also connect with us on Twitter, LinkedIn, and Facebook.

by Ravi Chahar

A WordPress Professional, web developer and designer who intends to guide his readers about WordPress, Blogging, Web Development, Web Design and more. I have expertise in WordPress theme development and customization. I can set up and redesign the Thesis themes. I have been working in this field for years now.


    1. Hey Ryan,

      Many people believe that the first impression is the last impression. Though a lot of others don’t really do that. But it’s important to maintain a good user experience.
      Thanks for stopping by.
      Enjoy your weekend.

  1. Awesomely explained about how can we add a music audio file in to slide bar.

    Sometimes it’s good to add in our website and yeah as you told it can create a good creative user interface 🙂

    I just got it well. Thank you for sharing this post.

    1. Hey Sathish,

      It’s good to know that I could help you.
      Adding an audio player can help you in many ways. You can add any welcome audio or something for your blog. A podcast would do the best.
      Thanks for stopping by.

  2. Hey Ravi,

    A podcast is a great way to reach an audience that we wouldn’t reach otherwise with just our blog.

    People are adding podcasts to blogs and websites daily. Businesses are using them for general communication and training. There is an increasing number of people who listen to podcasts more than they read blogs so, it can be great idea to add in our website for better engagement through audio player in WordPress.

    It is absolutely good tutorial to add an audio music player in WordPress in very simple manner and it can be very helpful for blogger and online marketer. Eventually, thanks for sharing your thought with us.

    With best wishes,

    Amar kumar

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge