Cómo insertar una pista de Spotify en Squarespace
En este tutorial te enseño cómo tomar el código de una pista o lista de reproducción de Spotify para embeberlo en una página web de Squarespace, de forma que aparezca un bloque de reproducción de audio.
Además, en el video te comparto un ejemplo de cómo puedes aprovechar esta función si tienes un podcast y quieres mostrar los episodios en tu blog.
Marcas de tiempo:
00:00 Intro
00:55 Inicia sesión en Spotify para más opciones
01:25 Insertar una pista de Spotify en Squarespace
04:10 Incrustar una lista de reproducción de Spotify en Squarespace
05:40 Cómo insertar episodios de un podcast de Spotify en Squarespace
Antes de empezar
Inicia sesión en Spotify en tu ordenador. Esto te dará acceso a todas las opciones de formato que puedes darle a la vista del reproductor que vas a incrustar en tu sitio web. Sólo iniciando sesión, Spotify te proporcionará el código que te permitirá insertar una pista completa, de lo contrario sólo se reproducirá una muestra.
Paso 1
Obtén el código para insertar de tu pista o lista de reproducción
En Spotify, busca tu pista o playlist. Cerca del botón de PLAY encontrarás un botón de 3 puntitos, haz clic para luego seleccionar la opción:
COMPARTIR > INSERTAR PISTA / LISTA DE REPRODUCCIÓN / EPISODIO
Personaliza el estilo del reproductor
Puedes elegir:
El color del reproductor (2 opciones).
El tamaño (normal o compacto).
El porcentaje del ancho máximo del reproductor (recomiendo dejarlo en 100%).
Copia el código
Debajo del reproductor, encontrarás un botón en verde que pone COPIAR. Haz clic para obtener el código de la pista que colocarás en Squarespace.
Paso 2
Inserta el código en Squarespace
En Squarespace, dale a EDITAR en la página que quieras trabajar y agrega un bloque INSERTAR (bloque de inserción).
Acomoda el bloque donde quieras visualizar el reproductor de Spotify. Haz clic en el “lapicito de edición” del bloque de inserción y selecciona la opción FRAGMENTO DE CÓDIGO > INSERTAR DATOS y pega el código de Spotify en el espacio correspondiente.
Antes de darle a GUARDAR y SALIR, revisa que tu nuevo reproductor de Spotify luzca bien tanto en la vista desktop como en la vista móvil y listo :)
Facilítate la tarea de diseñar y elige tu plantilla Premium:
Navega por categorías
y recuerda:
#SéDiferenteHazLaDiferencia
