BACK TO TOP

How to Quickly Embed a Spotify Playlist to WordPress

How to Quickly Embed a Spotify Playlist to WordPress

Looking for a little something to spice up your WordPress website and add a personal touch? How about your own Spotify playlist, embedded right into your website? In this article, we’re going to show you how.

Why Spotify?

Spotify is an audio streaming service with more than 40 million tracks in its library. It is an immensely popular platform that, among other things, allows users to create and share their own playlists, picking and combining tracks for a unique listening experience.

One of the great things about Spotify is that it is a free service. Well, freemium, to be more precise. This means that you can use it for free, but if you decide to purchase a plan, you’ll be able to enjoy certain extra features, such as ads-free tracks and better streaming quality.

Adding Spotify playlists to your WordPress website is a cool way to make your website stand out. It adds a beneficial personal touch. Plus, by carefully curating your Spotify playlist, you build your brand further and offer an engaging and all-encompassing experience to your website visitors.

It’s also important to note that all of the tracks in the Spotify library are DRM-protected. DRM stands for Digital Rights Management and concerns copyrighted material. It’s virtually impossible to upload any copyrighted content to Spotify unless you’re the holder of the rights.

Therefore, website owners who decide to embed a Spotify playlist don’t have to worry about the legal implications of playing popular copyrighted material on their site.

A Top-Selling Creative Theme
Stockholm big banner
Stockholm small banner
Stockholm

A Genuinely Multi-Concept Theme

How to Embed a Spotify Playlist to Your Website

Realizing that people use different WordPress editors, we’re going to explain how to add a Spotify playlist to WordPress using the two most popular tools – Gutenberg and Classic Editor, and also using a widget.

Gutenberg

The first thing to do is to create your Spotify playlist. Once it’s good and ready, you’ll need to get the playlist URL:

1. Open your Spotify app (either Web or Desktop).
2. Click on the three horizontal dots next to the playlist or the track you want to get the URL for.
3. In the Web app, click on Copy Playlist (or Song) Link.
Spotify app
4. If you are using the Desktop app, go to Share and click on Copy Song Link.
Copy Song Link
5. Now that you got the link, it’s time to embed it. Log into your WordPress Dashboard. Go to the page or post you want to add Spotify to.
6. In Gutenberg, there is a specific block for embedding Spotify. Click on the (+) sign to add a new block and then type Spotify in the search field. The block will pop right up.
Gutenberg Spotify block
7. Paste the playlist or song URL in the field that says “Enter URL to embed here…” and click on Embed.
Embed
8. Click on Update or Publish to save the changes and that’s all there is to it.

Classic Editor

This method is extremely simple. First, you need to get the link to your song or playlist following the steps described in the previous section.

Now go to the page or post you want to embed the playlist to and simply paste the link where you want your playlist to be.

The URL will automatically convert to an embedded Spotify player.

Spotify player

And here’s what an embedded player looks like on a live page:

Live page

Widgets

You can add your Spotify player to any of your theme’s widget areas by simply adding a text widget and copying the URL.

1. In your Dashboard, go to Manage > Customize > Widgets.
2. Pick the Text widget from the available widgets list and drag and drop it to the desired widget area.
3. Click on the widget and type in the Spotify shortcode: `{`spotify url`}`. Replace “url” in the shortcode with the actual URL of your playlist. Click on Done and that’s it.
Spotify Widget

Adding Spotify with Qode Music Themes

If you’re using one of the Qode themes with the music module, you’ll be glad to hear we make embedding Spotify playlists even easier.

Fully equipped with everything a WordPress music theme should have, these themes come with a special shortcode for embedding playlists.

To add one, simply add a new element, select Audio Playlist, and select Spotify from the dropdown menu.

Insert the URL of your playlist, click on Save Changes, and that’s it.

Qode Themes: Top Picks
Bridge New Banner
Bridge

Creative Multi-Purpose WordPress Theme

Stockholm WordPress Theme
Stockholm

A Genuinely Multi-Concept Theme

Startit WordPress Theme
Startit

Fresh Startup Business Theme

Final Thoughts

Embedding a Spotify playlist or a single track to your WordPress website is really as easy as it gets. If you feel that a cool selection of your favorite tunes would make a good addition to the rest of your content and style, we say – go for it! After all, music makes everything better.

Post your comment

Comments0