View Categories

How to Embed Spotify Playlist in Elementor?

Table of Contents

With the Custom iFrame plugin, you can easily embed Spotify playlist in Elementor WordPress site without any API key. Follow these steps to display a Spotify playlist on your website.

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

Add Spotify Music Player to Elementor – Embed Tracks on Your Website

Step 1: Get the Spotify Playlist Link

  1. Open Spotify (https://open.spotify.com/).
  2. Navigate to the playlist you want to embed.
  3. Click on the ‘three dot‘ (ellipsis) button of the playlist > Hover to the ‘Share’ option > Click on ‘Copy link to playlist‘ option.

If you would like to embed single Spotify audio, follow this doc guide: How to Embed Spotify Audio 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 Playlist in Elementor

  1. Go to Content
  2. Paste the Spotify Playlist URL into Source URL field.
Screenshot of the Elementor editing page showing how to Embed Spotify Playlist 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 Spotify playlist is now live on your page!

Embed Spotify playlist in Elementor in simple way with the Custom iFrame plugin. This keeps your site engaging and interactive.