As a website administrator, you are totally able to share audio on your WordPress site in a wide range of ways on your site. In case you are using the new WordPress site, you are allowed to insert an Audio Block into a post or a page.
In this guide, we will take a look at How to embed the playlist into your sidebar to know more deeply about this topic.
To embed the playlist into your sidebar
- Upload audio to your site
- Embed audio from a link
- Audio Widget
- Generate a download link
- SoundCloud or Audiomack Player
- Audio Playlists (Widget Only)
- Dark styling & customizing the Audio Player
Upload audio to your site
You are allowed to upload the files to your web if you have a paid plan. A paid plan gives you permission to get .mp3, .m4a, .ogg, or .wav files uploaded to your site. Generate a new page or post or modify a current one, and hit the Add button and select Media.
Then, you will see your Media Library. Choose the audio file that you want to upload from your files, or tap Add New to insert a file from your device. You are able to click the Edit button to view and make changes to details of the file:
The Edit option will give you permission to insert a title, description, and even caption. Please click Insert when these settings are to your liking. The audio upload will be displayed in the post editor as a shortcode. On your site, it will be shown as a playable audio embed.
Embed audio from a link
Insert a link from your site into an outside audio file. Copy its URL either you upload an .mp3, .m4a, .ogg, or .wav file to a third-party server and link to it using our audio shortcode, or you found an audio file somewhere online. To loop your track or playlist, add
|loop=yes to your shortcode like this:
To automatically start playing your track when the page is visited, add
Please note that due to the recent policy changes of Google Chrome, Autoplay is no any longer supported. In case your recent browser does not support HTML5 audio for your uploaded format, or Flash Player is not installed, a direct download link will be shown instead of the player. Please visit the feature page on Can I use to get the latest information on browser support for HTML5 audio. From there, click on the Sub-Features tab for information on particular formats.
You are allowed to insert an audio player as an Audio Widget wight in your site’s footer or sidebar, using either an audio file you have uploaded to your site or an audio file from a link. For more details, see the Audio Widget page.
Generate a download link
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.
Besides embeding audio with the SoundCloud Audio Player, you can also use the Audiomack Audio Player.
Audio Playlists (Widget Only)
The Music Player widget is available to sites with a plan upgrade, but it’s such a good way to insert your playlist into the sidebar.
- Insert the Music Player widget into a widget area from Customize → Widgets in your site’s Dashboard.
- Click Choose songs to get your audio files uploaded.
You are able to employ the shortcode generated in the Music Player box to embed the playlist on any post, page, or widget area. Copy the shortcode and paste it wherever you want the player to be displayed.
Dark styling & customizing the Audio Player
You can toggle between the light and the dark color schemes by inserting
style="dark" to your shortcode (which is created with the playlist editor above). For instance:
playlist ids="123,121,119,117,115,113,111,109" style="dark"
You can employ the Custom Design upgrade to make your playlist look the way you want with CSS for additional customization of your Audio Player.
Thanks for reading the instruction! For your information, you can modify your songs’ names in the WP Admin Media Library only. You are entirely allowed to get to this dashboard by adding /wp-admin to the end of your site’s URL!