How to Add Music to Your Website for Free | IconoSites Website Builder

add music to your website for free

So you want to add music to your website for free?  No problem!  We recommend using Podsnack, a free tool that allows you to upload as many songs as you wish, create your own playlists, and more.  Just imagine having totally customized music on your website.  In this tutorial, we’ll show you how to do it.

Video Tutorial

If you prefer to watch a video tutorial, here it is
(otherwise, continue with the written tutorial below):

Written Tutorial

1.  Go to Podsnack and create a free account, simply clickthe big Build a playlist button to get started.

add music to your website for free

2. Once you’ve registered successfully, click the New Playlist button at the top of the dashboard.

how to add music to your website for free

3.  Next is to type a name for the music player.  Then, in the Add Tracks, you maychoose among of the 3 options: First, acquire music from Youtube.  Second, from your Computer.  Or third, Record a track. In this example, Youtube was selected to searched for songs.

i want to add music to my website

5.  Once you’ve added the tracks to your playlist, simply click the Next button.

add music player to website

4.  In the search results below, just simply click + button to start adding tracks toyour playlist. Please see screenshot below.

add music player to your website

5.  Once you’ve added the tracks to your playlist, simply click the Next button.

add music player to website

6.  Next is to choose or customize your own music player template. There are manyoptions to choose, you just have to explore them. For this example, Soft Cloudwas selected. Click Finish when you’re done.

how to add music player to website

7.  Next is to click the Embed button to show the code.

add music player to your website for free

8.  Next is to click Copy button or highlight the entire code, then right click, select copy.

add free music player to website

9.  Next login to your Iconosites Control Panel and go to Header and Footer page. Under footer page section, click the HTML Editor then paste the code just before the website footer link. Click update then close after you’ve pasted it.

website builder

10.  Save your work by clicking the Save button. Now check the music player in your website footer. In this example you should see how it looks below. That’s it you’ve successfully embedded a simple music player into your website.

free website builder

How to Make a Website in Minutes, Free!

Like what you see? SIGN UP FOR ICONOSITES and Make a Website in Minutes with our Free Website Builder.

  • https://twitter.com/djmagic112 Mr Serious

    free website builder

  • Ben Thompsont

    Awesome and needed tutorial for website makers, it saved me hours of Googling. Thank you very much for sharing.

    • Bob Charles

      You’re welcome Ben!  Glad to help.

  • Ruby Notay

    I knew that it is possible to add the music to my web, but I have no idea how to put the song. You gave me the right direction. Thank you a lot. Waiting for new updates.

    • Bob Charles

      Hi Ruby, yes this way of adding music to your website is really cool because you can add your own songs and such…glad you liked the tutorial.

  • Ammy Ferer

    Nice post as usual. You have done really great and FREE resource for website makers. Keep up the great step by step coming. I’ve already become your big fan :-)
    Wish you all success.

    • Bob Charles

      Thanks Ammy!  We spend a lot of time trying to create the best tutorials on the web for website creation.  Our hope is that these tutorials provide tremendous value to the users of our free website builder.

  • Andre Lenon

    This is really useful and quality web. I enjoy finding sites that understand the importance of providing the quality information for the readers, for free. I will definitely share this tutorial with my friends. Btw, I look forward to the follow-ups!Thanks

    • Bob Charles

      No problem Andre!  Glad to do it.  We already have a lot of website tutorials, and you’ll see plenty more…

  • Dave Danch

    The content you provide is really informative, useful and interesting to read. You make it enjoyable and still take care of to keep it smart  and easy to follow. A true masterpiece. Thanks for sharing this information with us. I’ll visit your blog again!

    • Bob Charles

      Thanks Dave! If we can help you improve your website (especially for free :) , we’re happy.  That’s what its all about.  

  • Ren Mendoza

    What a great way to embed music in the website! The steps were clearly stated and easy to follow. Thanks Bob!

    One question, however. Is there any way that the music can start automatically when I open my website?

    Thanks!

Previous post:

Next post: