Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo incrustar SoundCloud en tus entradas de WordPress usando oEmbed

Admitámoslo: a veces el texto por sí solo no basta para captar y mantener el interés del visitante.

¿Y si pudieras compartir fácilmente tu música favorita o incluso tus propias canciones y podcasts directamente en tu blog de WordPress? Pues ya puedes. Si eres usuario de SoundCloud, puedes incrustar fácilmente clips de audio, listas de reproducción, podcasts y seminarios grabados en tu sitio web de WordPress.

En esta guía para principiantes te enseñaremos a añadir audio a tus páginas y entradas. Vamos a ver cómo puedes añadir audio de SoundCloud a tu sitio web utilizando una característica llamada oEmbed.

How to Embed SoundCloud in Your WordPress Posts by using oEmbed

¿Por qué incrustar audio de SoundCloud en WordPress?

SoundCloud es una popular plataforma de alojamiento de música y podcasts que permite subir hasta 3 horas de audio gratis.

Cuando publicas audio en SoundCloud, todos tus archivos se almacenan en sus servidores y se transmiten en transimisión a las personas que visitan tu página de SoundCloud. Sin embargo, a menudo puedes aumentar el tráfico de tu blog haciendo que ese audio también esté disponible en tu propio sitio web.

La buena noticia es que puedes añadir cualquier archivo de audio de SoundCloud a tu sitio web de WordPress utilizando su URL, gracias a una característica llamada oEmbed.

La forma de incrustar SoundCloud en tus entradas depende del editor de WordPress que utilices. Simplemente haz clic en los enlaces rápidos de abajo para saltar al método que mejor se adapte a tus necesidades:

Método 1: Incrustar SoundCloud en WordPress usando el Editor de Bloques

WordPress cuenta con varios bloques integrados que permiten incrustar archivos PDF, vídeos de TikTok y muchos otros contenidos. También tiene un bloque de SoundCloud para que puedas incrustar archivos de audio sin instalar un plugin aparte.

Mejor aún, si enlazas un enlace en el área de contenido de la entrada, WordPress añadirá el bloque de SoundCloud automáticamente.

En primer lugar, dirígete a SoundCloud y busca el archivo que quieras añadir a tu blog de WordPress. Puede ser una de tus propias canciones o una canción pública creada por otra persona. Incluso puedes incrustar listas de reproducción y álbumes enteros de SoundCloud.

Cuando hayas abierto la canción, la lista de reproducción o el álbum, desplázate por la página para hacer clic en el icono “Copiar enlace”.

Copying the Soundcloud link

A continuación, cambia al escritorio de WordPress y ve a la página o entrada en la que quieras incrustar el archivo de SoundCloud. Ahora, sólo tienes que pegar la URL en el área de contenido.

En cuanto pegues la URL de SoundCloud, WordPress obtendrá el código incrustado y mostrará el reproductor de audio y la pista.

Paste the URL in the Content Area

Si hace clic en el botón ‘Reproducir’, el audio comenzará a reproducirse dentro del editor de WordPress.

Una vez añadida la pista, puedes ajustarla mediante la barra de herramientas que aparece sobre el bloque y los ajustes del menú de la derecha.

You Can Change the Settings

Por ejemplo, si desea establecer una anchura máxima para la incrustación, haga clic en el botón “Alinear” y elija una opción del menú que aparece.

Por defecto, WordPress hará que el archivo incrustado se vea más pequeño en teléfonos inteligentes y tabletas. Le recomendamos que deje esta característica activada, pero si lo prefiere, puede desactivarla utilizando el conmutador “Redimensionar para dispositivos más pequeños” del menú de la derecha.

Si cambias estos ajustes, te recomendamos que pruebes la versión móvil de tu sitio web de WordPress para asegurarte de que el archivo de SoundCloud se ve y funciona como se espera.

Cuando estés satisfecho con el modo en que se ha establecido la incrustación, haz clic en “Actualizar” o “Publicar” para que el archivo de SoundCloud incrustado pase a estar activo.

Método alternativo: Uso del bloque HTML personalizado

Otra forma de incrustar el archivo de Soundcloud es con el código iFrame de Soundcloud y el bloque HTML personalizado de WordPress. Este método le dará más formas de personalizar el aspecto del archivo.

Primero, en la página de audio de Soundcloud, haz clic en el botón “Compartir”.

Clicking the Share button in Soundcloud

A continuación, pase a la pestaña “Incrustar”.

Aquí encontrarás el código iFrame de Soundcloud que puedes copiar.

Antes de copiar este código, también puede personalizar los colores y ajustes del reproductor incrustado. El código se actualizará en función de sus preferencias.

Copying the Soundcloud embed code

Una vez que hayas copiado este código, abre el editor de bloques de tu página o entrada.

A continuación, haga clic en el botón “+ Añadir bloque” y añada el bloque“HTML personalizado“.

Adding a new Custom HTML block in the block editor

Ahora, asegúrate de que estás en la pestaña HTML.

Aquí, pegue el código iFrame dentro del bloque.

Pasting the Soundcloud embed code in the block editor

Para ver el aspecto del reproductor incrustado, haga clic en la pestaña “Vista previa”.

Una vez hecho esto, basta con hacer clic en “Actualizar” o “Publicar” para aplicar los cambios.

Previewing the Soundcloud embed code in the block editor

Método 2: Incrustar SoundCloud en WordPress usando el antiguo editor clásico

Si todavía utilizas el editor clásico de WordPress, puedes incrustar audio de SoundCloud de la misma manera.

Empieza por copiar el enlace a la pista, álbum o lista de reproducción de SoundCloud.

Una vez hecho esto, abra la página o entrada en la que desea incrustar el archivo. A continuación, sólo tienes que enlazarlo en el área de contenido en su propia línea.

Paste the Link on a Line of Its Own

Si utilizas el editor visual, verás una vista previa del reproductor de música SoundCloud en WordPress.

Ten en cuenta que no puedes cambiar la anchura y la alineación como en el editor de bloques de WordPress.

The SoundCloud Audio Player will be Automatically Displayed

FAQ Acerca de Incrustar SoundCloud en WordPress

Desde que publicamos por primera vez esta guía, hemos recibido muchas preguntas de nuestros lectores acerca de cómo incrustar contenido de SoundCloud en WordPress.

He aquí las respuestas a algunas de las preguntas más frecuentes.

1. ¿Puedo incrustar un podcast de SoundCloud en WordPress?

Puedes incrustar fácilmente un podcast en WordPress utilizando el bloque SoundCloud incorporado. Solo tienes que pegar el episodio del podcast o la lista de reproducción en el editor de contenido y WordPress lo añadirá a un bloque de SoundCloud automáticamente.

2. ¿Puedo añadir varias canciones de SoundCloud a WordPress?

Puedes añadir un número ilimitado de canciones al mismo bloque de SoundCloud. Puedes incrustar un álbum o una lista de reproducción entera simplemente pegando su URL en el editor de contenido de WordPress.

Si quieres crear una lista seleccionada de canciones, te recomendamos que las añadas a una lista de reproducción en SoundCloud y que la hagas pública. A continuación, puedes incrustar la lista de reproducción en WordPress simplemente pegando su URL.

Ten en cuenta que los ajustes de privacidad de cada canción anularán los ajustes de tu lista de reproducción. Esto significa que no puedes incrustar pistas privadas en tu sitio web, aunque las añadas a una lista de reproducción pública.

3. ¿Cómo añadir un canal SoundCloud a mi sitio web WordPress?

Puedes añadir un canal de SoundCloud exactamente igual que incrustas una canción o una lista de reproducción. Solo tienes que visitar el canal en SoundCloud y copiar la URL.

A continuación, puedes enlazarlo en el editor de contenidos y WordPress mostrará todo el contenido de ese canal, incluido su banner, el número total de pistas y un botón “Seguir”. De este modo, puedes animar a los visitantes de tu sitio web a que te sigan en SoundCloud.

Esperamos que este artículo te haya ayudado a aprender cómo incrustar audio de SoundCloud en tus entradas de WordPress. A continuación, puedes consultar nuestras guías sobre cómo incrustar una transmisión en directo de YouTube o cómo añadir Google Web Stories a tu sitio de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

6 comentariosDeja una respuesta

  1. kaushik

    Why to take trouble when the soundcloud shortcode plugin is there !

  2. Umair Ahmad

    hi, i want to add multiple souncloud(SC) track file in wordpress page post area, i get the following code from SC site,

    [soundcloud url=”https://api.soundcloud.com/tracks/68623291″ params=”color=00aabb&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false” width=”100%” height=”166″ iframe=”true” /]

    and embed it in post, but it does not show the track, instead displaying the embed code.

    i used the plugin name “SoundCloud Shortcode” on my self hosted site, but failed,

    Moreover, i am not following your instructions. :)

    have a look or attached file, thats the result.

  3. followers

    Hey pal, I’m a hip hop producer your article was impressive, it really heleped me. I hope my soundcloud mix will be better after reading this.thank you!

  4. bdubb

    How would you add support for album art to this function?

    • Native Imaging

      I was hoping for the same function. It would be nice if the album art can Auto-Populate the Featured Image for WP Posts. Fingers Crossed! :)

  5. Georgia Hebert

    I just recently discovered this webblog and I can say current post is very useful for all

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.