Back to Support Content and Media Blocks Audio Block

Audio Block

Use the Audio block to display a piece of music, a podcast, or other sound file on your website. This guide will show you how to add an audio player to your site and adjust its settings.

This feature is available on sites with our Personal, Premium, Business and Commerce plans. If your site has one of our legacy plans, it is available on the Starter and Pro plans.

Add the Audio Block

To add the Audio block, click on the + Block Inserter icon and search for “audio”. Click it to add the block to the post or page.


Using your keyboard, you can also type /audio on a new line and press enter to quickly add a new Audio block.

Animated GIF showing the process of adding an Audio block using the slash command.
Adding an Audio block using the slash command.

For more information, visit our detailed instructions on adding blocks.

Add Audio to the Block

When you first add an Audio block, you get three options:

The audio block, showing three options for adding an audio file.

Here is an example of what the Audio block looks like:

An example of the audio player

The player includes the following options for the listener:

Block Toolbar

When you click on the block, a toolbar of options will appear:

The Audio block has the following options in its toolbar:

Block Settings

When you select a block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:

The settings icon in the Editor with a tooltip "Settings" below it.
Click the Settings icon to open the block settings

Autoplay & Loop

Enabling Autoplay will make the audio play automatically when someone visits the page.

Please note that some popular browsers will block audio from playing automatically upon visiting a page because many internet users find it annoying. Consider leaving it up to your visitor to decide whether to play the music.

Enabling Loop will make the audio file repeat after it finishes.

The audio block settings show Autoplay, loop,and Preload.


This option allows you to select how much of the audio file is downloaded when the page or post is loaded. While it may be tempting to go ahead and have the whole file download automatically, keep in mind that this can slow down your page’s load speed.

The options are:

Additional Settings

The Audio block also contains:

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!