View Categories

How to Embed Spotify Audio in Elementor?

1 min read

With the Custom iFrame plugin, you can easily embed Spotify audio in Elementor WordPress site without any API key. Follow these steps to display a Spotify audios like music, song and podcast on your website.

Not a fan of reading? No worries — we’ve got a video tutorial for you. 📺

Not a video person? No worries — scroll on for the full step-by-step guide.

Step 1: Get the Spotify Audio Link

  1. Open Spotify (https://open.spotify.com/).
  2. Navigate to the audio you want to embed.
  3. Click on the ‘three dot‘ (ellipsis) button of the audio > Hover to the ‘Share’ option > Click on ‘Copy Song Link‘ option.
    PS: For podcasts, it could be ‘Copy Episode Link‘ option.

If you would like to embed a Spotify playlist, follow this doc guide: How to Embed Spotify Playlist in Elementor?

Step 2: Add the Custom iFrame Widget

  1. Install and Activate Custom iFrame Plugin
  2. Open your page in Elementor Editor.
  3. Drag and drop the Custom iFrame Widget onto your page.

Step 3: Embed Spotify Audio in Elementor

  1. Go to Content
  2. Paste the Spotify audio URL into Source URL field.
Screenshot of the Elementor editing page showing how to Embed Spotify Audio in Elementor, with options for source URL, height settings, scrollbar controls, and a live preview.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your embed.

Customize your iFrame with our Style Custom iFrame guide—adjust dimensions, backgrounds, borders, and more! 🎨✨

Step 5: Save & Publish

Click Update, and your interactive YouTube video is now live on your page!

Embed Spotify audio in Elementor via a simple way with the Custom iFrame plugin. This keeps your site engaging and informative.

How’s your vibe after reading this? —Tap an emoji