Skip to content

How to Add an Audio Player in WordPress?

Key Takeaways

{"bullets":["Audio Player block wraps an audio file with a title, author, and artwork instead of a bare browser player, and it takes a list of tracks rather than one file at a time.","Nexter Blocks Pro is required for the Audio Player block, and with Nexter Blocks Pro deactivated the block renders nothing at all.","Style 2 renders 110 pixels tall versus 152 pixels for the default style, and the separator between title and author defaults to "by"."]}

Table of Contents

WordPress will play an audio file, but a podcast episode or a music sample usually wants more than a bare player — a title, who it is by, and artwork.

The Audio Player block wraps the file in that presentation, and takes a list of tracks rather than one file at a time.

Before You Start

  • Edition: Pro — the Audio Player block needs Nexter Blocks Pro.
  • Block to enable: Audio Player, switched on under Nexter > Blocks in your WordPress dashboard.
  • Your audio files uploaded to the Media Library.

Video Tutorial

Steps

  1. Add the Audio Player block to your page.
Adding the Audio Player block
  1. Add a track and choose its audio file.
Adding a track to the player
  1. Enter the track title and author.
Setting the track title and author
  1. Choose a style and add artwork if you want it.
Choosing the player style
  1. Set the colours and typography, then publish and play it.
Styling the audio player
The published audio player

How It Behaves

The block renders its own player wrapper with the track’s text alongside the audio control, rather than a bare browser player.

  • The track title and author come from the block, not the file. Measured on a published page: the default track rendered its title and author as text within the player.
  • The style changes how compact the player is. Measured with the same track: the default style rendered 152 pixels tall and style 2 rendered 110.
  • The separator between title and author is yours to set — it defaults to by, so a track reads as “Title by Author”.
  • It is a track list, not a single file — add as many tracks as the player should offer.
  • Pro only. Measured with Nexter Blocks Pro deactivated: the block renders nothing at all.

Limitations

  • Pro only — the block disappears entirely without it, so a page built with it will lose that section if Pro is deactivated.
  • It plays files you host. It is not a podcast feed reader and not a Spotify or SoundCloud embed — use the Social Embed block for hosted services.
  • Audio files are large. Several long tracks on one page is a slow page; link to an episode page instead of stacking them.
  • Artwork is per track, so a long list means a lot of images to set.

Troubleshooting

Nothing renders where I added the block

Measured: with Nexter Blocks Pro deactivated this block renders nothing at all. Check Pro is active and licensed.

The player shows but will not play

Check the track actually has an audio file selected, and that the file plays from its Media Library URL directly — if it does not, the problem is the file or the host, not the block.

The title and author run together

Set the separator text — it defaults to by and sits between the two.

The player is too tall for my layout

Try another style. Measured with the same track: style 2 rendered 110 pixels against the default style’s 152.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What do I need before adding an audio player in WordPress with Nexter Blocks?

Nexter Blocks Pro is required, and the Audio Player block has to be enabled under Nexter > Blocks in your WordPress dashboard. The page also says your audio files need to be uploaded to the Media Library first. That matters because the block works from hosted files in WordPress, not from a feed or external music service.

Why is my audio player not showing on the page?

The most common cause is that Nexter Blocks Pro is deactivated. The page says this block renders nothing at all without Pro, so a missing player usually means the section disappears entirely rather than breaking visibly. If that happens, check that Pro is active and licensed, and that the Audio Player block is switched on under Nexter > Blocks.

Can I use the WordPress audio player for podcasts or Spotify tracks?

The Audio Player block is for files you host in WordPress. It is not a podcast feed reader and it is not a Spotify or SoundCloud embed. For hosted services, the page points to the Social Embed block instead. That distinction matters because this block builds a track list around uploaded audio files, not around external streaming sources.

How do I make the title and author look right in the audio player?

The title and author come from the block settings, not from the audio file itself. The separator defaults to by, so the text reads like “Title by Author.” That small detail matters because if the separator is left alone, title and author can look merged into one line of text instead of reading cleanly.

Which audio player style should I use if I want a shorter layout?

Style 2 is the tighter option in the measurements given on the page. With the same track, the default style rendered at 152 pixels tall, while style 2 rendered at 110 pixels. That makes style 2 a better fit when vertical space is tight and you want less player height without changing the track content.

Why does my audio file show but not play in WordPress?

The issue is usually the file itself or where it is hosted, not the block. The page says to check that a track actually has an audio file selected and that the file plays directly from its Media Library URL. If it does not play there, the problem sits with the file or host before Nexter Blocks ever gets involved.

Last reviewed: September 28, 2026

Related Docs