Audio Blocks add an 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 SoundCloud Blocks 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, Audio Blocks open on a new page.
Step 1 - Add the Audio Block
- Open a page or post editor.
- Click an Insert Point or the +.
- Select Audio from the menu.
- 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:
- In the Audio window, click Upload File.
- 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.
- After adding an audio file, the file name and file size will appear in the uploader.
Note: When you upload a file, the Title and Author/Artist fields auto-fill. If you upload a new file to the same Audio Block, you'll need to update the fields manually.
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
- 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.
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.
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.
Externally hosted files may not download successfully with this method, so we recommend only using this option with directly uploaded files.
Note: In Safari browsers on mobile devices, the download link opens the audio track but doesn't download it to the device.
Step 7 - Save
Click Apply to publish your changes.