blog webempresa

¿Como añadir Spotify en WordPress?

por | Jul 19, 2023 | Aprender WordPress

Como añadir Spotify en WordPress

Antes, era habitual que al visitar un sitio web tuviese música de fondo pero, en la actualidad, esta acción ya no es tan popular porque puede ser inoportuna y generar fricción en la experiencia del usuario.

Con el nacimiento de nuevas plataformas, siempre hay opciones que podemos enlazar a nuestro blog o sitio web. Hoy hablaremos de Spotify, donde podremos incrustar discos, canciones o pódcast concretos para ser o bien escuchados desde nuestro sitio web o ser redirigidos a la plataforma para consultar todo su contenido relacionado.

Vamos a ver cómo podemos añadir Spotify en WordPress por medio de simples procedimientos.

 ¿Qué es Spotify?


spotify-wp-01

(Visita el sitio de la plataforma haciendo clic en la imagen ↑)

Spotify es una plataforma de música en streaming que permite a los usuarios acceder a un amplio catálogo de canciones, pódcast y otros contenidos de audio de forma gratuita o mediante una suscripción premium. Fue lanzada en 2008 y se ha convertido en una de las plataformas de streaming más populares a nivel mundial.

Los usuarios de Spotify pueden buscar y reproducir canciones de diferentes géneros musicales, crear listas de reproducción personalizadas, seguir a artistas y amigos y descubrir nueva música a través de recomendaciones basadas en sus preferencias y hábitos de escucha. También ofrece funciones sociales, como la posibilidad de seguir a otros usuarios y compartir canciones y listas de reproducción con ellos.

Además de la música, Spotify cuenta con una amplia selección de pódcast de diferentes temáticas como noticias, deportes, comedia, educación y mucho más. Los usuarios pueden suscribirse y recibir actualizaciones automáticas de sus pódcast favoritos, así como descubrir nuevos programas a través de las recomendaciones personalizadas.

 ¿Por qué añadir Spotify a WordPress?


Agregar Spotify a WordPress puede representar varios beneficios, entre los que podemos mencionar:

Promoción de música y descubrimiento de nuevos artistas: si tenemos un blog o sitio web centrado en la música, la integración de Spotify nos permitirá mostrar y promocionar música de artistas emergentes o canciones populares. Es posible crear listas de reproducción temáticas, recomendar canciones destacadas o destacar nuevos lanzamientos. Esto no solo brinda a los visitantes una experiencia musical más enriquecedora, sino que también puede ayudar a los artistas a obtener más exposición y seguidores.

Integración de contenido musical: si por otro lado somos un artista, bloguero o creador de contenido relacionado con la música; agregar Spotify a nuestro sitio de WordPress nos dará la posibilidad de integrar fácilmente canciones, listas de reproducción o álbumes en publicaciones o páginas. Esto brinda a los visitantes la posibilidad de reproducir música directamente desde el sitio web, lo que mejora la experiencia del usuario y promueve el contenido musical.

Complemento para blogs y pódcast: En un blog o pódcast donde se comparte contenido relacionado con la música, se pueden enriquecer las publicaciones o episodios al agregar canciones o listas de reproducción relevantes de Spotify. Esto permite a todos los lectores u oyentes escuchar la música que es mencionada en tiempo real y profundizar en el tema que se esté discutiendo.

Monetización y generación de ingresos: si somos un creador de contenido y hacemos participación en el programa de afiliados de Spotify, el agregar Spotify a nuestro sitio web de WordPress puede ser de gran ayuda para generar ingresos adicionales. Es posible generar enlaces de afiliados para las canciones o álbumes que hacemos referencia y recibir una comisión cuando los visitantes se suscriban a Spotify o realicen compras a través del enlace compartido.

El agregar Spotify a WordPress permite integrar música en nuestro sitio web, mejorar la experiencia del usuario, promocionar contenido musical y, potencialmente, generar ingresos adicionales si se forma parte del programa de afiliados de Spotify.

 ¿Cómo añadir Spotify en WordPress?


En la actualidad tenemos la posibilidad de insertar cualquier contenido de Spotify en WordPress por medio de las opciones de compartir, esto puede ser aplicado en varios casos, así que vamos a repasarlos a continuación.

 Cómo añadir Spotify en WordPress por medio de iframe?


Por defecto, desde la vista de escritorio de Spotify tendremos la opción disponible de poder compartir y, a su vez, insertar el elemento que hayamos aplicado el clic derecho.

Vamos a hacer el proceso primero con un disco completo, al colocar el cursor sobre la carátula del álbum que deseamos insertar, solo bastara con hacer clic derecho para que se desplieguen las opciones de gestión, entre ellas desde el apartado de “Compartir” se va a desplegar la opción de “Insertar álbum”.

spotify-wp-01

Al seleccionar la opción de “insertar álbum” se nos va a desplegar una ventana en la que podremos previsualizar y customizar un poco el aspecto del widget que vamos a generar.

spotify-wp-02

Entre sus opciones podremos modificar su paleta de colores, tamaño en altura y la anchura definida en porcentajes.

Ahora queda por hacer clic en el botón de “COPIAR” para obtener el código de inserción que podemos añadir de varias maneras en nuestro sitio web. También tenemos la opción de visualizar el código de inserción por medio de la casilla “Mostrar código”.

spotify-wp-03

Ya con el código copiado podemos disponer del widget de reproducción como queramos. Para fines de este ejemplo vamos a colocarlo en el contenido de una entrada por medio del bloque de HTML en Gutenberg de WordPress.

spotify-wp-04

Este tendrá el siguiente aspecto ya publicado.

spotify-wp-05

El proceso es realmente sencillo y tal como hicimos mención antes, los mismos pasos aplican para las pistas o canciones en específico, vamos a ello.

Solo bastará con posicionarnos sobre la canción o pista que queramos insertar y al hacer clic derecho sobre ella se desplegarán las opciones gestión, entre ellas desde el apartado de “Compartir” se va a desplegar la opción de “Insertar canción”.

spotify-wp-06

Al igual que con el álbum, podemos personalizar un poco el aspecto del reproductor, como también poder ver el código que se va generando del widget.

spotify-wp-07

Recordemos que con el código de inserción previamente copiado podemos incrustarlo donde se permita HTML. En este caso colocaremos la canción en un área de Widgets para que se aprecie la flexibilidad de su uso.

Desde el apartado de Apariencia en la opción de Widgets de WordPress por medio del bloque correspondiente a “HTML personalizado” pegaremos el código de inserción copiado desde Spotify.

spotify-wp-08

El resultado sería el siguiente: el widget posicionado en la barra lateral del sitio mostrando el reproductor únicamente de la canción que acabamos de generar desde Spotify.

spotify-wp-09

Los reproductores tanto del álbum completo como de la canción por separado funcionan sin problemas. Sin embargo, hay algo importante que debemos tener presente, el contenido de las pistas o canciones no va a reproducirse en su totalidad, solo será una “Muestra de audio” tal como aparece visible en ambos reproductores.

Si los visitantes quieren disfrutar del contenido por completo que hemos compartido, deberán hacerlo directamente desde la plataforma de Spotify.

 ¿Cómo añadir Spotify en WordPress con Elementor?


En caso de utilizar Elementor como page builder de WordPress hay un complemento que podemos utilizar en caso de que nos parezca engorroso el manipular con frecuencia los códigos de inserción generados desde Spotify.

spotify-wp-10

(Visita el plugin haciendo clic en la imagen ↑)

Liza Spotify Widget for Elementor es un plugin fácil de usar para el constructor de páginas Elementor. Su objetivo es ofrecer un widget funcional que permita agregar música de Spotify sin necesidad de escribir código. Con Liza Spotify Widget, los usuarios pueden aprovechar la API de Spotify en sus sitios web de forma sencilla y sin complicaciones.

Una vez instalado el plugin desde la vista del editor de Elementor podremos ver disponible el módulo correspondiente a “Liza Spotify Widget”.

spotify-wp-11

Al agregar el módulo a una sección podremos ver sus opciones de contenido, entre las que podremos colocar la URL de la pista, canción o álbum que queramos mostrar, como también podremos modificar la altura del reproductor.

spotify-wp-12

Una consulta válida sería, ¿cómo generamos los enlaces que funcionen para colocarlos en el campo de “Spotify Embed link”? Pues ya sabemos cómo, hemos repasado el procedimiento en puntos anteriores. La URL podemos tomarlas desde el código de inserción del elemento deseado.

spotify-wp-13

Luego solo basta tomar la URL, copiarla y colocarla en el campo de “Spotify Embed link” para que se muestre el reproductor del elemento que justo acabamos de copiar.

Puede que parezca igual de laborioso que el procedimiento antes explicado, pero tenemos algunos factores extras que simplifican el proceso, como solo utilizar la URL del elemento a mostrar, manipular la altura y posición del reproductor por medio del módulo y evitar utilizar código en gran medida.

 Conclusión


El uso de Spotify en WordPress ofrece beneficios significativos, como mejorar la experiencia del usuario al permitirles reproducir música directamente en el sitio web, promover música y artistas.

Por otra parte, además del contenido que ya generemos en el sitio web, podemos enriquecer el contenido multimedia, generar ingresos a través del programa de afiliados de Spotify y personalizar el sitio con listas de reproducción y canciones específicas.

La integración de Spotify en WordPress definitivamente brinda una experiencia musical enriquecedora, promoción de contenido y potencial de generación de ingresos como creador.

También te puede interesar:

¿Te ha resultado útil este artículo?

Promo Junio Webempresa