Embed Audio in Elementor
Guides for embedding Spotify, SoundCloud, Boomplay, Spreaker, NRK Radio, and more in Elementor using the Custom iFrame WordPress plugin. No coding required.
Overview
Custom iFrame lets you embed audio in Elementor from Spotify, SoundCloud, Boomplay, Spreaker, NRK Radio, and more. Paste any audio URL into the widget. No API keys, no shortcodes, no coding required.
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 Audio in Gutenberg guide.
Requirements
- Custom iFrame plugin installed and active
- Elementor installed
- An audio URL from any supported platform
How to Embed Audio in Elementor
All audio platforms follow the same three-step process.
Step 1: Get Your Audio Link
Open the audio platform
Go to the platform where your audio is hosted: Spotify, SoundCloud, Boomplay, or any other supported source.
Copy the share link
Find the share or copy-link option on the track, playlist, or station. Copy the URL to your clipboard.
Each platform guide below shows exactly where to find the share link.
Step 2: Add the Custom iFrame Widget
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.
Step 3: Paste the URL and Publish
Paste the audio URL
In the Content tab, paste the URL into the Source URL field. The audio player appears in the editor.
Set height and publish
Set Height to match the player size. 152px works for a single Spotify track. 380px works for a playlist. Click Update or Publish.
Click Update or Publish. Your audio player is now live on your WordPress site.
Supported Audio Platforms
Select your audio platform for a step-by-step embed guide.
Embed Spotify in Elementor
Embed Spotify tracks, albums, and playlists in Elementor.
Embed Spotify Playlist in Elementor
Embed a full Spotify playlist with track listing and controls.
Embed SoundCloud in Elementor
Embed SoundCloud tracks and playlists in Elementor.
Embed Boomplay in Elementor
Embed Boomplay music tracks and albums in Elementor.
Embed Spreaker in Elementor
Embed Spreaker podcast episodes and shows in Elementor.
Embed NRK Radio in Elementor
Embed NRK Radio podcasts and programs in Elementor.
Also in Gutenberg
All audio platforms are also supported in the WordPress block editor.
See Embed Audio in Gutenberg for all Gutenberg guides.
Related Guides
Last updated today
Built with Documentation.AI