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):

  1. Login via connect.dataczar.com and go to the Content button on the Main Menu.
  2. Click "Choose Files" and find your MP3 file > Then double click on the MP3 file to upload.
  3. Your MP3 will now be located in "My Files" on the Content button. 
  4. Go to "My Files" and "Copy" the MP3 link (this automatically goes into your clipboard). 


Step2 (embed the MP3 to your Page or Post):

  1. Go to the page or post you wish to update (or create a new page or post) > And click edit.
  2. Scroll down to the editing screen > Decide where you wish to add the  MP3 > Click on "Edit Code" (on the editor toolbar).
  3. Click on "< > Source Code" > This takes you to the code to edit.
  4. 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).
  5. 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).
  6. 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).
  7. Next, replace the words MP3_Link_goes_here text with the MP3 link (that's now back in your clipboard). 
  8. Click OK to save the code adjustment and return to the regular Editor window.
  9. Click on Previews to preview.
  10. 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>