Squarespace soundcloud ad song

New Page

soundcloud blocks

Last updated September 2, 2022



Use SoundCloud Blocks to embed tracks, playlists, and content from SoundCloud profiles.

On mobile devices, visitors can play songs in their mobile browser by tapping  Listen in Browser on SoundCloud Blocks. The SoundCloud app is not required.


SoundCloud blocks will not work for podcasts. Use audio blocks instead.

Add a SoundCloud block

To add a SoundCloud block:

  1. Edit a page or post, click Add block or embed point, then click SoundCloud . For help, see Add content with blocks.
  2. Add SoundCloud track with URL or embed code. If your site is on version 7.0, click Apply  to publish your changes.

add content

You can add content to SoundCloud Blocks in two ways:

Option 1 – Via a URL

  1. Find the URL of a track , playlist or profile .
  2. Copy and paste the URL into the SoundCloud block.
  3. If the URL is correct, you will see the message “Located successfully” and the SoundCloud content will be displayed on the page.

The successful location appears after adding an embeddable URL to the SoundCloud block.

Option 2: via embed code

For more content control, you can use the embed codes generated by SoundCloud:

  1. In SoundCloud, find the track you want to embed.
  2. Click Share .
  3. Click on the Embed tab.
  4. Copy the embed code that appears. To configure the code to automatically play music when visitors load the page, see Enable Autoplay.
  5. On your Squarespace site, click  Edit or the pencil icon on the SoundCloud block.
  6. Click the insert icon .

Click the embed icon to add the SoundCloud embed code.

  1. Paste your code into the  Edit Embed Data window, then click Set  to save your changes.

To note

SoundCloud Blocks have a standard layout that cannot be customized. However, if you have coding skills, you can use this option to have more control over how SoundCloud audio is displayed. Using SoundCloud embed codes is an advanced modification that is not supported by Squarespace.

Enable autoplay

You can use the embed option to play music automatically when a visitor loads the page:

  1. On SoundCloud, click the Embed on Track tab.
  2. Scroll down and click  More options .
  3. Check  Enable Autoplay .
  4. Ajoutez cette version du code à la  fenêtre Modifier les données  intégrées sur Squarespace.
  5. Click Set to save your changes.


 Newer versions of some browsers block autoplay.

Cambiar el tamaño de los bloques de SoundCloud

You can resize SoundCloud blocks horizontally with spacer blocks and vertically using the cropping handle. To learn more, visit Resizing blocks.

Adding music to your site

Last updated March 10, 2022



You can add music to your site using audio blocks, embed blocks, or the album page. How you add music depends on which version your site is on. Use this guide to choose the best method for presenting your music.


If you’re a musician or in a band, visit Building a musician or band site to learn how to connect your social media platforms and sell merchandise.

Usar bloques

With the blocks listed below, you can add audio to any content area, including:

  • Layout pages
  • Blog posts
  • Footers
  • Events
  • Product additional information
  • Sidebars (version 7.0)

To learn more about using blocks, visit Adding content with blocks.

Bloque de audio

Use el bloque de audio para agregar una sola pista a su sitio. Puede cargar un archivo .mp3 o .m4a directamente desde su computadora o agregar una URL desde una plataforma de almacenamiento en la nube.


También puede usar el bloque de audio para episodios de podcast .

Bloque incrustado

Use el bloque de inserción para agregar audio de servicios de terceros, como Spotify o Stitcher . Copie el código del servicio y luego agréguelo a su bloque de inserción. Si el bloque de inserción no funciona, intente usar un bloque de código .

Bloque de SoundCloud

Use el bloque SoundCloud para incrustar una pista de audio alojada en SoundCloud. Puede personalizar la visualización del bloque utilizando la configuración de inserción de SoundCloud.

bloque de vídeo

Use el bloque de video para compartir un video musical o música cargada como un archivo de video. Puede cargar videos alojados en YouTube, Vimeo, Animoto o Wistia.

Reproducir música automáticamente

Para hacer que la música se reproduzca automáticamente cuando un visitante abre una página, use un bloque de SoundCloud :

  1. Elija la opción Incrustar en la pista de SoundCloud.
  2. Haga clic en Más opciones .
  3. Marque Habilitar reproducción automática .
  4. Agregue este código a un bloque de SoundCloud usando la opción de inserción. Si la configuración del navegador de un visitante permite que los medios se reproduzcan automáticamente, su pista se reproducirá cuando abran la página.


Las versiones más recientes de algunos navegadores bloquean todo el audio de reproducción automática de forma predeterminada. Sus visitantes pueden ajustar la configuración de su navegador para permitir la reproducción automática.

No tenemos una opción para la reproducción automática de música de otras fuentes, y solo es posible con un código personalizado. Dado que el uso de código personalizado en Squarespace es una modificación avanzada, no podemos ofrecer soporte o solución de problemas para esta o para cualquier personalización basada en código.

Vender musica descargable

Puedes vender música descargable como un producto digital en tu sitio usando el comercio de Squarespace. Para comenzar con el comercio, mire nuestra serie de videos de comercio para la versión 7.1 o la versión 7.0 .

Insertar una lista de reproducción de Spotify

Usa un bloque de inserción para agregar una lista de reproducción de Spotify para que los visitantes puedan transmitir música directamente desde tu sitio de Squarespace.

  1. En la aplicación de computadora de Spotify, vaya a la lista de reproducción que desea incrustar.
  2. Haga clic en el ícono … debajo del título de la lista de reproducción.
  3. Pase el cursor sobre Compartir y luego haga clic en Copiar código para insertar .
  4. En su sitio de Squarespace, vaya a la página donde desea agregar la lista de reproducción.
  5. Agregue un bloque de inserción .
  6. En el editor de bloques, haz clic en </> a la derecha del campo de texto.
  7. Pegue el código de inserción de la lista de reproducción en el campo de texto Agregar código….


Las modificaciones de códigos personalizados quedan fuera del alcance de nuestro soporte. Esto significa que no podemos ayudar más con la configuración o la solución de problemas. Además, con una solución basada en código, no podemos garantizar su funcionalidad o compatibilidad total con Squarespace. Esto incluye cómo funciona con nuestro diseño receptivo, particularmente su apariencia en dispositivos móviles y si funciona en todas las plantillas. El código personalizado también puede causar problemas de visualización con futuras actualizaciones de nuestra plataforma. Si bien no podemos ayudarlo más, hay muchos recursos que pueden orientarlo en la dirección correcta:

  • Aprenda las mejores prácticas para agregar código personalizado .
  • Lea nuestra guía general sobre personalizaciones de terceros .
  • Visit Squarespace Forum, our community of customers and developers.
  • Hire a Squarespace expert to help you create custom code for your site.

Use covers or albums (version 7.0)

album pages

Album pages work best for displaying an entire album or a collection of tracks. You can also view album art and add searchable tags and categories.

Knowledge base guide image

cover page

Use a cover to feature an album or audio track as an introduction to your site. Covers also work well as a one-page site, announcing new music, teasing an upcoming release, or as an “Under Construction” or “Coming Soon” page.

Some layouts designed for audio highlight a single track, while others display an entire playlist.

For example, the Tour layout displays one track at a time with controls to skip to the next or previous track.

Knowledge base guide image

Video Squarespace soundcloud ad song

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…