To add SoundCloud to your WordPress blog, the easiest method is to copy the Share URL from a track or playlist on SoundCloud and paste it directly into a Gutenberg block paragraph or SoundCloud block in your editor.
Alternatively, use the embed code from the “Share” button and paste it into a Custom HTML block for customization.
SoundCloud itself does not have a direct WordPress app.
Methods to Embed SoundCloud in WordPress
- Method 1: Direct Link (Easiest)
- Go to SoundCloud and click “Share” on your audio track.
- Copy the URL provided.
- Paste the URL directly into the WordPress Gutenberg editor. It will automatically convert to a playable player.
- Method 2: SoundCloud Block
- In the WordPress editor, click the + (Add Block) icon and search for “SoundCloud”.
- Select the SoundCloud Block.
- Paste the link into the block and click “Embed”.
- Method 3: HTML Embed Code (For Customization)
- Click “Share” on SoundCloud, then choose the Embed tab to customize colors and size.
- Copy the
<iframe>code. - In WordPress, add a Custom HTML block.
- Paste the code into this block.
- Method 4: Using Plugins
- For more control, you can install plugins like “Player for SoundCloud – Embed and Play Audio Tracks” via Plugins > Add New in your dashboard.
Key Tips
- Settings: Use the
&visual=falseoption in the code to change from the large visual player to a smaller, standard player if needed. - Troubleshooting: If the player doesn’t appear, check that your browser’s ad blocker is not preventing the code from loading.
- Support: These methods work for both posts and pages, and the code is compatible with most widget areas.