How to Add Music to Your Website for Free

\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 click the 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 may choose 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 search for songs.

i want to add music to my website

4.  In the search results below, just simply click + button to start adding tracks to your 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 many options to choose, you just have to explore them. For this example, Soft Cloud was 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

Have more questions? Submit a request


Please sign in to leave a comment.
Powered by Zendesk