> 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 SoundCloud in Elementor

Step-by-step guide to embed SoundCloud in Elementor using the Custom iFrame WordPress plugin. No API key needed. No coding required.


## Overview

Custom iFrame lets you embed SoundCloud in Elementor by pasting any SoundCloud audio link into the widget. Display tracks, mixes, or podcasts 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 SoundCloud in Gutenberg WordPress](/gutenberg/audio/embed-soundcloud) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A SoundCloud audio URL to embed

## Video Tutorial

<iframe
  src="https://www.youtube.com/embed/MrjTlmubT3A"
  width="720"
  height="405"
  frameBorder="0"
  allowFullScreen
/>

## Step 1: Get the SoundCloud Audio Link

<Steps>
  <Step title="Open SoundCloud and find your audio" icon="music" title-type="p">
    Go to [soundcloud.com](https://soundcloud.com) and open the track you want to embed.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776912412/elementor/audio/soundcloud/get-soundcloud-link.webp"
      alt="SoundCloud track page showing the Copy Link button below the audio waveform"
      width="1024"
      height="493" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Copy the track link" icon="link" title-type="p">
    Click the **Copy Link** button below the audio waveform. The URL is now in your clipboard.
  </Step>
</Steps>

## Step 2: Add the Custom iFrame Widget

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

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 3: Embed SoundCloud in Elementor

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

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776912414/elementor/audio/soundcloud/paste-soundcloud-url.webp"
      alt="Custom iFrame widget in Elementor editor showing SoundCloud URL in Source URL field with live SoundCloud audio player preview"
      width="1024"
      height="468"
    />
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Set **Height** to at least 166px for a single track.
  </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 SoundCloud 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 SoundCloud in Elementor using the Custom iFrame plugin. From copying the SoundCloud share link to pasting the URL and publishing, the whole setup runs through the Elementor editor without any code.

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need a SoundCloud account to embed audio?" default-open="false">
    No. SoundCloud's embedded player works for public tracks without an account. You do not need an API key.
  </Expandable>
  <Expandable title="Can I embed a SoundCloud playlist or set?" default-open="false">
    Yes. Copy the playlist or set URL from the browser address bar and paste it into the Source URL field. Set height to 450px or more to show the full list.
  </Expandable>
  <Expandable title="The SoundCloud player shows blank. What should I check?" default-open="false">
    Confirm the track is public on SoundCloud. Tracks with embedding disabled or set to private cannot be displayed.
  </Expandable>
  <Expandable title="What height should I set for SoundCloud?" default-open="false">
    Use 166px for a single track. Use 450px or more for playlists. Enable Auto Height to let the player resize automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

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

## Related Guides

- [Embed Audio in Elementor - Overview](/elementor/embed-audio)
- [Embed Spotify Audio in Elementor](/elementor/audio/embed-spotify)
- [Embed Spotify Playlist in Elementor](/elementor/audio/embed-spotify-playlist)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)