How to Embed Spotify Playlist in WordPress (Step-by-Step Guide) in 2022

Are you looking to embed a Spotify playlist in your WordPress blog? If yes, then you’ve come to the right place.

Spotify is one of the most widely used and popular music streaming platforms (with over 180 million active users per day). Not only does it allow users to stream music, but it also allows users to create their own custom playlists that they can share with friends and family.

Since Spotify removed the feature of music downloads, you can’t upload any music on your WordPress site to showcase to people. However, the easiest method is to embed a Spotify playlist in WordPress.

In this guide, I will show you how to embed Spotify playlists step by step in WordPress posts and pages. This will enable blog owners to showcase podcasts, trending songs, artists, and creators on their site.

So, let’s get started with the tutorial…

How to Embed Spotify Playlist in WordPress

Now, it’s time to learn how to add a Spotify playlist in WordPress. Learning this can be very beneficial for those who run or manage music or podcast blogs as it enhances your brand.

There are multiple methods to add a Spotify playlist to your blog. In this guide, we will learn to embed a Spotify playlist using the below methods:

  • Add Spotify playlist using Gutenberg editor
  • Add Spotify playlist using Classic editor
  • Add Spotify playlist in Widgets

Before going deep into all these methods, the first step is to get your Spotify playlist link to embed. Check how to get this link below.

Prepare Spotify Playlist Link

In order to embed a Shopify playlist in your WordPress posts or pages, you first need to get your hands on the playlist link. If you already have a playlist link, feel free to skip this section.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Login to Spotify

To copy the playlist from Spotify, you first need to visit the Spotify website and log in to your account (or sign up if you don’t have an account).

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Create your Spotify playlist

Now, if you don’t have a playlist yet, you can create a new one by visiting the “Your Library” page and selecting “Create Playlist” as shown in the image above.

Now, simply give your playlist a name and description and click on the “Create” button.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Copy playlist link on Spotify

Once you have successfully created your playlist, you can click on the three dots (more options) and select “Copy link to the playlist” under “Share” as shown in the image above. Make sure to copy or save this link somewhere.

Embedding Spotify Playlist in WordPress Using Gutenberg Editor

Now that you have your Spotify playlist link, the next step is to add it to your WordPress blog or website. The first method in our guide is for those people who use the new Gutenberg editor.

Here’s how to embed your Spotify playlist:

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
WordPress “All Posts” page

If you want to add the playlist to an existing post or page, simply edit that post or page. Or, if you want to create a new post or page specifically for your playlist, go ahead and click on the “Add New” option.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Search for “Spotify” Block

After that, click on the “+” sign to add a new block and then type “Spotify” in the search field. Once you find the “Spotify” embed block, simply click on it to insert it into your post or page.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Embed your Spotify playlist link

Now that the Spotify block has been added, you can enter your Spotify playlist link (that you copied at the beginning) in the provided box.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Spotify playlist preview

After adding the URL, simply click on the “Preview” button to see how your playlist will look on your website. If you’re happy with the way it looks, then you can click on the “Publish” or “Update” button to make your changes live.

And that’s it!

Now you know how to easily add a Spotify playlist to your WordPress blog or website. If you wanted to try more blocks and designs, refer to this article.

Embedding Spotify Playlist in WordPress Using Classic Editor

If you’re still using the “Classic Editor” to edit your posts or pages, don’t worry. I’ll show you how to add a Spotify playlist using the classic editor.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Edit or Create New Post

To add a Spotify playlist using the classic editor, simply open any post or page and paste the playlist link into the editor. WordPress will automatically convert the link to a Spotify playlist, as shown in the image above. It’s that simple.

✍️ Author’s Note;

If you want more control over how your playlist looks on your website, then you can use WordPress plugins for adding a Spotify playlist.

Some of these plugins are;

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Pasting Spotify playlist on “Insert from URL”

There is an alternate way to add a Spotify playlist in the classic editor. To use this method, click on the “Add Media” button and select the “Insert from URL” option. Then, paste the playlist link into the provided field.

That’s all you’ve to do!

Embedding Spotify Playlist in WordPress Widgets

Till now, we’ve shared two different ways for you to add a Spotify playlist to your WordPress posts or pages. But what if you want to add it to a widget instead? Here’s how to do that in just a few simple steps:

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Search ‘Spotify” Widget Block

First, visit the “Appearance > Widgets” page from the WordPress dashboard. Then, search for Spotify widgets and drag them into any area of your site that you want, as shown in the image above.

embed spotify playlist
Embed Spotify playlist on Widgets

Once the widget is in place, simply paste your Spotify playlist link into the provided field, as shown in the image above.

add spotify playlist to wordpress, embed spotify playlist in wordpress, embed spotify playlist wordpress, how to embed a spotify playlist in wordpress, how to embed spotify playlist, spotify playlist embed code
Preview of Spotify Widgets Block

And that’s it! Now all you have to do is update the widgets and visit your website to see how the playlist looks.

Troubleshooting Spotify Embed Not Working

Sometimes WordPress users run into issues when trying to embed Spotify playlists into their posts or pages. This is a common problem when using WordPress’s classic editor.

There are two main reasons why this might happen. First, the playlist link could be incorrect. Make sure that you paste the exact link without any spaces before or after. A wrong link can cause this issue.

Second, the playlist might be hyperlinked. You need to make sure that the playlist is not hyperlinked, otherwise, you won’t be able to add it. Also, before using any plugin for adding a Spotify playlist on your website, we do recommend taking a complete backup of your site to future-proof yourself from facing any issues.

Wrapping Up

Spotify has become a popular and reliable streaming service, with millions of users from all over the world. If you’re a Spotify user and a WordPress user, you may want to know how to embed a Spotify playlist into a WordPress post or page.

In the above tutorial, we have discussed how you can embed Spotify playlists using different methods. This can be useful for artists, musicians, and bands to showcase their music.

I hope today’s guide helps you add your Spotify playlist to your site. If yes, then share it over social media. Also, you can comment below with your feedback.

TheWPX is a blog where we cover topics related to Blogging, WordPress, SEO, and Affiliate Marketing.
All the information which is published on our website is collected through independent research and tests. The data is being verified through consultation with reliable sources.
Also, We constantly update the content on our website, keeping it fresh and relevant to our readers at all times.

Leave a Comment

Sunny Kumar

Sunny Kumar, Founder of TheWPX

Hola Amigos! I'm Sunny Kumar, founder of TheWPX. I started my journey in 2015, and since then, I've come a long way. And now, I'm helping new bloggers make their WordPress journey easy and effortless.