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 a single 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, we recommend using the SoundCloud Block instead.

Audio file specs

For best performance across all browsers and devices, we recommend compressing your audio files using the following 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: There is a maximum file size of 160 MB when uploading a file from your computer. You can use a larger file by linking to an external file.
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. Ensure that it meets the audio file specifications listed above.

In the Audio window, click Upload File to begin. 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

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

Tips for popular audio and file sharing services:

Dropbox

The file must be located in your Public Dropbox folder. Public folders are available in Dropbox accounts created before October 4, 2012. To learn more, visit Dropbox’s documentation.

After adding the file to a Public Dropbox folder, click the file name in the Files list in Dropbox and copy the page's URL at the top of your browser. Don’t copy the Share link, as the Audio Block won’t recognize it.

SoundCloud

For SoundCloud audio, use the SoundCloud Block instead of an Audio Block. The Audio Block doesn’t support SoundCloud URLs.

The_Content_Alley_Podcast___KB_Website.png

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.

The_Content_Alley_Podcast___KB_Website.png

Note: Audio Blocks can only be used for podcasting within a Blog Page. Audio Blocks added to other pages can't be used for podcasts.
Note: 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.

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?
23 out of 41 found this helpful
Using the Audio Block