Apps de música: agregar y configurar un reproductor de SoundCloud

5 min de lectura
Comparte tu música favorita de SoundCloud en tu sitio. Este reproductor personalizable hace que sea más fácil que nunca mostrar pistas, listas de reproducción y pódcast. Basta con pegar una URL o un código incrustrado de SoundCloud en tu reproductor y conectarte.
Captura de pantalla de un sitio online con un reproductor SoundCloud.

Paso 1 | Agrega el reproductor SoundCloud

Primero, agrega la app SoundCloud a tu sitio. Luego, puedes enlazar a tu música y personalizar los ajustes y el diseño del reproductor.
Editor de Wix
Editor de Wix Studio
Panel de control
  1. Ve al editor.
  2. Haz clic en Agregar elementos  a la izquierda del editor.
  3. Haz clic en Video y música.
  4. Haz clic en Reproductor SoundCloud.
  5. Arrastra el reproductor a la página.
Captura de pantalla que muestra el panel Agregar, en la que se resalta el reproductor SoundCloud.

Paso 2 | Agrega la URL de SoundCloud o el código incrustado

A continuación, recupera la URL o el código incrustrado de la pista, el álbum o la lista de reproducción, y agrégalo al reproductor en tu sitio.

Para agregar un código o una URL de SoundCloud:

  1. (En tu cuenta de SoundCloud) Busca la música que deseas agregar.
  2. Selecciona Compartir.
  3. Haz clic en Compartir o Incrustar.
Captura de pantalla de las opciones Compartir e Incrustar en SoundCloud.
  1. Copia la URL o el código.
  2. (En el editor) Haz clic en el reproductor SoundCloud.
  3. Haz clic en Ajustes.
  4. Pega la URL o el código.
  5. Haz clic en Confirmar.
Captura de pantalla del botón de confirmación en la pestaña Ajustes.

Paso 3 | Configura el reproductor

Ahora es el momento de elegir qué muestra el reproductor SoundCloud a los visitantes. Puedes mostrar cuántas veces se ha reproducido la canción y los comentarios que han dejado los usuarios de SoundCloud. 

Para ajustar la configuración del reproductor:

  1. Haz clic en el reproductor SoundCloud desde el editor.
  2. Haz clic en Ajustes.
  3. Haz clic en la palanca correspondiente para mostrar u ocultar el recuento de reproducciones y los comentarios.
Captura de pantalla de la pestaña Ajustes, en la que se resaltan las palancas.

Paso 4 | Diseña el reproductor

Por último, personaliza el aspecto de tu reproductor SoundCloud para que se adapte mejor al diseño de tu sitio.

Para personalizar el diseño del reproductor:

  1. Haz clic en el reproductor SoundCloud desde el editor.
  2. Haz clic en Ajustes.
  3. Haz clic en Diseño.
  4. Elige lo que quieras personalizar:
    • Elige un estilo: selecciona el estilo que mejor se adapte a tus necesidades.
    • Color: elige un color para el botón de reproducción de tu reproductor SoundCloud.
Captura de pantalla de las opciones de diseño de SoundCloud.

Solucionar problemas con el reproductor SoundCloud

Haz clic en uno de los siguientes problemas para aprender a resolverlo:

¿Todavía necesitas ayuda?

Si el problema persiste, entra en contacto con nostras, y estaremos encantados de ayudarte. Incluye la siguiente información:
  • El nombre y la versión del navegador web que estás usando.  
  • El nombre y la versión del sistema operativo de tu computadora.
  • Una captura de pantalla de la vista de tu consola siguiendo los estos pasos:
    1. Abre una ventana de incógnito en Google Chrome (Ctrl + Shift + N).
    2. Inicia sesión en Wix e intenta abrir el editor.
    3. Usa el atajo de teclado Ctrl + Shift + J (en una PC) o Cmd + Option + J (en una Mac).
    4. Haz clic en la pestaña Consola en la parte superior del panel y actualiza la página (F5).
    5. Toma una captura de pantalla de esta pestaña.

¿Te ha sido útil?

|