October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run ScanOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
audio player

How to Add an Audio or Music Player Widget in WordPress

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For one recording, use WordPress’s built-in Audio block. For several tracks, use the Playlist block. Elementor users can create a native playlist through a Text Editor widget and Add Media. Choose a dedicated audio plugin only when you need custom skins, advanced responsive controls, cross-editor support, CDN or direct-URL sources, preload settings, or purchase links.

Choose the right WordPress audio method

Need Best route What it supports
One MP3 or other audio file Audio block Upload a file, select one from the Media Library, or use an existing file URL
Several tracks in one player Playlist block Sequential or shuffled playback, titles, artists, track numbers, durations, and artwork
Native Elementor workflow Text Editor widget plus Add Media Create and insert a Media Library playlist in Elementor
Custom design or advanced controls Audio-player plugin Depending on the plugin: dedicated widgets, skins, responsive settings, shortcodes, direct URLs, CDN files, preload controls, and purchase links

Add one audio file with the WordPress Audio block

The Audio block is the simplest way to put a single player on a post or page. It works in the WordPress Block Editor and does not require a plugin.

Insert the block

  1. Open the post or page in the WordPress editor.
  2. Click the + block inserter and search for Audio.
  3. Select the Audio block. As a shortcut, type /audio in a paragraph block and choose Audio.

Choose the audio source

WordPress presents three source choices:

  • Upload: Add a new audio file from your computer.
  • Media Library: Select a file already uploaded to the site.
  • Insert from URL: Paste the URL of an audio file hosted elsewhere.

After choosing the source, publish or update the page and use the editor preview to confirm that the controls and playback work on the page template you selected.

When this method is enough

Use the Audio block for a podcast episode, interview, lecture, sound effect, or single music track when the standard player is acceptable. A plugin is unnecessary merely to play one file.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Sale
Anker soundcore 2 Portable Bluetooth Speaker, 24-Hour Playtime, IPX7
  • Outdoor-Proof Speaker: Portable design with IPX7 waterproof protection to safeguard against splashes, waves, and water vapor. Get incredible sounds at home, on camping trips, or for outdoor adventures.
  • 24H Non-Stop Music: With Anker's world-renowned power management technology and a 5,200mAh Li-ion battery, the soundcore 2 speaker delivers a full day of great sound.
  • Powerful Sound: The speaker features 12W power with enhanced bass from dual neodymium drivers. An advanced digital signal processor ensures pounding bass and zero distortion at any volume.
  • Intense Bass: Our exclusive BassUp technology and a patented spiral bass port boost low-end frequencies to make the beats hit even harder. The soundcore 2 speaker delivers vibrant audio for home theater nights, beach parties, and sitting around a campfire.
  • Grab, Go, Listen: A classic design refined with simple controls and effortless portability. Easy to use and take anywhere, and supports wireless stereo pairing.

Create a multi-track playlist in WordPress

For an album, podcast series, lesson set, or other collection, insert the Playlist block instead of placing separate Audio blocks one after another.

Build the playlist

  1. Open the post or page in the Block Editor.
  2. Insert a Playlist block from the block inserter.
  3. Select tracks from the Media Library, or upload the files you want to include.
  4. Arrange the tracks in the desired order.
  5. Save or publish the page, then test the playlist on the front end.

Use playlist metadata

The Playlist block can display track metadata such as title, artist, track number, duration, and artwork. Add or correct that information in the Media Library before publishing so visitors can identify each item.

Playback behavior

Visitors can play tracks in order or shuffle the collection. This makes the block a better fit than multiple independent players when the files belong to one listening experience.

Create an audio playlist in Elementor without a dedicated player widget

Elementor’s documented native workflow uses its Text Editor widget and WordPress’s media tools rather than a separate Elementor audio widget.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Sale
Portable Bluetooth Speaker Gift Ideas: Outdoor Travel Essentials Waterproof
  • Compact and Powerful Design: Engineered with premium craftsmanship, this portable speaker features a space-saving form measuring a mere 2.99 inches (7.6 cm) in width and length, and 4.25 inches (10.8 cm) in height. Ultra-lightweight at just 0.582 lbs (264g), it slips effortlessly into any bag. Driven by a robust 20W peak power, it delivers immersive audio with punchy bass and crisp highs, while its 15W continuous output ensures crystal-clear sound for indoor relaxation or outdoor adventures
  • 【IPX5 Waterproof – Beach, Pool & Outdoor Adventures】Built for everyday outdoor fun, this portable Bluetooth speaker features IPX5 waterproof protection to handle splashes, light rain, and wet environments. Take it to the beach, pool, campsite, backyard, patio, or shower for music wherever you go. A reliable companion for travel, camping, outdoor gatherings, and weekend adventures
  • 【Portable Companion – Travel, Camping & Everyday Use】At just 0.58 lbs, this compact wireless speaker easily fits into a backpack, tote, suitcase, or travel bag. The built-in lanyard makes it easy to carry or hang from a backpack, bike, hook, or shower caddy. Great for road trips, beach days, camping trips, dorm rooms, home offices, and relaxing at home
  • 【Dynamic Lights – Create the Right Mood Anywhere】Dynamic LED lights add colorful visual effects to your favorite music, bringing extra energy to parties, gatherings, and everyday listening. Use it in the bedroom, dorm, backyard, patio, campsite, or party space. A fun choice for Halloween music, movie nights, sleepovers, game nights, and outdoor hangouts
  • 【15W HD Sound & 15H Playtime – Music for Every Moment】Powerful 15W HD sound delivers clear, enjoyable audio for music, podcasts, games, and more. With up to 15 hours of playtime, enjoy your playlist during travel, beach trips, camping, pool days, backyard gatherings, or a relaxing night at home. Keep the music going without frequent recharging
  1. Edit the page with Elementor and drag a Text Editor widget into the section where the player should appear.
  2. In the widget’s editor, click Add Media.
  3. Choose Create audio playlist.
  4. Select the audio files from the Media Library and arrange them.
  5. Click Insert audio playlist.
  6. Update or publish the page and test the resulting player on the live page.

Elementor notes that the editor can show the playlist shortcode after insertion while the working playlist appears on the published page. Check the front end rather than judging the result only from the editor canvas.

Elementor’s important file-access limitation

Audio files stored in the site’s uploads folder are not protected from downloading. Visitors can inspect the page with browser developer tools and obtain the file. The native Elementor playlist is therefore a player interface, not DRM or source-file protection.

When an audio-player plugin is the better choice

Stay with core WordPress or Elementor when the standard player meets your needs. Consider a plugin when the requirement is about presentation, integrations, or delivery rather than basic playback.

Music Player for Elementor

Music Player for Elementor adds a dedicated drag-and-drop Elementor widget with playlist controls, artwork and layout settings, responsive behavior, and optional purchase or promotional links. The WordPress.org listing records more than 10,000 active installations in 2026. Use it when you want an Elementor-native design surface and controls beyond the built-in playlist route.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
JBL FLIP 5, Waterproof Portable Bluetooth Speaker, Black, Small
  • Wireless Bluetooth streaming
  • 12 hours of playtime
  • IPX7 waterproof
  • Pair multiple speakers with party boost
  • Premium JBL sound quality

Lean Player

Lean Player supports audio and playlists in Elementor, Gutenberg, and the Classic Editor, as well as shortcode-based placement. It can use uploaded files or direct URL/CDN sources and exposes configurable media-preload behavior. That combination is useful when the same player must work across different editors or when audio is hosted outside the WordPress uploads directory.

Check the trade-offs before installing

  • Editor compatibility: Confirm that the plugin supports the editor you actually use.
  • Source handling: Check whether it accepts Media Library files, direct URLs, or CDN-hosted audio.
  • Metadata and artwork: Verify which title, artist, duration, and cover-image fields are displayed.
  • Responsive styling: Look for controls that remain usable on narrow screens.
  • Preload behavior: A setting that controls how much media loads before playback can affect page performance and data use.
  • Commercial links: If you sell tracks or memberships, confirm that the player supports the purchase or promotional links you need.

Install only a plugin whose extra capability solves a specific requirement; adding one does not make uploaded files impossible to download.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Source, performance, and presentation decisions

Media Library versus an external URL

Uploading to WordPress keeps file selection and metadata in the site’s Media Library. An existing URL or CDN can keep audio delivery outside the WordPress server, but you must maintain that URL and ensure it remains reachable to visitors.

Preload and page weight

For a small number of short files, the native blocks may be sufficient. For larger libraries or pages with several players, choose a player that exposes preload controls and configure loading deliberately so the page does not fetch every recording before anyone presses Play.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #4
JBL Go 4 - Ultra-Portable, Waterproof and Dustproof Bluetooth Speaker, Big JBL Pro Sound with Punchy bass, 7-Hour Built-in Battery, Made in Part with Recycled Materials (Black)
  • Ultra-portable JBL Pro Sound with punchier bass: Don't let its little size fool you. The JBL Go 4 packs a serious musical punch. Your friends won't believe how much great JBL Pro Sound comes out of such a small speaker.
  • Up to 7 hours of playtime plus 2 hours with Playtime Boost: Don't sweat the small stuff like charging your battery. JBL Go 4 gives you up to 7 hours of playtime on a single charge. Tap Playtime Boost to add up to 2 more hours to your battery life.
  • Waterproof and dustproof: The JBL Go 4's IP67 waterproof and dustproof rating ensures this portable speaker can handle almost any environment, from a poolside party to a seaside picnic.
  • Multi-speaker connection by Auracast: Want even bigger JBL Pro Sound? Pair two Go4s for stereo sound, or wirelessly connect multiple JBL Auracast-enabled speakers using Auracast for even bigger sound.
  • Made in part with recycled materials: The JBL Go 4 incorporates post-consumer recycled plastic and fabric for the speaker grille. It's also packaged in FSC-certified paper printed with soy ink.

Artwork and metadata

Consistent titles, artists, track numbers, durations, and artwork make a playlist understandable, particularly when the player is embedded in a long article. Correct the Media Library details before inserting the playlist rather than relying on filenames.

Responsive checks

Test the published page at desktop and mobile widths. A player that looks correct in an editor can wrap controls or collide with surrounding columns in a responsive layout; Elementor plugins with responsive settings can provide finer control when the native layout is insufficient.

Troubleshoot common WordPress audio-player problems

The player is visible but will not play

  • Open the file URL directly in a browser to verify that the file still exists.
  • Re-select the item from the Media Library or replace a stale external URL.
  • Test the published page, not only the editor preview.

The playlist appears as a shortcode in Elementor

Elementor’s editor may display the inserted playlist as shortcode text. Update the page and inspect the live front end, where the working playlist should render.

The player is too plain

The Audio and Playlist blocks provide the native interface. If you need custom skins, artwork layouts, responsive controls, or purchase links, move to a plugin that explicitly offers those features rather than adding unrelated styling code.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

You need to stop visitors downloading the audio

The documented native workflows do not provide DRM or source-file protection. Files in the uploads folder can be retrieved through browser developer tools, so do not use these players as a way to enforce download prevention.

A practical decision checklist

  • Choose Audio for one file.
  • Choose Playlist for multiple tracks with ordering or shuffle.
  • In Elementor, start with Text Editor → Add Media → Create audio playlist.
  • Use a plugin for custom styling, broader editor support, direct URL/CDN sources, preload controls, or purchase links.
  • Test the published page on desktop and mobile.
  • Treat every hosted audio file as downloadable by a determined visitor.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

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

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Read next

Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.