How Can I Add Background Music to Page or Gallery?

Can I add music to a Photocrati Gallery or any Page?

The answer is, YES. We’ve made adding music to any page very easy and intuitive.

To add an .mp3 to your gallery page, blog post, or even the blog page and category/archives…

Page/Blog Post:

1) Go to your page/post edit

2) Immediately to the right side of the screen will be a box titled ‘Add Music To The Page’ (post, if adding to blog post). Select your desired settings, and click ‘Upload mp3’ and select file from your computer
AddMusic

3) When the file has completed uploading, grab the URL to the file

4) Paste the URL in the textbox next to the ‘upload mp3’ button

5) Publish / Update page or post and you’re done! 🙂

Blog Page and Category/Archives Page:

1) Go to Theme Options > Customize Theme > Global > scroll down to ‘Blog & Category Music’

2) Select your desired settings

3) Click ‘upload .mp3’ and select file from your computer

4) After the file has completed uploading, grab the URL to the file

5) Paste the URL in the textbox next to the ‘upload .mp3’ button

6) Click ‘Save Music Settings’

You’re Done! 🙂

This Post Has 34 Comments

  1. I tried to follow these steps to add music to a page and it does not work.

    Some people would like to have music auto start to their gallery or other page that doesn’t include a slideshow that has music already. To do this, open up your page to edit, click the ‘HTML’ tab and insert the following code:

    Insert the URL to your music file where directed and ‘update’ your page and you should see results like this: click here .

    where do I put the URL to my music? in a custom field? This is just not very clear to me. can you guide me on how to do this. I have my music on my word press already and when I follow this guide lines. I just don’t see anything on my page anymore. can you be more specific as to where to put the music file? it only say insert the url music as directed, where is that?

  2. I tried to follow these steps to add music to a page and it does not work.

    Some people would like to have music auto start to their gallery or other page that doesn’t include a slideshow that has music already. To do this, open up your page to edit, click the ‘HTML’ tab and insert the following code:

    Insert the URL to your music file where directed and ‘update’ your page and you should see results like this: click here .

    where do I put the URL to my music? in a custom field? This is just not very clear to me. can you guide me on how to do this. I have my music on my word press already and when I follow this guide lines. I just don’t see anything on my page anymore. can you be more specific as to where to put the music file? it only say insert the url music as directed, where is that?

  3. Pablo,

    You would add the URL to your music file where it says “URL://music-file” . So instead of “URL://music-file” it would be something like “http://www.yourdomain.com/wp-content/uploads/musicfile.mp3”

    Let me know if you have any further questions, I’m happy to help. 🙂

  4. Pablo,

    You would add the URL to your music file where it says “URL://music-file” . So instead of “URL://music-file” it would be something like “http://www.yourdomain.com/wp-content/uploads/musicfile.mp3”

    Let me know if you have any further questions, I’m happy to help. 🙂

  5. Okay thank you a bunch! I will give that a try today.

  6. Okay thank you a bunch! I will give that a try today.

  7. this is what I put in the body of the page and it shows my album with galleries but no music sound. this shows at the bottom of the page: It doesn’t play anything. Can you tell me what I’m doing wrong?

  8. this is what I put in the body of the page and it shows my album with galleries but no music sound. this shows at the bottom of the page: It doesn’t play anything. Can you tell me what I’m doing wrong?

  9. I put this on the beginning of the body <embed autostart="true" height="0" loop="true" src=" link to my song here, and it still doesn't play.

  10. I put this on the beginning of the body <embed autostart="true" height="0" loop="true" src=" link to my song here, and it still doesn't play.

  11. @serranoimage : I am assuming you entered the code directly into a .php file. Instead, go in the backend of wordpress and choose a page/post and insert that code in the HTML editor. Not directly in a template file.

  12. @serranoimage : I am assuming you entered the code directly into a .php file. Instead, go in the backend of wordpress and choose a page/post and insert that code in the HTML editor. Not directly in a template file.

  13. Okay thank you Janvier but what do you mean php file or html editor? where do i find this? I just went to page post a new page and on the body part I clicked on html not visual, and put it there. It still doesn’t work. how exactly am I suppose to do it? I’m new to this so I only know the basics. I’m reading and trying different things and I just can’t get it right. If you can tell me how to do it step by step that would be great. I hope you can. Thanks!

  14. Okay thank you Janvier but what do you mean php file or html editor? where do i find this? I just went to page post a new page and on the body part I clicked on html not visual, and put it there. It still doesn’t work. how exactly am I suppose to do it? I’m new to this so I only know the basics. I’m reading and trying different things and I just can’t get it right. If you can tell me how to do it step by step that would be great. I hope you can. Thanks!

  15. serranoimage,

    that’s how you are supposed to do it. I was confused by the .

    The editor I was mentioning is the VISUAL || HTML which you got to.

    Now, make sure you close the embed tag as follows

    if it still doesn’t work, email me support at photocarati.com the whole code so I have a look at it.

  16. serranoimage,

    that’s how you are supposed to do it. I was confused by the .

    The editor I was mentioning is the VISUAL || HTML which you got to.

    Now, make sure you close the embed tag as follows

    if it still doesn’t work, email me support at photocarati.com the whole code so I have a look at it.

  17. i have been working on this for hours. I’ve uploaded my media. i have the link to the mp3 file i would like to play and it is not playing in my home page OR in my galleries. serranoimage help :/

  18. i have been working on this for hours. I’ve uploaded my media. i have the link to the mp3 file i would like to play and it is not playing in my home page OR in my galleries. serranoimage help :/

  19. Hi !!!! I’m also trying to upload music to my page but is not working ! I tried everything that you said but no luck 🙁
    Can someone help me ?
    Thank you ,
    Lala

  20. Hi !!!! I’m also trying to upload music to my page but is not working ! I tried everything that you said but no luck 🙁
    Can someone help me ?
    Thank you ,
    Lala

  21. @Pablo – we emailed you back early yesterday morning – but have yet to hear from you. I’m happy to hear that you got everything to work, please let us know if you have any further questions. We’re happy to help! 🙂

    @DoubleM… & @studiobylala – make sure your “URL://music-file” is completely replaced with a full URL like: “http://www.yourdomain.com/wp-content/uploads/yourmusicfile.mp3”

    If inserted in HTML view and then save changes- it should work.

  22. @Pablo – we emailed you back early yesterday morning – but have yet to hear from you. I’m happy to hear that you got everything to work, please let us know if you have any further questions. We’re happy to help! 🙂

    @DoubleM… & @studiobylala – make sure your “URL://music-file” is completely replaced with a full URL like: “http://www.yourdomain.com/wp-content/uploads/yourmusicfile.mp3”

    If inserted in HTML view and then save changes- it should work.

  23. It works !!!! thank you for all your help it was my link my mistake .
    Thank you again 🙂
    Lala

  24. It works !!!! thank you for all your help it was my link my mistake .
    Thank you again 🙂
    Lala

  25. I was lucky to get it running quite quickly! Thanks!
    and the question is – how to keep it running when I navigate away to another page? Thank you in advance, Agnese

  26. I was lucky to get it running quite quickly! Thanks!
    and the question is – how to keep it running when I navigate away to another page? Thank you in advance, Agnese

  27. That is a feature of flash, which has yet to be converted to work well in any other format. For now, you may link a single .mp3 per page as described above. 🙂

  28. That is a feature of flash, which has yet to be converted to work well in any other format. For now, you may link a single .mp3 per page as described above. 🙂

  29. Great add-on, thanks.

  30. Great add-on, thanks.

  31. This is from what I gathered how you do it. I am trying to do this from a cd and then save the burned song in my library and under music. Am I going about this all the wrong way. I dont understand the mp3 thing since I dont have one (yes, really,,,, I dont own one).

    Thanks Mike

    1. Mike, Sounds like you need to convert your sound files to mp3’s. Music files on CDs are in a different format called .aif and need to be converted to mp3’s before they will work with an mp3 player on a website. Depending on if you’re on Windows or a Mac, look into a sound editor for your PC or Mac that can convert sound file formats.

      Mark – Photocrati Tech Support

  32. This is from what I gathered how you do it. I am trying to do this from a cd and then save the burned song in my library and under music. Am I going about this all the wrong way. I dont understand the mp3 thing since I dont have one (yes, really,,,, I dont own one).

    Thanks Mike

    1. Mike, Sounds like you need to convert your sound files to mp3’s. Music files on CDs are in a different format called .aif and need to be converted to mp3’s before they will work with an mp3 player on a website. Depending on if you’re on Windows or a Mac, look into a sound editor for your PC or Mac that can convert sound file formats.

      Mark – Photocrati Tech Support

Comments are closed.

Close Menu