{"id":23113,"date":"2021-05-21T16:20:33","date_gmt":"2021-05-21T13:20:33","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=23113"},"modified":"2023-08-17T16:12:14","modified_gmt":"2023-08-17T13:12:14","slug":"create-audio-playlist","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/create-audio-playlist\/","title":{"rendered":"Create an audio playlist with Elementor"},"content":{"rendered":"\n<p>The audio playlist is a native WordPress feature and can be used in the classic editor, or block editor using the classic block. It uses mp3 files uploaded to the media library and very similar to creating an image gallery. In order to create an audio playlist in Elementor, you will need to use the <a href=\"https:\/\/elementor.com\/help\/text-editor-widget\/\">Text Editor Widget<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/VideoPlaylist.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Get Started<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>From the Basic Widget library, drag a Text Editor Widget to your page in the desired location<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png\" style=\"width: undefinedpx\"><\/li><li>Click the Add Media button in the Text Editor controls<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Click-Add-Media-Button-1024x493.png\" style=\"width: undefinedpx\"><\/li><li>Select the Create audio playlist from the options on the left<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Select-Create-Audio-Playlist-1024x563.png\" style=\"width: undefinedpx\"><\/li><li>Select the files you wish to be included in your playlist and click the \u201cCreate a new playlist\u201d button in lower corner<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Select-Audio-Files-1024x587.png\" style=\"width: undefinedpx\"><\/li><li>Select the playlist settings you wish to include. The track titles can also be edited at this time. Click the \u201cInsert audio playlist\u201d button in the lower corner<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/image-34-1024x519.png\" style=\"width: undefinedpx\"><\/li><li>You will now see the playlist in the editor panel. It will not show in the main window but be displayed as the shortcode. This is normal and will only show on the live page<img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Return-To-Editor-1-1024x581.png\" style=\"width: undefinedpx\"><\/li><li>Publish or Update your page and view from the preview icon or in another tab. Your audio playlist should be visible and working<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Final-Audio-Playlist-1024x426.png\" style=\"width: undefinedpx\"><\/li><\/ol>\n\n\n\n<p class=\"callout-green\">Tip: Video Playlists may be created using the same steps above.&nbsp;<\/p>\n\n\n\n<p class=\"callout-yellow\">Note: Since this uses the media library and is stored in the uploads folder, the files can be downloaded by users using the developer tools or inspecting the code. It is recommended to upload clips or lower quality files if important to protect this from occurring.&nbsp;<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In order to create an audio playlist in Elementor, you will need to use the Text Editor Widget.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c40863e0982ce3f312fda7","62c40863e0982ce3f312fda7"],"footnotes":""},"categories":[1440],"tags":[],"class_list":["post-23113","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create an audio playlist with Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create an audio playlist with Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/create-audio-playlist\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create an audio playlist with Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create an audio playlist with Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/create-audio-playlist\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-21T13:20:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T13:12:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create an audio playlist with Elementor\",\"datePublished\":\"2021-05-21T13:20:33+00:00\",\"dateModified\":\"2023-08-17T13:12:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/\"},\"wordCount\":271,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png\",\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/\",\"url\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/\",\"name\":\"Create an audio playlist with Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png\",\"datePublished\":\"2021-05-21T13:20:33+00:00\",\"dateModified\":\"2023-08-17T13:12:14+00:00\",\"description\":\"Learn everything about Create an audio playlist with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/create-audio-playlist\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget.png\",\"width\":1489,\"height\":845},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/create-audio-playlist\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Create an audio playlist with Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create an audio playlist with Elementor | Elementor","description":"Learn everything about Create an audio playlist with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/create-audio-playlist\/","og_locale":"en_US","og_type":"article","og_title":"Create an audio playlist with Elementor | Elementor","og_description":"Learn everything about Create an audio playlist with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/create-audio-playlist\/","og_site_name":"Help","article_published_time":"2021-05-21T13:20:33+00:00","article_modified_time":"2023-08-17T13:12:14+00:00","og_image":[{"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png","type":"","width":"","height":""}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create an audio playlist with Elementor","datePublished":"2021-05-21T13:20:33+00:00","dateModified":"2023-08-17T13:12:14+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/"},"wordCount":271,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png","articleSection":["Advanced functionality"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/","url":"https:\/\/elementor.com\/help\/create-audio-playlist\/","name":"Create an audio playlist with Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget-1024x581.png","datePublished":"2021-05-21T13:20:33+00:00","dateModified":"2023-08-17T13:12:14+00:00","description":"Learn everything about Create an audio playlist with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/create-audio-playlist\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/05\/Drag-Text-Editor-Widget.png","width":1489,"height":845},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/create-audio-playlist\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Create an audio playlist with Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/23113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=23113"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/23113\/revisions"}],"predecessor-version":[{"id":38592,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/23113\/revisions\/38592"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=23113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=23113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=23113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}