How to Add an MP3 Audio Player to Your PhotoBiz Website

Overview

You can add an MP3 audio player to any page on your PhotoBiz website using an HTML Block. This allows visitors to play audio directly from your website without downloading the file.

This guide walks you through uploading an MP3 file, copying its file URL, adding that URL to the audio player code, and placing the player on your website. When you are finished, visitors will be able to play and pause the audio from the page.

STEP ONE

Log into your PhotoBiz account and click FILES in the left-side menu.

This opens the Files area where you can manage images, documents, audio files, and other files stored in your account.

STEP TWO

Click DOCUMENTS at the top, center of the Files section of your control panel.

STEP THREE

Click ADD FILES, then select the MP3 file you want to add to your website.

After the upload finishes, the MP3 will appear with the other files stored in Documents.

STEP FOUR

Click the uploaded MP3 file to open its file details. Locate the URL for the file, highlight the entire URL, and copy it.

You will use this direct file URL to connect the MP3 to the audio player on your website.

STEP FIVE

Copy the HTML code below. Replace YOUR-MP3-FILE-URL-HERE with the complete URL you copied from your MP3 file. Make sure the quotation marks around the file URL remain in place after you replace the placeholder.

Copy & Paste Code:

<audio src="Paste Your MP3 URL Here" controls="controls"></audio>

STEP SIX

Go to the WEBSITE section of your PhotoBiz account and open the page where you want the audio player to appear. Add an HTML Block to the page, then paste your completed audio player code into the HTML Block.

Click SAVE CHANGES when you are finished.

FINAL STEP

View the page on your website and click the Play button on the audio player. Confirm that the correct MP3 begins playing and that you can pause and control the audio normally.

Your MP3 audio player is now available to visitors on your PhotoBiz website.

Additional Options and Helpful Notes

File size: Website Packages allow files up to 4 MB to be uploaded. If your MP3 is larger than 4 MB, the Original Files upgrade allows files up to 50 MB to be uploaded to your account.
Keep the MP3 in Files: The audio player links directly to the MP3 stored in FILES → DOCUMENTS. If you delete the MP3 from your account, the audio player will no longer be able to play it.
Browser appearance: The player uses the visitor's web browser to display its audio controls. Its appearance may vary between Chrome, Safari, Firefox, mobile devices, and other browsers.
Playback: The code in this guide allows visitors to choose when to play the audio. It does not automatically begin playing when the page loads.
Multiple MP3 files: You can add additional audio players by repeating these steps with a different MP3 file URL.
Audio file performance: Large MP3 files can take longer to begin playing, especially for visitors using slower internet connections. Compressing your audio file before uploading it can help improve loading time.
Copyright and licensing: Make sure you have permission or the appropriate license to use any music or other copyrighted audio you place on your website.
Accessibility: If your MP3 contains spoken information that visitors need to understand, consider including a transcript or equivalent written information on the page.

Troubleshooting & FAQs

The audio player appears, but the MP3 does not play

Confirm that the complete MP3 file URL was added between the quotation marks in the HTML code. You should also confirm that the MP3 still exists under FILES → DOCUMENTS.

My MP3 will not upload

Check the size of the MP3 file. Website Packages allow files up to 4 MB. Files larger than 4 MB require the Original Files upgrade, which supports uploads up to 50 MB.

The audio player looks different from the example

This is normal. The audio controls are provided by the visitor's browser and operating system, so the exact design can vary between devices and browsers.

The wrong audio file plays

Return to FILES → DOCUMENTS, open the correct MP3, and copy its file URL again. Replace the existing URL in the HTML Block with the correct one and click SAVE CHANGES.

Previous Post Next Post

How To Embed an MP3 File On Your Blog Post for Playback

August 27, 2026

How Can I Embed an Image in My Text Editor?

July 6, 2026

What file types can I upload?

April 28, 2025

How To Create A Before & After Image Comparison Slider

May 15, 2025

How To Embed an MP3 File On Your Website For Playback