---
title: Cómo añadir Spotify en tu sitio web
description: En este artículo, aprenderás cómo insertar una lista de reproducción o una pista de audio individual de Spotify en tu sitio de Indie Website.
---

[Ir directamente al contenido](https://help.indiegraf.com/es/adding-spotify-on-your-site#main-content)

- [Español](https://help.indiegraf.com/es/adding-spotify-on-your-site)
- [English](https://help.indiegraf.com/adding-spotify-on-your-site)

Español

Traducciones de Mostrar submenú de

[Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=es)

[![Indiegraf-PrimaryLogo-FullColor-1](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-PrimaryLogo-FullColor-1.png?width=262&height=60&name=Indiegraf-PrimaryLogo-FullColor-1.png)](https://help.indiegraf.com/?hsLang=es)

Abrir navegación principal

Cerrar navegación principal

- - [Español](https://help.indiegraf.com/es/adding-spotify-on-your-site)
    - [English](https://help.indiegraf.com/adding-spotify-on-your-site)

  Español
  
  Traducciones de Mostrar submenú de
- [Publisher Portal](https://portal.indiegraf.com/tickets)

 ¿Cómo podemos ayudarte?

- No hay sugerencias porque el campo de búsqueda está vacío.

1. [Indiegraf (es)](https://help.indiegraf.com/es/?hsLang=es)
2. [Indie Website](https://help.indiegraf.com/es//indie-website?hsLang=es)
3. [Diseño y estructura de la página](https://help.indiegraf.com/es//indie-website?hsLang=es#dise%C3%B1o-y-estructura-de-la-p%C3%A1gina)

26 de marzo de 2026

# Cómo añadir Spotify en tu sitio web

## En este artículo, aprenderás cómo insertar una lista de reproducción o una pista de audio individual de Spotify en tu sitio de Indie Website.

Añadir una lista de reproducción o pistas de audio individuales de Spotify a tu sitio de Indie Website se puede hacer en solo unos sencillos pasos.

### **Paso 1: Sube el audio a Spotify**

Antes de poder añadir el audio de Spotify a tu sitio de Indie Website, deberás asegurarte de que la pista de audio que deseas utilizar esté activa en la plataforma de Spotify.

### **Paso 2: Decide entre compartir una lista de reproducción o una sola pista de audio**

Puedes compartir una lista de reproducción completa de un canal de Spotify (una lista de varias canciones) o puedes compartir una sola pista de audio.

**Apariencia de la lista de reproducción:**

**![](https://help.indiegraf.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screen+Shot+2025-02-28+at+3_30_06+PM.png?width=2574&height=1230&name=Screen+Shot+2025-02-28+at+3_30_06+PM.png)**

**Apariencia de una sola pista:**

**![](https://help.indiegraf.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screen+Shot+2025-02-28+at+3_36_23+PM.png?width=2568&height=782&name=Screen+Shot+2025-02-28+at+3_36_23+PM.png)**

### **Paso 3: Copia el enlace URL de Spotify del audio**

Una vez que hayas decidido compartir una lista de reproducción o una sola pista, busca y copia su enlace URL correspondiente.

**Ubicación del enlace URL de una lista de reproducción:**

**![](https://help.indiegraf.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screen+Shot+2025-02-28+at+3_30_49+PM.png?width=1456&height=1010&name=Screen+Shot+2025-02-28+at+3_30_49+PM.png)**

**Ubicación del enlace URL de una sola pista:**

**![](https://help.indiegraf.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screen+Shot+2025-02-28+at+3_35_25+PM.png?width=1656&height=714&name=Screen+Shot+2025-02-28+at+3_35_25+PM.png)**

### **Paso 4: Inserta el audio con nuestro bloque de diseño**

1. Inicia sesión en el editor de tu **Indie Site**.
2. Dirígete a la página o publicación donde deseas mostrar el audio.
3. Añade nuestro bloque de diseño **Spotify Embed URL**.
4. Pega la URL del audio en el bloque.
5. Guarda y publica tus cambios.

![](https://help.indiegraf.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screen+Shot+2025-02-28+at+2_18_21+PM.png?width=1257&height=233&name=Screen+Shot+2025-02-28+at+2_18_21+PM.png)

Una vez insertado, tu audio de Spotify será accesible directamente desde tu sitio web, proporcionando a tu audiencia una experiencia de escucha fluida. Este método garantiza que tu sitio web siga siendo rápido y adaptable, aprovechando al mismo tiempo las capacidades avanzadas de transmisión de Spotify.

- [Bienvenido(a) a Indiegraf](https://help.indiegraf.com/es//bienvenidoa-a-indiegraf?hsLang=es)
- [Orientación](https://help.indiegraf.com/es//orientaci%C3%B3n?hsLang=es#main-content)

    - [Guía de inicio rápido](https://help.indiegraf.com/es//orientaci%C3%B3n?hsLang=es#gu%C3%ADa-de-inicio-r%C3%A1pido)
- [Indie Website](https://help.indiegraf.com/es//indie-website?hsLang=es#main-content)

    - [Analítica y crecimiento](https://help.indiegraf.com/es//indie-website?hsLang=es#anal%C3%ADtica-y-crecimiento)
    - [Participación y formularios de audiencia](https://help.indiegraf.com/es//indie-website?hsLang=es#participaci%C3%B3n-y-formularios-de-audiencia)
    - [Configurando tu Página de Inicio](https://help.indiegraf.com/es//indie-website?hsLang=es#configurando-tu-p%C3%A1gina-de-inicio)
    - [Creación y gestión de contenido](https://help.indiegraf.com/es//indie-website?hsLang=es#creaci%C3%B3n-y-gesti%C3%B3n-de-contenido)
    - [Diseño y estructura de la página](https://help.indiegraf.com/es//indie-website?hsLang=es#dise%C3%B1o-y-estructura-de-la-p%C3%A1gina)
    - [Indiegraf Pay](https://help.indiegraf.com/es//indie-website?hsLang=es#indiegraf-pay)
    - [Medios y activos visuales](https://help.indiegraf.com/es//indie-website?hsLang=es#medios-y-activos-visuales)
    - [Herramientas de SEO y Google](https://help.indiegraf.com/es//indie-website?hsLang=es#herramientas-de-seo-y-google)
    - [Administración del Sitio](https://help.indiegraf.com/es//indie-website?hsLang=es#administraci%C3%B3n-del-sitio)
    - [Preguntas Técnicas](https://help.indiegraf.com/es//indie-website?hsLang=es#preguntas-t%C3%A9cnicas)
- [Indie Email](https://help.indiegraf.com/es//indie-email?hsLang=es#main-content)

    - [Configuración de la cuenta y fundaciones](https://help.indiegraf.com/es//indie-email?hsLang=es#configuraci%C3%B3n-de-la-cuenta-y-fundaciones)
    - [Gestión de Contacto](https://help.indiegraf.com/es//indie-email?hsLang=es#gesti%C3%B3n-de-contacto)
    - [Creación de campañas](https://help.indiegraf.com/es//indie-email?hsLang=es#creaci%C3%B3n-de-campa%C3%B1as)
    - [Envío de campañas y automatización](https://help.indiegraf.com/es//indie-email?hsLang=es#env%C3%ADo-de-campa%C3%B1as-y-automatizaci%C3%B3n)
    - [Solución de problemas y entregabilidad](https://help.indiegraf.com/es//indie-email?hsLang=es#soluci%C3%B3n-de-problemas-y-entregabilidad)
    - [Analíticas](https://help.indiegraf.com/es//indie-email?hsLang=es#anal%C3%ADticas)
- [Indie Ads Manager (IAM)](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#main-content)

    - [Informes y Estadísticas](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#informes-y-estad%C3%ADsticas)
    - [Artículos Esenciales](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#art%C3%ADculos-esenciales)
    - [Guía de Inicio Rápido](https://help.indiegraf.com/es//indie-ads-manager-iam?hsLang=es#gu%C3%ADa-de-inicio-r%C3%A1pido)
- [Indiegraf Expertos](https://help.indiegraf.com/es//indiegraf-expertos?hsLang=es)
- [General](https://help.indiegraf.com/es//general?hsLang=es)

[![Indiegrf](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-SecondaryLogo-DarkNavy-2.png?width=260&height=130&name=Indiegraf-SecondaryLogo-DarkNavy-2.png "Indiegrf")](https://help.indiegraf.com/?hsLang=es)

Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere.

<https://www.instagram.com/indiegrafmedia> <https://www.twitter.com/indiegrafmedia> <https://www.facebook.com/indiegrafmedia> <https://www.linkedin.com/indiegraf-media> [mailto:support@indiegraf.com](mailto:support@indiegraf.com)

Copyright © 2025, Indiegraf Media