Website Building » Squarespace » How Do I Embed Audio in Squarespace?

How Do I Embed Audio in Squarespace?

Last updated on October 1, 2022 @ 8:55 am

There are a few ways to add audio to your Squarespace site. One way is to use an audio block.

To add an audio block:

1. In the Home Menu, click Pages. 2. Click the + icon next to the page you want to add the audio player to, then click Add Audio. 3. A new audio block will appear on your page.

By default, the audio player will appear as a small square in the top-left corner of your page. 4. To upload your audio file, click the + icon in the center of the block, then select your file from your computer. 5. To change how your audio player looks, click Design under Player in the Block Settings panel on the right. Here, you can change the size, color, and layout of your player.

You can also use HTML to embed an audio player in your Squarespace site.

To embed an audio player using HTML:

1. Copy the code in the Embed Code field under Player in the Block Settings panel on the right.

6. In a new browser tab or window, open your site’s code editor by going to Settings > Advanced > Code Injection.

7. Paste your code into the Header Code Injection field and click Save.

Your embedded audio player will now appear on your site.

PRO TIP: If you are planning to embed audio in your Squarespace website, be aware that there are some potential risks and challenges associated with this. In particular, you may find that your audio does not play correctly on all devices, or that it doesn’t work at all on some browsers. Additionally, if you are using copyrighted music, you could be opening yourself up to legal action. Therefore, it is important to consider all of these potential risks before proceeding.

Conclusion:

Squarespace makes it easy to add audio players to your site using either their built-in blocks or HTML code injection.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.