How To Add Spotify Playlist To Your Blog

What is a Spotify Widget?

A Spotify Widget allows you to embed special spotify features on other webpages, posts and social media. Spotify widgets can either be a 'Spotify Embed' or a 'Follow Button'.

Spotify Embed Code

Right-click any song or playlist in the Spotify app and select "Share", then click on "Copy Link" or "Copy Embed Code" to copy the Spotify Link or Embed Code. You can also generate a spotify embed code or follow button code using the Spotify code Generator.

Spotify Embed enables your site visitors or followers play music directly on your website without leaving that page. You can embed tracks, albums or playlists on your blog posts and web pages.

Do I need a Spotify Account to embed a playlist ?

No, You don't need a Spotify account to embed a Spotify playlist on your website, however you will need an account to play/listen to entire tracks. Spotify embeds will only play the first 30 seconds of the song and then you are required to log in

How to Embed a Spotify Playlist on my Website?

Step 1: Right-click any song or playlist in the Spotify app and select "Share."
Step 2: Click on "Copy Link" or "Copy Embed Code" to copy the Spotify Link or Embed Code.
Step 3: Paste the URL or code into your website.
Step 4: Save and Publish your Website.

How do I embed Spotify on WordPress?

Spotify Widgets are well supported on wordpress. To do this,

Copy the URL or code from the Spotify Player
Simply Paste the link in the editor of any page or post

How do I embed Spotify on Squarespace?

In the Spotify desktop app, go to the playlist you wish to use.

Click the … icon under the playlist title.
Hover over Share, then click Copy Embed Code.
On your Squarespace site, go to the page where you want to add the playlist.
Add an Embed Block.
In the block editor, click the </> icon to the right of the text field.
Paste the playlist code into the text field and click Set.
Click Apply.

For HTML Websites

In the HTML code of a page, hosted on a website that supports iframes, simply copy the code from the player as explained above.

You can paste it anywhere between the tags <body> and </body>.

How do I embed Spotify on Wix?

Login to your Wix Account and
Click Add on the left side of the Editor.
Click More.
Select HTML iframe, or drag it to the relevant location on your page.
Click Enter Code.
From the Mode dropdown, select HTML code.
Paste the code from the Player.
Click Update.

spotify play button

How do I embed Spotify on Tumblr?

In your Tumblr Dashboard create a new text post or edit an existing one.

From the Settings menu, either select Text editor: HTML or in the toolbar, click the html link.
Copy the code from the player and paste into the main window.
Click Post; the widget should now be visible in your blog.