Back to Support Content and Media Blocks Spotify

Spotify

Spotify is a digital music service that gives you access to millions of songs. Think of Spotify as your new music collection. Your library. Only this time your collection is vast: millions of tracks and counting. Spotify comes in all shapes and sizes, available for your PC, Mac, home audio system, and mobile phone. Wherever you go, your music follows you.

Obtaining a Playlist URL

  1. Open your Spotify App.
  2. Click the three dots next to a playlist or a specific song.
  3. If you are using the Web app select Copy Playlist Link, or Copy Song Link.
  4. When using the Desktop app select Share → Copy Show Link.
Spotify Web App
Spotify Web App → Copy Link
Spotify Desktop App
Spotify Desktop App → Copy Show Link

Embedding via the WordPress Block Editor

The easiest way is to copy and paste a Spotify song or playlist URL directly into a new line in the Block Editor. The URL will automatically convert to an embedded Spotify song/playlist that people can listen to on your site.

Alternatively, you can add the Spotify block as explained below:

Add the Spotify Block

To add the Spotify block, click on the + Block Inserter icon and search for “spotify”. Click it to add the block to the post or page.

💡

Using your keyboard, you can also type /spotify on a new line and press enter to quickly add a new Spotify block.

Adding a Spotify block with the slash inserter.
Adding a Spotify block with the slash inserter.

For more information, visit our detailed instructions on adding blocks.

Embed a Playlist in the Spotify Block

  1. Copy the URL for the song or playlist you wish to embed.
  2. Paste the link you copied from Spotify where it says Enter URL to embed here…
  3. Click Embed to embed the Spotify playlist or song.
Paste your Spotify playlist or song link into a Spotify block and click Embed.

Block Toolbar

When you click on the block, a toolbar of options will appear above it:

Spotify block toolbar options.

The Spotify block has the following options in its toolbar:

📌

If you do not see the option to change the width of the block to wide or full-width and your theme supports these options, it is possible the block has been added to a Group block. You can learn more about the Group block here.

Block Settings

When you select a block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:

The settings icon in the Editor with a tooltip "Settings" below it.
Click the Settings icon to open the block settings

Media Settings

Block Styles

In the block settings sidebar, click on the Styles icon to access the design settings for the block. The Styles icon is in the shape of a circle with half of the circle filled in:

An arrow points to the Styles icon that you can click to open up the block styles section.

Dimensions

Embedding via the Classic Editor

From the classic editor, paste the URL you copied from Spotify in the steps above into the Classic Editor where you want the playlist or song to show. The URL will automatically be converted to the embedded player in the editor:

Embedding a Spotify Playlist into the Classic Editor

Troubleshooting

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!