|
/ Docs /Features/ How to Add and Manage Audio in Presto Player

How to Add and Manage Audio in Presto Player

Presto Player can also function as an audio player using an audio block that lets you add and play audio files using the same player experience as video.

Presto Player Audio Block

You can use the Audio block to play self-hosted audio, customize the player appearance, and add interactive elements like calls to action or email capture.

Supported Audio Files

The Presto Audio block supports the following file types:

  • MP3
  • WAV

Audio Player Controls

The audio player includes standard playback controls:

  • Play and pause
  • Rewind and fast forward
  • Progress bar
  • Current time display
  • Volume control

These controls are built in and require no setup.

Adding Audio to Your Site

Audio can be added in several ways, depending on how your site is built.

Add Audio Using Gutenberg

To add audio using the block editor:

  1. Edit a post or page
  2. Add the Presto Player block
Add Presto Player Block
  1. Choose Audio as the media type
  2. Upload an audio file or paste an audio URL
  3. Adjust the block settings as needed
  4. Publish or update the page

The audio is saved to your Media Hub automatically, making it easy to reuse later. You can learn more in the Media Syncing documentation.

Using Elementor or Beaver Builder

You can also add audio using supported page builders:

  1. Edit your page with Elementor or Beaver Builder
  2. Add the Presto Player Media widget or module
  3. Select Audio as the media type
  4. Choose an existing audio file from the Media Hub
  5. Use Edit Media if you need to adjust settings

Using Shortcodes

Shortcodes let you insert audio into non-block areas, themes, or third-party plugins:

  1. Go to Dashboard > Presto Player > Media Hub
  2. Locate the audio you want to use
  3. Copy its shortcode
  4. Paste the shortcode where you want the audio to appear

For advanced usage, refer to the shortcode documentation.

Audio Block Settings

When you select the Presto Audio block, settings appear in the right-hand panel.

Basic Settings

Audio Block Basic Settings

Title — Sets the text shown inside the audio player.

Poster Image — Found under Audio Settings. Lets you add a cover image for the audio.

Presets — Choose from built-in layouts: Default, Simple, Minimal, Course. For more details, see the Presets documentation.

Global Player Branding — Uses your global brand color for the audio player background.

Additional Options with Presto Player Pro

If Presto Player Pro is active, additional options become available.

Chapters

Audio Chapters

Chapters let you add markers to the audio timeline, making it easier for listeners to jump to specific sections.

Custom Presets

Custom Audio Presets

When creating a custom preset, you can choose between a Basic or Stacked layout. Custom presets let you control:

  • Which playback controls are shown
  • Playback behavior, such as saving progress, pausing when out of view, sticking on scroll, and end-of-playback actions
  • Visual styling, including colors and corner rounding
  • Email capture before or during playback
  • Action bars and call-to-action overlays with customizable timing

For full details, see the dedicated presets documentation.

Conclusion

The Audio block in Presto Player makes it easy to add and manage audio content using the same tools and layouts as video. It works well for podcasts, lessons, and supplemental audio, with simple controls for basic use and advanced options available through presets and Pro features.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page