> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# 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.

Using Gutenberg WordPress instead? Follow the [Embed Spreaker Audio in Gutenberg WordPress](/gutenberg/audio/embed-spreaker) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A Spreaker episode or show embed URL

## Step 1: Get the Spreaker Embed URL

<Steps>
  <Step title="Open Spreaker and find your audio" icon="music" title-type="p">
    Go to [spreaker.com](https://www.spreaker.com) and open the episode or show you want to embed.
  </Step>
  <Step title="Copy the embed URL" icon="link" title-type="p">
    Click the **Share** icon or the three-dot menu. Click **Embed**. Copy the `src` URL from the iframe code shown.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget

<Steps>
  <Step title="Install the Custom iFrame plugin" icon="download" title-type="p">
    Go to **Plugins > Add New** in your WordPress dashboard. Search for **Custom iFrame by Coderz Studio**. Click **Install Now**, then **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776912419/elementor/audio/spreaker/custom-iframe-plugin.png"
      alt="WordPress plugin directory showing Custom iFrame for Elementor plugin by Coderz Studio with 5-star rating and active installations count"
      width="814"
      height="334" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the audio player. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.
  </Step>
</Steps>

## Step 3: Embed Spreaker Audio in Elementor

<Steps>
  <Step title="Paste the Spreaker embed URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Spreaker embed URL into the **Source URL** field. The audio player appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776912421/elementor/audio/spreaker/embed-spreaker.webp"
      alt="Custom iFrame widget in Elementor editor showing Spreaker embed URL in Source URL field with live Spreaker podcast player preview"
      width="1024"
      height="365" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Adjust the **Height** to fit your layout.
  </Step>
</Steps>

## Step 4: Customize and Configure Settings

For styling, smart loading, and advanced options, see the [Style Custom iFrame](/getting-started/styling) guide. Adjust dimensions, backgrounds, borders, and more.

## Step 5: Save and Publish

<Callout kind="success">
  Click **Update** or **Publish**. Your Spreaker audio is now live on your WordPress site.
</Callout>

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup) 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

<ExpandableGroup>
  <Expandable title="Do I need a Spreaker account to embed audio?" default-open="false">
    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.
  </Expandable>
  <Expandable title="Where do I find the Spreaker embed URL?" default-open="false">
    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.
  </Expandable>
  <Expandable title="The Spreaker player shows blank. What should I check?" default-open="false">
    Confirm you copied the `src` URL from the embed code, not the full iframe HTML. The Source URL field expects a URL only.
  </Expandable>
  <Expandable title="What height should I use for Spreaker?" default-open="false">
    Use 200px for a compact player. Use 400px or more for shows with episode lists. Enable Auto Height to let the player resize automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Spreaker Audio in Gutenberg WordPress" href="/gutenberg/audio/embed-spreaker" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed SoundCloud in Elementor" href="/elementor/audio/embed-soundcloud" icon="music" horizontal={false}>
    Embed SoundCloud tracks in Elementor.
  </Card>
</Columns>

## Related Guides

- [Embed Audio in Elementor - Overview](/elementor/embed-audio)
- [Embed SoundCloud in Elementor](/elementor/audio/embed-soundcloud)
- [Embed NRK Radio Podcast in Elementor](/elementor/audio/embed-nrk-radio)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)