Embed Spreaker Audio in Gutenberg WordPress

Step-by-step guide to embed Spreaker audio in Gutenberg WordPress using the Custom iFrame WordPress plugin. Display podcasts and shows. No coding required.

Overview

Custom iFrame lets you embed Spreaker audio in Gutenberg WordPress by pasting any Spreaker embed URL into the block. Display podcasts, interviews, and shows 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 Elementor instead? Follow the Embed Spreaker Audio in Elementor guide.

Requirements

Custom iFrame plugin installed and active
WordPress with the Gutenberg block editor
A Spreaker episode or show embed URL

Step 1: Get the Spreaker Embed URL

Open Spreaker and find your audio

Go to spreaker.com and open the episode or show you want to embed.

Copy the embed URL

Click the Share icon or the three-dot menu. Click Embed. Copy the src URL from the iframe code shown.

Step 2: Install the Plugin and Add the Block

Install and activate the plugin

Go to your WordPress dashboard. Go to Plugins > Add New. Search for Custom iFrame by Coderz Studio, click Install Now, then click Activate.

WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button

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: Embed Spreaker Audio in Gutenberg WordPress

Paste the Spreaker embed URL

Select the Custom iFrame block. In the right panel, paste the Spreaker embed URL into the Source URL field. The audio player appears inside the block in the editor.

Set the height

Adjust the Height to fit your layout. Use 200px for a compact player or 400px for shows with episode lists.

Step 4: Customize and Configure Settings

For styling, smart loading, and advanced options, see the Style Custom iFrame guide. Adjust dimensions, backgrounds, borders, and more.

Step 5: Save and Publish

Click Update or Publish. Your Spreaker audio is now live on your WordPress site.

For all block settings, see the Set Up Custom iFrame in Gutenberg WordPress guide.

This guide showed you how to embed Spreaker audio in Gutenberg WordPress using the Custom iFrame plugin. From copying the Spreaker embed URL to pasting it and publishing, the whole setup runs through the block editor without any code.

FAQ

No. You do not need an account or API key to embed public Spreaker episodes. The embed URL is publicly available on each episode page.

Click the Share or three-dot menu on any Spreaker episode. Select Embed and copy the src value from the iframe code. Paste that URL into the Source URL field.

Confirm you copied the src URL from the embed code, not the full iframe HTML. The Source URL field expects a URL only.

Use 200px for a compact player. Use 400px or more for shows with episode lists. Enable Auto Height to let the player resize automatically.

Also Available For

Embed Spreaker Audio in Elementor

Guide for the Elementor widget.

Embed SoundCloud in Gutenberg WordPress

Embed SoundCloud tracks in Gutenberg WordPress.

Was this page helpful?

Last updated today

Built with Documentation.AI