Embed Spreaker Audio in Elementor

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

Overview

Custom iFrame lets you embed Spreaker audio in Elementor by pasting any Spreaker embed URL into the widget. 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.

Want to embed a different audio source? See the Embed Audio in Elementor overview.

Requirements

Custom iFrame plugin installed and active
Elementor installed
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.

Install the Custom iFrame plugin

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

WordPress plugin directory showing Custom iFrame for Elementor plugin by Coderz Studio with 5-star rating and active installations count

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

Paste the Spreaker embed URL

In the Content tab, paste the Spreaker embed URL into the Source URL field. The audio player appears in the editor.

Custom iFrame widget in Elementor editor showing Spreaker embed URL in Source URL field with live Spreaker podcast player preview

Set the height

Adjust the Height to fit your layout.

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.

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the Set Up Custom iFrame in Elementor guide for all widget options.

This guide showed you how to embed Spreaker audio in Elementor using the Custom iFrame plugin. From copying the Spreaker embed URL to pasting it and publishing, the whole setup runs through the Elementor 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 SoundCloud in Elementor

Embed SoundCloud tracks in Elementor.

Embed Spotify Audio in Elementor

Embed Spotify tracks and podcasts in Elementor.

Was this page helpful?

Last updated today

Built with Documentation.AI