Do you want to add MP3 audio files in WordPress?
By adding MP3s files to your website, you can share music, podcasts, interviews, and other audio with your visitors and customers. This can make your site more engaging and get people to stay for longer.
In this article, we will show you how you can add MP3 audio files in WordPress.
Why Add MP3 Audio Files in WordPress
Sharing audio files on your website can be a great way to keep people engaged and spending more time on your website. This mean they’re more likely to remember your brand and take actions like making a purchase or signing up for your email newsletter.
When your visitors spend more time on your website, this can also be a positive signal for search engines which can help boost your SEO rankings and get you even more traffic.
You might want to share MP3 audio versions of your blog posts, podcast episodes, webinar recordings, or songs. You can even offer these audio files for sale on your site.
That being said, let’s see how you can add MP3 audio files in WordPress. Simply use the quick links below to jump straight to the method you want to use.
- Method 1. How to add MP3 files using the built-in Audio block (easy)
- Method 2. How to add MP3 audio files using a WordPress plugin (more customizable)
- Method 3. How to add MP3 files using Easy Digital Downloads (and make money)
Method 1. How to Add MP3 Files Using the Built-in Audio Block (Supports Streaming Platforms)
The easiest way to embed MP3 audio files is by using the built-in WordPress Audio block.
This simple block has all the important playback controls, including a play/pause button, volume controls, and a button to change the playback speed. This makes the Audio block a good choice if you don’t need any more advanced features.
You can use the audio block to play any MP3 file from your WordPress media library, or you can embed MP3s from popular third-party audio platforms.
Note: For most users, we don’t recommend uploading MP3s to play on your WordPress site. That’s because uploading large audio or video files can take up a lot of space and slow down your website. You can learn more in our guide on why you should never upload videos to WordPress.
If you want to stream content from a site such as Spotify, then you’ll need to use the built-in Audio block. Just be aware that some platforms only allow you to embed a clip of the full audio. They may also encourage people to leave your site so they can listen to the full MP3, as you can see in the following image.
To add an MP3 audio file to your WordPress website, open any page or post. Then, click on the + icon.
In the popup that appears, type ‘Audio’ to find the right block. You can then simply click on the Audio block to add it to your page.
If you want to add an MP3 from the media library, simply click on ‘Upload’ and then choose the audio file that you want to use.
Another option is to click on ‘Media Library’ and then choose an MP3 from the WordPress media library.
If you want to embed an MP3 from an external site, then you’ll need to click on ‘Insert from URL’ instead.
You can then paste the URL where this file is located.
Once you’ve done that, it’s a good idea to click on the Audio block to see the different settings that you can configure.
The settings you see may vary depending on whether you’re adding an MP3 from the media library or embedding audio from a third-party site. For example, you can often make the audio play automatically by clicking on the ‘Autoplay’ switch.
Audio that starts playing as soon as the page loads can be annoying, particularly if the visitor has the volume turned up loud. With that being said, you should only enable the ‘Autoplay’ switch if it improves the visitor experience in some way.
You can also often play the audio file on an endless loop by clicking on the ‘Loop’ switch. This tends to work the best for audio that’s not too distracting, for example an instrumental track that’s providing background noise or setting the atmosphere.
You may also want to enable looping for longer audio that visitors may want to listen to over and over, such as an entire album.
When you’re happy with how the page or post is set up, you can go ahead and publish or update it.
If you visit the page on your site, then you’ll see the MP3 live. Now anyone can listen to the audio for free using the block’s playback control buttons.
Method 2. How to Add MP3 Audio Files Using a WordPress Plugin (More Customizable)
The built-in Audio block is an easy way to add MP3 audio to your website, including embedding content from platforms such as SoundCloud. However, it is very limited especially when it comes to customizing how the audio player looks and acts.
If you want to add an audio file from the WordPress media library, then Html5 Audio Player is much more customizable. It is one of the best audio player plugins for WordPress and supports a few different audio formats including MP3s. Just be aware that you can’t use this plugin to embed content from third-party streaming services.
First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, you’ll need to create an audio player and then add the MP3 to that player.
To get started, head over to Html5 Audio Player » Html5 Audio Player. Here, click on the ‘Add Audio Player’ button.
Once you’ve done that, type a name for the audio player into the ‘Add title’ field.
This is just for your reference, so you can use any title that you want.
After that, scroll to the ‘Player Configuration’ section.
Here, you can click on the ‘Add Audio’ button to launch the WordPress media library, and then choose the MP3 file that you want to use.
After choosing an MP3, you’re ready to customize the audio player. By default, the visitor just needs to click on the Play button and the audio will start playing with the volume already turned up.
This is how most visitors expect an audio player to act, so you’ll typically want to use these default settings. However, there are options to mute the audio by default, autoplay, repeat, and more.
When you’re happy with how the audio player is set up, simply click on the ‘Save’ button.
To add the MP3 file and audio player to your site, simply open any page or post. Then, click on the + button.
In the popup that appears, type ‘HTML5 Audio Player’ to find the right block. After that go ahead and click on ‘HTML5 Audio Player – Insert’ to add the block to your page.
Once you’ve done that, open the ‘Select a Player’ dropdown and choose the audio player that we just created.
The WordPress page editor doesn’t show the audio file, so you won’t be able to play the MP3 or see the player.
If you do want to see the player in action, then you can click on the ‘Preview’ link.
When you’re ready to post the MP3, either update or publish the page. Now if you visit this page on your WordPress website, you’ll be able to play the MP3 file.
Method 3. How to Add MP3 Files Using Easy Digital Downloads (And Make Money)
Both the built-in WordPress Audio block and Html5 Audio Player allow visitors to play your MP3 files for free. However, selling audio files is a popular way to make money online blogging with WordPress.
By default WordPress doesn’t have any eCommerce features, so you’ll need to use a plugin if you want to sell your MP3 files.
That’s where Easy Digital Downloads comes in. It is one of the best WordPress eCommerce plugins and lets you easily sell ebooks, PDF files, videos, MP3 audio files, and any other type of digital product.
Even better, if you’re using SiteGround as your hosting provider then Easy Digital Downloads comes pre-installed so you can start selling MP3s and other digital products straight away.
For more information on how to get started with Easy Digital Downloads, please see our beginners guide on how to sell digital downloads on WordPress.
Once you have Easy Digital Downloads set up, you can add each MP3 as a new product simply by clicking on ‘Downloads’ in the left-hand menu.
You can then go ahead and click on the ‘Add New’ button.
This opens a screen where you can create a product page for the digital download.
Here, you can add all the information about your audio file including its price, description, and any product categories and tags that you want to use.
Once you’ve done that, scroll to the ‘Download Files’ section and click on the icon that looks like a link.
This will launch the WordPress media library where you can choose the MP3 that you want to sell on your site.
When you’re happy with how the product page is set up, simply click on ‘Publish.’
Now people will be able to buy your MP3 audio file simply by visiting your site.
We hope this article helped you learn how to add MP3 audio files in WordPress. You can also go through our guide on the best social media plugins and how to add web push notification to your WordPress site.