Audio blocks

Upload or link to audio files your visitors can listen to while browsing your site.

Last updated July 1, 2024

Use audio blocks to add a playable audio file to a page or blog post. You can upload a file from your computer or link to an externally hosted file.

Tip

To add SoundCloud audio to your site, use SoundCloud blocks instead.

Watch a video

Audio file format

Only .mp3 and .m4a files are supported. For best performance across all browsers and devices, we recommend compressing your audio files using these specifications:

  • Format: .mp3 or .m4a
  • 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, link to an external host.

Note

On iOS devices, audio blocks open on a new page when played. There's not a built-in way to prevent this, but this topic has come up on the Squarespace Forum. To learn more, visit this post. Keep in mind, custom code modifications fall outside the scope of our support. This means we're unable to help you set up or troubleshoot code-based solutions.

Add an audio block

To add an audio block:

  1. Edit a page or post, click Add Block or an insert point, then click Audio. For help, visit Adding content with blocks.
  2. Open the block editor by clicking the pencil icon on the block.
  3. In the Embed tab, upload an audio file or link to an external file.
  4. If you're setting up a podcast, add Apple Podcasts metadata tags in the Podcasting tab.
  5. Use the Design tab to change the appearance of the audio block and add a download link. If your site is on version 7.0, click Apply to publish your changes.

Note

Audio blocks added in Fluid Engine have a minimum height of two rows. If you resize the block to a smaller size, it will automatically resize to its minimum when you save changes.

Add an audio file

You can upload an .mp3 or .m4a file directly to the audio block or link to an externally hosted .mp3 or .m4a file.

Upload a file

To upload the file to the audio block from your computer:

  1. In the Embed tab, click Upload File.
  2. Drag your audio file into the uploader. You can also click Add an audio track to choose a file from your computer.

After adding the audio file, the file name and file size will appear in the uploader. The Title and Author / Artist fields populate based on the file's metadata, but you can edit them manually to change what displays in the block.

Note

If you upload a new file to the same audio block, you'll need to update the fields manually as the Title and Author / Artist fields won't update automatically.

The_Content_Alley_Podcast___KB_Website.png

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 under Audio File URL in the External File tab.

Your public URL should have https:// at the beginning and .mp3 or .m4a at the end. If your host only supports http:// links, the file won't load in the audio block.

You can then enter the following information:

  • File Size (in Bytes)
  • Audio File Mime Type
  • Title
  • Author / Artist

Note

Audio blocks don't support Dropbox URLs or SoundCloud URLs. For SoundCloud audio, use SoundCloud blocks instead.

Upload a file

To upload the file to the audio block from your device

  1. In the block editor, tap Upload File in the Upload tab.
  2. Choose the audio file from your device.
  3. Tap Title & Author to add title and artist information.

Use an external file

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

You can then enter the following information:

  • File Size (in Bytes)
  • Audio File Mime Type

To add Title and Author / Artist information, tap Title & Author.

Note

Audio blocks don't support Dropbox URLs or SoundCloud URLs. For SoundCloud audio, add SoundCloud blocks on your computer instead.

Add Apple Podcasts metadata tags

In the Podcasting tab, the information you add to the fields becomes metadata tags for your RSS feed. You only need to add metadata tags if you're using audio blocks for a podcast. To learn more, visit Podcasting with Squarespace overview

Keep in mind:

  • To set up a podcast, you must add audio blocks to 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 for uploaded files. For externally hosted files, manually enter those values to use the file for podcasting on Apple Podcasts.

Change the design

In the Design tab, you can style your audio block. Under Player Style, choose between Minimal and Classic.

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

KB Guide Image

For Classic, you can't change the color.

KB Guide Image

To add a link for visitors to download the track, check Show Download Link in the Design tab. This option is always unchecked by default. The download link will display to the right of the audio block.

Externally hosted files may not download successfully with this method, so we recommend only using this option with uploaded files.

Keep in mind, even if the download link is disabled, visitors may have other ways of downloading the file. If it's important to prevent downloading, review our tips for protecting audio on your site.

Note

In Safari browsers on mobile devices, the download link opens the audio track, but doesn't download it to the device.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.