All Collections
Working with Embeds
Embedding Audio on your website
Embedding Audio on your website

Learn how to upload an audio file and embed that on your website for visitors to listen to

Alex Piepenbrink avatar
Written by Alex Piepenbrink
Updated over a week ago

If you have an audio clip you'd like to add to your website, you can do so by uploading it to the media library and then embedding it into your site.

  1. Open the Media Library and upload the Audio File. You can do this by dragging and dropping the file into the Media Library or by clicking the blue "Upload File" button in the upper left.

  2. Navigate to the Files option on the left hand menu to see the uploaded file

  3. Select the file and over on the right hand side click on "Copy Link"

  4. Close the media library and go to the place on the page you would like to add the audio player. Drag and drop an embed element onto the page where you would like the audio player to go. Click into the middle of the embed element to open up the embed dialog box.

  5. Copy and paste this code in:

    <audio controls>
    <source src="URL GOES HERE"></audio>


    Where you replace URL GOES HERE with the link you copied from the media library. It will end up looking like this:


    If the text is colorful as in the screenshot above, you'll know it's working. If it's gray then you're missing a character, most likely the " around the url, so make sure you're copying and updating the code correctly.

  6. Make sure you resize the embed element to fit the audio player and avoid having extra spacing unless your design calls for it.

  7. And that's it! Publish your site and check out the audio clip on the live site.

Did this answer your question?