Embed Audio in Gutenberg
Guides for embedding Spotify, SoundCloud, Boomplay, and more in Gutenberg using the Custom iFrame WordPress plugin. No coding required.
Overview
Custom iFrame lets you embed audio in Gutenberg from Spotify, SoundCloud, Boomplay, and more. Paste any audio URL into the block. 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 Elementor instead? Follow the Embed Audio in Elementor guide.
Requirements
- Custom iFrame plugin installed and active
- WordPress with the Gutenberg block editor
- An audio URL from any supported platform
How to Embed Audio in Gutenberg
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 Block
Open your page in the block editor
Go to the page or post where you want the audio player. Click Edit to open the Gutenberg block editor.
Add the Custom iFrame block
Click the Add Block button. Search for Custom iFrame. Click the block to add it to the page.
Step 3: Paste the URL and Publish
Paste the audio URL
In the right panel, paste the URL into the Source URL field. The audio player appears inside the block.
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 Audio in Gutenberg
Embed Spotify tracks, albums, and episodes in Gutenberg.
Embed Spotify Playlist in Gutenberg
Embed a full Spotify playlist with track listing and controls.
Embed SoundCloud in Gutenberg
Embed SoundCloud tracks and playlists in Gutenberg.
Embed Boomplay in Gutenberg
Embed Boomplay music tracks and albums in Gutenberg.
Also in Elementor
All audio platforms are also supported in the Elementor widget editor.
See Embed Audio in Elementor for all Elementor guides.
Related Guides
Last updated today
Built with Documentation.AI