How to Add Music to Your Website
12/13/2021
Return to Help Center /
Return to help.dataczar.com /
View this tutorial video to learn how to add music to your website @ connect.dataczar.com!
How to Add Music to Your Website | Updated June 02, 2021
Step1 (add the MP3 to your Content):
- Login via connect.dataczar.com and go to the Content button on the Main Menu.
- Click "Choose Files" and find your MP3 file > Then double click on the MP3 file to upload.
- Your MP3 will now be located in "My Files" on the Content button.
- Go to "My Files" and "Copy" the MP3 link (this automatically goes into your clipboard).
Step2 (embed the MP3 to your Page or Post):
- Go to the page or post you wish to update (or create a new page or post) > And click edit.
- Scroll down to the editing screen > Decide where you wish to add the MP3 > Click on "Edit Code" (on the editor toolbar).
- Click on "< > Source Code" > This takes you to the code to edit.
- Paste the MP3 link (that you have copied into your clipboard from #4 above) into a new line (where you want the MP3 to show up).
- Now, copy and paste one of the codes shown below into the next line down (directly below where you want the MP3 to show up).
- Go back to the MP3 link (in #4 directly above) and "Cut" (control C) to remove the MP3 link (and put back into your clipboard).
- Next, replace the words MP3_Link_goes_here text with the MP3 link (that's now back in your clipboard).
- Click OK to save the code adjustment and return to the regular Editor window.
- Click on Previews to preview.
- If all looks good, click Create or Update to save.
Manual Audio Bar Code:
<p><audio controls="controls">
<source src="MP3_Link_goes_here" type="audio/mpeg" />
Your browser does not support the audio element.</audio></p>
Autoplay Code:
<p><audio autoplay="autoplay" controls="controls">
<source src="MP3_Link_goes_here" type="audio/mpeg" />
Your browser does not support the audio element.</audio></p>