avada.io
AVADA logo
Avada
Published on
Catalog

How to embed the playlist into your sidebar in Wordpress

717 words4 min read
Author
  • Author
    Author:
    thao
    Twitter

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

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.

f

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:

a

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.

Media Library

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:

[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.

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.

Audio Widget

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.

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.

  1. Insert the Music Player widget into a widget area from Customize → Widgets in your site’s Dashboard.
  2. Click Choose songs to get your audio files uploaded.

My Playlist

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.

Conclusion

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!

Exclusive Offer: Shopify Deal for PageFly Audience

Start Your Online Business with Shopify 12 Day Free Trial + Pay Only 1$ For Your First Month

Exclusive Offer: The Online Store Starter Kit

Get the Shopify Free Trial plus the premium package designed especially for new Shopify merchants - all for FREE!

What’s in it for you?

  • The Shopify free trial
  • Ecommerce CRO checklist: set up a high-converting Shopify store - with over 300+ checkpoints to boost your conversion rate, AOV, and more (value)
  • Enjoy 2 months free on all AVADA paid apps (value)
  • Exclusive discounts on top-rated Shopify apps and themes + Additional perks (value)

How can I get it?

The Online Store Starter Kit will be delivered to your email after signing up for Shopify using the custom landing page Shopify made for AVADA’s audience. There’s no additional cost for you!

Start your Shopify Free Trial now and get it for free!

Advertisement
img Advertisement