The simplest way to add Spotify to Tumblr

Tumblr does not have a built-in Spotify embed feature, so you will need to use Spotify's web player embed code or a third-party tool. The most direct method is to grab the embed code from Spotify itself, then paste it into a Tumblr post using HTML mode. Spotify provides embed codes for individual tracks, albums, and playlists — the code generates a playable player that your followers can use without leaving Tumblr.

The process takes about two minutes: find what you want to share on Spotify's website, copy the embed code, switch your Tumblr post to HTML view, and paste the code where you want the player to appear. The embedded player will show up as a small, interactive widget that lets readers play the track or playlist directly.

Key Takeaways

  • Spotify's embed code is the official way to add a playable player to your Tumblr post, and it works on both desktop and mobile.
  • You must switch your Tumblr post editor to HTML mode to paste the embed code — it will not work in the regular text editor.
  • The embed code comes from Spotify's website by right-clicking a track or playlist and selecting "Share" or "Copy Embed Code".
  • Embedded players take up space in your post, so they work best when you are writing about music rather than adding them to image-heavy posts.

Finding and copying the embed code from Spotify

Open Spotify in a web browser and search for the track, album, or playlist you want to share. Once you find it, right-click on the title and look for a "Share" option or a menu that includes "Copy Embed Code". On some versions of Spotify's website, you may see a three-dot menu icon next to the title instead — click that and select "Share" or "Embed".

Spotify will show you a small window with the embed code already highlighted. The code looks like a long string of text starting with <iframe. Click "Copy" or select all the text and copy it manually. Do not edit or shorten this code — Spotify needs every part of it to make the player work.

If you cannot find a Share or Embed option, try a different browser or clear your browser cache. Some older browsers or browser extensions can hide Spotify's sharing menu.

Switching to HTML mode in Tumblr and pasting the code

Start a new post in Tumblr or open an existing draft. In the post editor, look for a button or toggle labeled "HTML" or "<>" — this is usually near the top of the editor, sometimes in a menu marked "More options". Click it to switch from the regular text editor to HTML mode.

In HTML mode, you will see the raw code behind your post. Click where you want the Spotify player to appear — typically after a paragraph of text or on its own line. Paste the embed code you copied from Spotify. You can add text before or after the code, and Tumblr will display both the text and the player when the post goes live.

Once you have pasted the code, you can switch back to the regular editor to see a preview of how the post will look. The player should appear as a small rectangular widget with Spotify's green color scheme.

What the embedded player looks like and how it works

The Spotify embed appears as a compact player showing the track or playlist name, the artist, and a play button. Readers can click the play button to start listening without leaving Tumblr, though they will hear a brief preview if they are not logged into Spotify. A full listen requires a Spotify account, but the player itself is visible to everyone.

The player is responsive, meaning it adjusts its size on mobile phones and tablets. On desktop, it typically takes up about one-third of your post width. The player does not autoplay — your followers have to click the button to start the music, so it will not surprise them with sound.

Using third-party tools if Spotify's embed code does not work

If you cannot find the embed code on Spotify's website or it is not working in your Tumblr post, you can use a third-party embed generator. Websites like Spotify Embed or similar tools let you paste a Spotify link and generate embed code that may work better with Tumblr's system.

Paste your Spotify track or playlist link into the generator, and it will create a code block you can copy and paste into your Tumblr post the same way you would use Spotify's official code. These tools sometimes produce slightly different-looking players, but they function the same way.

Be cautious with third-party tools — use only ones that are well-established and do not ask for your Spotify password. Spotify's official embed code is always the safer choice if it is available.

Troubleshooting when the player does not appear

If you pasted the code but the player is not showing up, check that you switched to HTML mode before pasting. A common mistake is pasting the code in regular text mode, which will display the code as plain text instead of creating a player. Delete what you pasted, switch to HTML mode, and try again.

If the player appears but is blank or broken, the embed code may have been cut off when you copied it. Go back to Spotify, copy the entire code again, and make sure you pasted all of it — the code should be several lines long, not just one or two.

Some Tumblr themes or custom CSS can interfere with embedded players. If the player appears but looks wrong or is too small, try switching to a different Tumblr theme temporarily to see if that fixes it. If it does, the issue is with your theme's styling, not the embed itself.

Frequently Asked Questions

Can my followers listen to the full song in the embedded player?

Only if they have a Spotify account. Non-Spotify users will see the player but can only hear a 30-second preview. The player does not require them to leave Tumblr, but they cannot bypass Spotify's account requirement.

Will the embedded player work on mobile Tumblr?

Yes. The player is responsive and adjusts to fit phone and tablet screens. Readers can tap the play button and listen the same way they would on desktop, as long as they have the Spotify app or a web browser open.

What if I want to embed a song that is not on Spotify?

Spotify's embed only works for tracks, albums, and playlists available on Spotify. If the song is not on Spotify, you cannot use this method. You could instead link to the song or use a different music platform's embed if it is available there.

Can I embed a Spotify playlist instead of a single track?

Yes. The process is identical — right-click the playlist name on Spotify's website, copy the embed code, and paste it into your Tumblr post in HTML mode. The embedded player will show the playlist name and let readers browse and play tracks from it.

Does embedding Spotify hurt my Tumblr post's performance?

Embedded players add a small amount of loading time, but not enough to noticeably slow down your post. If your post is already heavy with images or videos, the player may take a moment to load, but it will not prevent your post from displaying.