Spotify Embed Code Generator

Generate embed code for any Spotify content. Paste a URL or URI, choose your options, and get the HTML code with a live preview.

Paste a Spotify URL or URI

Size

Theme

How Spotify Embeds Work

Spotify provides an official embed player that works as an iframe widget. When you embed Spotify content on your website, visitors can preview and play music or podcasts directly on your page without leaving. Users with Spotify accounts get full playback, while others hear a 30-second preview.

Embed by Content Type

Track Embed Generate embed code for Spotify tracks Album Embed Generate embed code for Spotify albums Artist Embed Generate embed code for Spotify artist profiles Playlist Embed Generate embed code for Spotify playlists Show Embed Generate embed code for Spotify podcasts Episode Embed Generate embed code for individual Spotify podcast episodes

Embed Options

Option	Description
Compact (152px)	Single-line player showing the current track. Best for inline content or sidebars.
Normal (352px)	Standard player with artwork and tracklist. Best for most use cases.
Large (552px)	Full-size player showing more tracks. Best for playlists and albums with many tracks.
Dark theme	Dark background matching Spotify's default look. Works well on dark websites.
Light theme	Light background for websites with a white or light colour scheme.

Tips for Embedding Spotify Content

Use width="100%" so the embed is responsive and fills its container.
Add loading="lazy" to defer loading offscreen embeds and improve page speed.
The allow="autoplay" attribute lets Spotify handle playback — it won't actually autoplay on page load.
For WordPress, just paste the Spotify URL directly into the block editor — WordPress auto-embeds it.
Need the URI or URL first? Use our Spotify URL and URI converter.

Other Tools

URL & URI Converter Convert between Spotify URLs and URIs Link Cleaner Remove tracking parameters from Spotify URLs FAQ Common questions about Spotify links