# How to Add a Spotify Embed Link to a Tumblr Post Sharing music on Tumblr has always been part of the platform's identity, and embedding a Spotify track, album, or playlist takes that a step further than just dropping a link. Instead of sending your followers somewhere else, an embedded Spotify player lets them listen directly inside your post. Here's how it works, what affects the experience, and where your own setup matters. ## What a Spotify Embed Actually Does When you embed Spotify content, you're placing an **interactive media player** inside a post rather than just sharing a URL. Visitors can see the album artwork, track listing, and play controls without leaving Tumblr. The player streams audio through Spotify's infrastructure, so playback quality and availability depend on the listener's own Spotify account and region — not your post. Spotify supports embeds for: - **Individual tracks** - **Albums** - **Playlists** - **Podcasts and episodes** - **Artists** Each type generates its own embed code, and the visual footprint of the player varies slightly between them. ## How to Get the Spotify Embed Code Spotify makes embed codes available through its web player and desktop app. **From the Spotify Web Player or Desktop App:** 1. Navigate to the track, album, playlist, or podcast you want to share 2. Click the **three-dot menu** (⋯) next to the title 3. Select **Share** 4. Choose **Embed track** (or Embed album/playlist depending on what you're viewing) 5. A preview window will appear with the player and an iframe code below it 6. Copy the full ` ``` You can adjust the **width and height values** in the code before pasting, which matters when fitting the player into Tumblr's column layout. ## Adding the Embed to a Tumblr Post 🎵 Tumblr's post editor has two modes: a visual editor and an HTML editor. The embed code only works through the **HTML editor**. **Steps:** 1. Start a new post on Tumblr — use a **Text** post type 2. In the post editor toolbar, look for the **HTML toggle** (sometimes shown as `<>` or "HTML" depending on your theme and editor version) 3. Switch to HTML view 4. Paste your copied Spotify iframe code directly into the post body 5. Switch back to the visual editor to preview how it looks 6. Publish or queue the post as normal If you're using **Tumblr's older editor** versus the newer dashboard editor, the toggle location differs slightly. The new editor places it within the formatting toolbar; the legacy editor has a dedicated HTML tab. ## Variables That Affect How the Embed Behaves Not every embed experience looks or works the same way. Several factors shape what your followers actually see and hear. **Tumblr theme and layout width** Your active Tumblr theme controls the content column width. A narrow theme may clip a wide player. Setting the iframe width to `100%` rather than a fixed pixel value generally handles this more gracefully, but some themes override inline styles. **Viewer's Spotify account status** Listeners without a Spotify account can typically hear **30-second previews** only. Logged-in free-tier users may hear full tracks with ads. Premium subscribers get uninterrupted full playback. Your embed looks the same to everyone — but the actual listening experience varies entirely based on what the viewer has on their end. **Browser and device compatibility** Spotify's embed player is built on standard iframe and Web Audio API support. It works in most modern desktop browsers without issue. On **mobile**, Tumblr's app may render embeds differently from the mobile web browser version. Some Tumblr app versions have historically handled embedded iframes with inconsistent behavior — what renders cleanly in a desktop browser may display as a plain link or collapsed block on certain mobile app versions. **Content availability by region** Spotify's licensing means some tracks or albums aren't available in every country. If a track is region-locked, the embedded player will appear but may not play for some of your followers regardless of their account type. ## The Spectrum of Embed Setups | Situation | Likely Outcome | |---|---| | Desktop browser, Spotify account | Full interactive player, full playback | | Mobile web browser, Spotify account | Player usually renders, playback works | | Tumblr mobile app | Variable — may show player or collapsed link | | No Spotify account | Player shows, 30-second preview only | | Region-restricted content | Player appears, playback blocked for some users | ## A Note on Autoplay Spotify's embed code includes an `allow="autoplay"` attribute, but **browser autoplay policies** now block most audio from playing without user interaction. In practice, the player loads silently and waits for the visitor to press play — which is generally the better experience on a blog anyway. You can remove the autoplay attribute entirely from the iframe code if you want to be explicit about this. ## What You Don't Control Once It's Live Once embedded, the player reflects Spotify's current state of that content. If an artist removes a track or an album gets pulled from Spotify, your embed will show an error state rather than the player. Playlist embeds update automatically — if you embed your own playlist and later add tracks, the embedded player reflects those changes without you needing to update the post. How well all of this works for your specific Tumblr blog depends on your theme, your audience's devices, and the specific content you're embedding — and those combinations produce meaningfully different results for different bloggers.