Skip to Main Content

How to create an audio playlist with Elementor

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Have you ever tried to create an audio playlist or a playlist in WordPress ? Have you already done this with Elementor?

If you haven't already, the following article will show you step by step how to create a playlist in Elementor.

Audio Playlist is a native WordPress feature and can be used in Classic Editor or Block Editor using Classic Block. It uses mp3 files downloaded in media library and is very similar to the creation of an image gallery

But before, if you haven't yet installed the Elementor plugin, find out by clicking on this link. Next, let's get back to what we're here for.

To create an audio playlist in Elementor, you will need to use the Text Editor widget.

  1. From the Basic Widget Library, drag a text editor widget to your page at the desired location how to create an audio playlist
  2. Click on the button Add a media in Text Editor controls

  3. Select Create Audio Playlist from the options on the left

  4. Select the files you want to include in your playlist and click the “Create New Playlist” button at the bottom corner
  5. Select the playlist settings you want to include. Track titles can also be changed at this point. Click the "Insert Playlist" button in the lower right corner
  6. You will then see the playlist in the editor panel. It will not display in the main window but will be displayed as a shortcode. This is normal and will only show on your website page
  7. Publish or update your page from the preview icon or in another tab. Your audio playlist should be visible

Tip: Video playlists can be created by following the same steps above.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Note: Since this uses the media library and is stored in the uploads folder, files can be uploaded by users using developer tools or by inspecting code. It is recommended that you download lower quality clips or files if this is important to prevent this from happening.

Get Elementor Pro Now!

Discover also some themes and premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer here some premium WordPress plugins that will help you do that.

1. The Grid

The Grid is a premium WordPress grid plugin that allows you to present all types of posts in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce products or any kind of WordPress post type.The grid responsive wordpress grid plugin

This plugin supports the following file formats: standard, video, audio, gallery, link, quote. The possibilities are endless and can be easily controlled with a powerful control panel. See also our 8 WordPress plugins to customize the look of your website The Grid is one of the most advanced grid plugins on WordPress and also the only one with a 100% responsive touch slider. You can filter any kind of grid in this touch slider, which is just unique. The plugin can be easily integrated into a WordPress theme and with a personalized style ...

Download | Demo | Web hosting

2. Yellow Pencil: Visual Style CSS Editor

Yellow Pencil is a visual style editor that you can use with any theme to personalize your website in minutes (fonts, colors, animations and more…).Yellowpencil visual css style editor plugin wordpress This premium WordPress plugin will create CSS styles in the background while you play with colors as if it were a game. It was designed for beginners as well as experienced users. Read also our article on 5 WordPress plugins to receive donations on your blog No coding knowledge is required; However, the plugin has a good CSS editor for those who like to code. You can code live with this editor and customize your CSS.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Download | Demo | Web hosting

3. Mega Menu Monster

Mega Menu Monster is a premium WordPress plugin that will allow you to add mega menu to your pages on WordPress.

Mega menu monster wordpress

Even if its use is much more suited to header menus, the fact remains that this plugin also allows you to use it at the footer. How to Apply Interface and User Experience to WordPress Among its features we find among others: support for all modern browsers, responsive on all devices, highly customizable layout (background, colors, fonts) and many others.

Download | Demo | Web hosting

Recommended Resources

To go further in the monetization of your blog or your website, we also recommend reading the following articles:

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]


Here ! That's it for this tutorial, I hope it will allow you to easily create an audio playlist on WordPress. However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time. We also invite you to share on your different social networks.



This article features 0 comments

Leave a comment

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

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top