In the tutorial “3 easy ways to embed an online MP3 player on the web“, I showed you very simple way to embed a music player on your Webnode website.

Let’s take a look at your other options together.

Do you LIKE Spotify?

Simply embed your Spotify playlist / album to your Webnode website.

Spotify is a great app for listening music and there is no need to introduce it in detail.

In Spotify, you can find your favorite playlist or album and get the HTML code.

You then simply paste the generated code into your website using the “HTML” function and that’s it.

The negative thing about this: Visitors can listen to just the first of 30sec of songs on your website, then they need to listen to the song in the Spotify app anytime.

 

Demo of Spotify mp3 Embed Player:

How to embed artist/playlist from Spotify to Webnode?

1. Open your favorite playlist or specific album (artist) in Spotify and click on 3 dots.

prehravač-hudby-na-webnode-spotify

2. Click on “Share” and select “Embed playlist / artist“.

3. Copy the playlist code with the “Copy” button.

4. Sign in to Webnode and paste your code using the “+” and “HTML” buttons.

5. Publish changes and you are DONE.

Few words at the end

I’m glad you managed to add a song from Spotify to the web at Webnode!

It’s a good tweak, don’t you think? Write me a comment or send a link to your playlist – I’m happy to hear it.

More awesome tutorials

How to add an event calendar to a website?

How to add an event calendar to a website?

Event Calendar Event Calendar Widget - Free VS Premium Event Calendar Templates TUTORIAL: How to Add an Event Calendar to a Website? Event Calendar- Preview A Few Words at the End Event Calender - FAQEvent CalendarIn previous articles we focused on How to add number...

How to create a website for free in 6 steps?

How to create a website for free in 6 steps?

Websites for Free Free Websites – Templates Who are Free Websites Suitable for? Websites for Free & Own Domain Free Websites - 5 Proven Tips to Get Started TUTORIAL: How to Create a Website for Free in 6 Steps? A Few Words at the End Websites for Free -...

How to add number counter to website?

How to add number counter to website?

Animated Number Counter Number Counter - free VS premium Number Counter - templates TUTORIAL: How to add Number Counter to website? Number Counter - preview A few words at the end Number Counter - FAQAnimated Number CounterIn previous articles, we wrote How to link...

How to customize checkout settings in Webnode e-shop?

How to customize checkout settings in Webnode e-shop?

Buying process and Webnode e-shop What is the buying process? What can be customized/set up for checkout settings in Webnode e-shop? TUTORIAL: How to customize the checkout settings in Webnode e-shop? A few words at the end Checkout settings – FAQ  Buying process...

How to create a kennel website?

How to create a kennel website?

Kennel website - introduction Kennel website - benefits Kennel website - must-haves Kennel website - pricing Kennel website - Webnode templates TUTORIAL: How to create a kennel website? A few words at the end Kennel website - FAQKennel website - introductionIn...

How to link social media with a website in Webnode?

How to link social media with a website in Webnode?

Social Media & Webnode Social Feed widget - free VS premium Social Feed widget - templates TUTORIAL: How to link social media with a website? Social Feed widget - preview A few words at the end Social Feed widget - FAQSocial Media & WebnodeIn the latest...

How to link your Instagram with website in Webnode?

How to link your Instagram with website in Webnode?

Instagram & Webnode Instagram Feed widget - free VS premium Instagram Feed widget templates TuTORIAL: How to link Instagram with website in Webnode? Instagram Feed widget - preview A few words at the end Instagram Feed widget - FAQInstagram & WebnodeWe have...

How to create a website in Webnode using the AI?

How to create a website in Webnode using the AI?

Website with Webnode and Artificial Intelligence (AI) Benefits of creating a website with AI TUTORIAL: How to create a website in Webnode using AI? Migrating a website to Webnode using AI Webnode's AI-powered user experience A few words at the end Webnode web using AI...

How to add reviews from Facebook to a website in Webnode?

How to add reviews from Facebook to a website in Webnode?

Facebook Reviews in Webnode Facebook Reviews - free VS premium Facebook Reviews - choose the right type Facebook Reviews widget and Webnode e-shop/web TUTORIAL: How to add reviews from Facebook to a website in Webnode? A few words at the end Facebook Reviews HTML...

How to add notification pop-up widget in Webnode? FREE!

How to add notification pop-up widget in Webnode? FREE!

Notification pop-up in Webnode Notification Pop-up window - free VS premium Notification pop-up window - choose the right type Notification Pop-up window and Webnode e-shop/web Pop-up window - also works on mobile/tablet TUTORIAL: How to easily add a pop-up in...

How to add Google Reviews in Webnode?

How to add Google Reviews in Webnode?

Google Reviews in Webnode Google Reviews - Free VS Premium Google Reviews - Choose the Right Type Google Reviews Widget and Webnode E-shop/Web TUTORIAL: How to add Google reviews to your website on Webnode? A Few Words in Conclusion Google Reviews HTML Widget -...

Was this tutorial helpful? Share it, please.

Viliam
Follow me