.png?table=block&id=218105a2-9d95-8188-bb03-f6e6b584ca7b&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
soundcloud integration
audio management
Tags Synced
Tags Synced
AI summary
Embed SoundCloud tracks on Squarespace using URLs or embed codes, enable auto-play, and resize blocks. Customization requires coding knowledge, and for podcasts, use dedicated audio blocks instead of SoundCloud blocks.
Last edited by
Platform
Category
Topic
How to Embed SoundCloud on Your Squarespace Site
Key Points
- Embed SoundCloud tracks, playlists, or profiles directly into your Squarespace site
- Use either URL or embed code for adding SoundCloud content
- Auto-play tracks on page load by modifying embed code settings
- Customisation of SoundCloud blocks needs coding knowledge
- SoundCloud blocks aren't suitable for podcasts (use audio blocks instead)
- Resize SoundCloud blocks using layout tools
Adding a SoundCloud Block
To add SoundCloud content to your Squarespace page:
- In the editor, click "Add Block" or an insertion point
- Choose the SoundCloud option from the blocks menu
- Add your SoundCloud track using either URL or embed code
- On version 7.0, click "Apply" to save your changes
Two Ways to Embed Content
Using a URL
Find the URL of your track, playlist, or profile on SoundCloud, then paste it into your SoundCloud block. If the URL works, the content appears automatically.
Using Embed Code
On SoundCloud, click your track, then "Share," then the "Embed" tab. Copy the embed code. To make music play automatically when the page loads, enable automatic play in the settings first.
Back on your Squarespace site, paste this code into the 'Edit Embed Data' window and save.
Tip: Using embed codes gives you more control over how your audio displays than just pasting URLs.
Setting Up Auto-Play
To make tracks play automatically:
- Go to the embed options on your SoundCloud track
- In "More Options," tick "Enable automatic play"
- Copy this modified embed code into your Squarespace site via the 'Edit Embed Data' window
Resizing Your SoundCloud Block
You can adjust the size of your SoundCloud blocks:
- Change horizontal size using layout spacing tools
- Adjust vertical dimensions with the cropping handle
Common Questions
Can I change how my SoundCloud block looks in Squarespace?
The basic design is fixed, but if you know HTML/CSS, you can customise the appearance using embed codes.
How do I make a SoundCloud track auto-play?
Enable the auto-play feature in SoundCloud's embed settings before copying the code to Squarespace.
Can I use SoundCloud blocks for podcasts?
SoundCloud blocks work best for music. For podcasts, use Squarespace's dedicated audio blocks instead.
Quick Definitions
- SoundCloud Blocks: Squarespace sections that let you embed SoundCloud audio
- Embed Code: HTML code from SoundCloud that displays specific audio on your website
- Auto-Play: Feature that starts audio when a webpage loads
- Cropping Handle: Squarespace tool for changing block height
Summary
Adding SoundCloud to your Squarespace site creates an engaging audio experience for visitors. While customisation options are limited without coding skills, both URL and embed code methods work well for most situations. For podcasts specifically, consider using audio blocks instead of SoundCloud blocks for better functionality.