Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Audio Block

The Audio Block adds one audio file in a player to a page or blog post. You can upload a file from your computer or link to an externally hosted file.

Note: To add SoundCloud audio to your site, use the SoundCloud Block instead.

Watch a video

Audio file format

For best performance across all browsers and devices, we recommend compressing your audio files using these specifications:

  • Format: .mp3 (No other audio file types are supported.)
  • Bit Depth: 16bit
  • Bitrate: 128 kbps max (96 kbps recommended for spoken word)
  • Channels: Mono or Stereo
  • File Size: An uploaded file must be 160 MB or smaller. To use a larger file, you can link to an external host.
Note: On iOS devices, the Audio Block will open in the device's native audio player and won't play directly on the page.

Step 1 - Add the Audio Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Audio from the menu.
  4. For more detailed steps, visit Adding blocks.

Step 2 - Add an audio file

Upload a file

You can upload an audio file directly from your computer to the Audio Block:

  1. In the Audio window, click Upload File.
  2. Drag your audio file into the uploader. You can also click the uploader to open a file selection menu and then select a file from your computer.

The_Content_Alley_Podcast___KB_Website.png

  1. After adding an audio file, the file name and file size will appear in the uploader.

The_Content_Alley_Podcast___KB_Website.png

Use an external file

If your audio file is larger than 160 MB, upload it to an external service and add its public URL to the External File option. Your public URL should have .mp3 at the end. 

You can then enter the following information:

  • File Size (in Bytes)
  • Audio File Mime Type
  • Title
  • Author / Artist
Note: For SoundCloud audio, use the SoundCloud Block instead of an Audio Block. The Audio Block doesn’t support SoundCloud URLs.

Step 3 - Edit the title and author (optional)

The title and author will auto-populate based on the file's metadata. You can edit the Title and Author / Artist fields to change what displays in the block.

Step 4 - Add iTunes podcasting tags (optional)

In the Podcasting tab, you can add iTunes podcasting attributes to an Audio Block, which will automatically add to your RSS feed.

  • Audio Blocks can only be used for podcasting within a Blog Page. Audio Blocks added to other pages can't be used for podcasts.
  • The size (in bytes) and MIME type are automatically detected uploaded files. For externally hosted files, manually enter those values if you want to use the file for podcasting on iTunes.

About_Us___Official_Test.png

Step 5 - Choose a design

You can style your Audio Block in the Design tab. In Player Style, you can choose between Minimal and Classic.

The_Content_Alley_Podcast___KB_Website.png

In Minimal, you can set the Player Color to Light or Dark.

Here's an example of the Classic option. 

Step 6 - Show a Download link

To allow visitors to download the track, check Show Download Link in the Design tab. The download link will display to the right of the Audio Block. This option is always unchecked by default.

Step 7 - Save

Click Apply to publish your changes.

Was this article helpful?
42 out of 74 found this helpful
Using the Audio Block