how to add page background music

  • 2
  • Question
  • Updated 8 years ago
  • Answered
how to add music that plays once page is open
Photo of contact


  • 1 Post
  • 0 Reply Likes
  • unsure

Posted 8 years ago

  • 2
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Contact

Unless you have definite reasons for doing this - such as that you are a musician and the people coming to your site will expect to hear a clip of your music, you should avoid adding music that plays automatically if at all possible. Music that plays automatically is one of the quickest ways to get people to leave your site, either because they need it to be quiet because they are browsing the internet in an office, computer lab, library etc, or because it clashes with their own music that they are playing on their computer. Most people react by closing the browser tab or window the second the music starts to get rid of the unwanted intrusion as fast as possible. However, if you still decide that background music is appropriate for your site, you can add music by uploading the sound file to your file manager and then using the HTML Widget to embed the music.

I am going to share a link to an excellent article that explains how to do this. The article also gives very sound advice on the implications of adding music to your website. Please review it carefully before you proceed: background music.

You can add HTML embed code for your music by dragging and dropping an HTML Widget from the Sidebar on the right onto your page (the icon for this is a blue sphere). An HTML editor will open up that will allow you to write or paste in your code. When you are done, click "OK" and you will see the way that the HTML displays on your page

To edit the HTML in a Text Widget, click the last icon on the text editing toolbar (HTML) You can then edit the HTML. When you are finished, click "OK" to return to editing text with the Yola text editor.

The path to your music files would be:



"resources" is the name of the File Manager (you must not change that).
"folder" - if your file is in a folder, include the folder name.
"file.mp3" is the name of your file.

Please ensure that the path name is identical to the one in the File Manager in terms of upper and lower-case letters, dots, dashes etc.

If you prefer to use a widget or a music player, you can also add music by using the Yola MP3 Player: Adding music to your site with Yola's MP3 Player.

Please ensure that you own the copyright to the music you will be playing.

Please let me know if you have any trouble with this.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hello contact, did the (awesome and very helpful) info that Sanja posted above help you? If it did please let us know so we can help you further if it did not.

Photo of Nathan Djelektrinate Schmidt

Nathan Djelektrinate Schmidt

  • 2 Posts
  • 0 Reply Likes
I couldn't get my mp3 to autoplay for background music
and I tried all sorts of coding in the html using (object) (a href) (embed) (autoplay="true" loop="true") with the (resources/folder/file.mp3") path with the exact capitals and characters, but every time I clicked on refresh nothing would play...
Photo of Emmy


  • 5892 Posts
  • 299 Reply Likes
Hello Nathan,
Can you tell us the page of your site you have added this to and give us a link so that we can take a look at the code you have added and see what the problem might be.