3 simple ways how to embed an online MP3 player on the web in Webnode

Are you looking for a simple way how to embed MP3 player on Webnode site?

In this tutorial I will show you three easy ways (free of charge).

1. The first way is to use the function directly in the Webnode editor. Click “+” and “File“.

• Mp3 will start in a separate cart.
• Mp3 can be freely inserted into the server space limit. Free version of Webnode is 100 MB.

2. The second option is the use of an external service (HTML code). We will use Powr.io,

where you can freely generate MP3 music player for 3 songs. Adding additional mp3s is already charged by buying a premium account.

1. Click on “Try It now FREE“.

2. Register

3. click here – (it will redirect you to music player creator).

4. Click on “Create your own“.

5. You can remove the demo and upload your own songs using the Upload Mp3 button. The limit for a free version file is 5 MB.

TIP: You can change the colors and overall appearance of the player in the “Design” box.

6. If you are satisfied with your player, click “Add to site” at the top of the screen.

7. Choose “FREE” plan for 3 songs clicking on “Select plan“.

8. Copy the HTML code of your mp3 player and paste it into the Webnode web site using the + and HTML code funcion.

3. The third option and i highly recommend to use, is the great Sound Cloud service.

Instructions for inserting the MP3 player from SoundCloud to Webnode

1. Register here: https://soundcloud.com/

2. In the top bar, click “Upload” and upload your songs.

3. After uploading the songs, click “Stream” in the top bar and then “Share” next to your playlist.

4. click “Embed” and you can also edit the color of the player and copy the code.

5. You can paste the mp3 player code from SoundCloud on Webnode using the “+” and “HTML” buttons.

6. Publish changes. You can see the player from SoundCloud in the published version of your site.

Preview of free mp3 player – SoundCloud

More awesome tutorials