View Categories

How to Embed SoundCloud in Elementor?

< 1 min read

With the Custom iFrame plugin, you can easily embed SoundCloud in Elementor WordPress site without any API key. Follow these steps to display a SoundCloud audio on your website.

Step 1: Get the SoundCloud Audio Link

  1. Open SoundCloud (https://soundcloud.com/).
  2. Navigate to the audio you want to embed.
  3. Click on ‘Copy Link’ button.

Step 2: Add the Custom iFrame Widget

  1. Install and Activate Custom iFrame Plugin
  2. Open your page in Elementor Editor.
  3. Drag and drop the Custom iFrame Widget onto your page.

Step 3: Embed SoundCloud in Elementor

  1. Go to Content
  2. Paste the Audio URL into Source URL field.
Interface screenshot demonstrating how to embed SoundCloud in Elementor, showing customization options like source URL input, height settings, scrollbar controls, and a preview of SoundCloud audio in Elementor Editing page.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your embed.

Check this How to Style Custom iFrame? guide—adjust colors, backgrounds, borders, & more! 🎨✨

Step 5: Save & Publish

Click Update, and your SoundCloud audio is now live on your page!

Embed SoundCloud in Elementor in simple way with the Custom iFrame plugin. Follow the steps to display SoundCloud audio on your WordPress website. This keeps your site engaging and informative.

Get Free Resources in your Inbox

© 2025 CoderzStudio | All Rights Reserved.