Squarespace soundcloud ad song

New Page

Add music to your site

Last updated March 10, 2022

English

Divisions

You can add music to your site using audio blocks, embed blocks, or the album page. How you add music depends on your site’s version. Use this guide to choose the best way to present your music.

Advice

If you’re a musician or band member, visit Creating a Site for Musicians or Bands to learn how to connect your social media platforms and sell merchandise.

use blocks

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

  • layout
  • blog posts
  • footers
  • events
  • Additional Product Information
  • Sidebars (version 7.0)

To learn more about using blocks, see Add content with blocks.

audio block

Use the audio block to add a single track to your site. You can upload an .mp3 or .m4a file directly from your computer or add a URL from a cloud storage platform.

Advice

You can also use the audio block for podcast episodes.

integrated block

Use the embed block to add audio from third-party services, like Spotify or Stitcher. Copy the service code, then add it to your embed block. If the embed block doesn’t work, try using a code block.

soundcloud block

Use the SoundCloud block to embed an audio track hosted on SoundCloud. You can customize block display using SoundCloud embed settings.

video block

Use the video block to share a music video or downloaded music as a video file. You can download videos hosted on YouTube, Vimeo, Animoto or Wistia.

Play music automatically

To have music play automatically when a visitor opens a page, use a SoundCloud block:

  1. Choose the Embed in SoundCloud track option.
  2. Click More options .
  3. Check Enable Autoplay .
  4. Add this code to a SoundCloud block using the embed option. If a visitor’s browser settings allow media to autoplay, their track will play when they open the page.

To note

Newer versions of some browsers block all audio files from autoplaying by default. Your visitors can adjust their browser settings to allow autoplay.

We do not have the ability to automatically play music from other sources, and this is only possible with a custom code. Because using custom code in Squarespace is an advanced edit, we can’t provide support or troubleshooting for this or any other code-based customization.

Sell ​​downloadable music

You can sell downloadable music as a digital product on your site using Squarespace Commerce. To start trading, watch our series of trading videos for version 7.1 or version 7.0.

Embed Spotify Playlist

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

Nota

Custom code modifications fall outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, with a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Custom code can also cause display issues with future updates to our platform. While we can’t help further, there are many resources that can point you in the right direction:

  • Learn best practices for adding custom code.
  • Read our general guide on third-party customizations.
  • Visit Squarespace Forum, our customer and developer community.
  • Hire a Squarespace Expert to help build custom code for your site.

Use album or cover pages (version 7.0)

Album page

Album pages work best for displaying a whole album or collection of tracks. You can also display album artwork and add searchable tags and categories.

Knowledge base guide image

Cover page

Use a cover page to present an album or audio track as an introduction to your site. Cover pages also work well as a single-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 other display a complete 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

SoundCloud blocks

Last updated September 2, 2022

English

Sections

Use bloques de SoundCloud para incrustar pistas, listas de reproducción y contenido de perfil de SoundCloud .

En los dispositivos móviles, los visitantes pueden reproducir pistas en su navegador móvil tocando  Escuchar en el navegador en los bloques de SoundCloud. No se requiere la aplicación SoundCloud.

Consejo

Los bloques de SoundCloud no funcionarán para los podcasts . Utilice bloques de audio en su lugar.

Add a SoundCloud block

Para agregar un bloque de SoundCloud:

  1. Edite una página o publicación, haga clic en Agregar bloque o en un punto de inserción, luego haga clic en SoundCloud . Para obtener ayuda, visite Agregar contenido con bloques .
  2. Agregue una pista de SoundCloud con una URL o código de inserción. Si su sitio está en la versión 7.0 , haga clic en Aplicar  para publicar sus cambios.

Add content

You can add content to SoundCloud Blocks in two ways:

Option 1 – Via to 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. In SoundCloud, click the Embed  tab on the track.
  2. Scroll down and click  More options .
  3. Check  Enable Autoplay .
  4. Add this version of the code to the Edit Embedded Data  window in Squarespace.
  5. Click Set  to save your changes.

To note

 Newer versions of some browsers block autoplay.

Resize SoundCloud Blocks

You can resize SoundCloud blocks horizontally with spacer blocks and vertically using the crop handle. For more information, see Change Block Size.


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…