Embed Spotify Audio in Elementor

Step-by-step guide to embed Spotify audio in Elementor using the Custom iFrame WordPress plugin. No API key needed. No coding required.

Overview

Custom iFrame lets you embed Spotify audio in Elementor by pasting any Spotify share link into the widget. Display music tracks, episodes, or podcasts on your WordPress page without an API key.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Using Gutenberg instead? Follow the Embed Spotify Audio in Gutenberg guide.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A Spotify track, episode, or podcast URL to embed

Video Tutorial

Step 1: Get the Spotify URL

Open Spotify and find your audio

Go to open.spotify.com and find the track, episode, or podcast you want to embed.

Copy the share link

Click the three-dot menu next to the audio. Hover over Share. Click Copy Song Link for a track or Copy Episode Link for a podcast episode.

Open your page in Elementor

Go to the page where you want the audio player. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the editor

Step 3: Embed Spotify Audio in Elementor

Paste the Spotify URL

In the Content tab, paste the Spotify URL into the Source URL field. The audio player appears in the editor.

Custom iFrame widget in Elementor editor showing Spotify URL in Source URL field with live Spotify audio player preview

Set height and publish

Set Height to 152px for a single track or 380px for a playlist. Click Update or Publish.

Troubleshooting

Player shows blank: Confirm the Spotify content is public. Private tracks cannot be embedded.

Player is cut off: Single tracks need at least 152px. Playlists and albums need at least 380px.

Podcast episodes do not load: Copy the link from the three-dot menu. Avoid copying from the browser address bar.

For more help, see iFrame Not Showing.

FAQ

No. Spotify's embedded player works for public content without a listener account. You do not need an API key.

Yes. Copy the playlist share link and paste it into the Source URL field. Set height to at least 380px to show the full playlist player. See the Embed Spotify Playlist in Elementor guide.

Yes. Open the episode on Spotify. Click the three-dot menu, hover over Share, and click Copy Episode Link. Paste that URL into the Source URL field.

Use 152px for a single track. Use 380px or more for playlists, albums, and podcasts. Enable Auto Height to let the iFrame resize automatically.

Also Available For

Embed Spotify Audio in Gutenberg

Guide for the WordPress block editor.

Embed Spotify Playlist in Elementor

Embed full Spotify playlists in Elementor.

Was this page helpful?

Last updated today

Built with Documentation.AI