Comment intégrer une playlist Spotify à votre site web

les groupes de musique ont besoin de faire connaître leurs morceaux

À l’image de la réalisation d’un album, la création d’un site web pour un groupe de musique demande du temps et de la créativité. Une fois le site créé, vous voudrez sans doute y ajouter vos morceaux afin de les faire connaître. Bonne nouvelle : il est possible d’intégrer à votre site une playlist ou un titre provenant de l’une des nombreuses plateformes existantes (SoundCloud, BandCamp, Spotify, etc.). Dans cet article, nous allons vous expliquer plus en détail comment intégrer une playlist Spotify.

Option 1 : récupérer le code sur Spotify

  1. Accédez à votre compte Spotify et trouvez les morceaux de votre groupe.
  2. Cliquez sur l’album ou la playlist que vous souhaitez partager.
  3. Cliquez sur l’icône représentant trois points (…), puis choisissez « Partager » et « Copier le code embed ». 
  4. Revenez sur votre site et collez le code dans un élément Widget/HTML. 
  5. Cliquez sur « Enregistrer ». Et voilà, mission accomplie !

 

 Comment obtenir le code embed d’une playlist Spotify

Pour récupérer le code à intégrer à votre site web, il vous suffit de cliquer sur l’icône représentant trois points (…), puis de choisir « Partager » et « Copier le code embed ».

Que signifie « code embed » ?

Le « code embed » est un extrait de code HTML que vous pouvez récupérer pour l’intégrer à votre propre site web. Cela vous permet d’insérer sur votre site une playlist, une vidéo ou d’autres widgets tiers. Pas d’inquiétude : cette manipulation ne requiert aucune connaissance en programmation. Vous n’aurez qu’à copier-coller du texte.

 

Comment ça marche ? Les sites comme Spotify ou YouTube peuvent vous fournir un code embed personnalisé intégrant la playlist ou vidéo qui vous intéresse. Il vous suffit de cliquer sur un bouton pour copier le code automatiquement dans le presse-papier de votre ordinateur (ou de sélectionner le code avec votre souris et de le copier comme un texte normal). Collez ensuite le code dans la section adaptée de votre site.

Option 2 : ajouter une playlist Spotify sans code

Pour certains sites, pas besoin de copier le code : vous pouvez simplement coller un lien vers le morceau ou la playlist Spotify que vous souhaitez partager. Voici comment procéder avec Jimdo Dolphin :

  1. Trouvez le morceau ou la playlist que vous souhaitez partager sur Spotify et cliquez sur l’icône représentant trois points (…). 
  2.  Sélectionnez Partager > Copier le lien. Le lien est alors copié dans le bloc-notes de votre ordinateur.
  3. Retournez sur votre site, cliquez sur le signe plus (+) pour ajouter un bloc et choisissez un bloc Musique parmi ceux proposés. 
  4. Cliquez sur le bouton représentant une note de musique au centre de votre nouveau bloc, et copiez le lien Spotify dans le champ qui apparaît.
  5. Cliquez sur la coche verte pour enregistrer.

 

Comment intégrer une playlist Spotify sur un site web Jimdo

Voici le champ dans lequel vous pouvez coller le lien vers votre playlist Spotify sur votre site Jimdo

Où intégrer une playlist Spotify sur votre site ?

Votre site doit inclure une page dédiée au partage des morceaux de votre groupe. Le plus souvent, cette page est tout simplement appelée « Musique ». Vos morceaux ne doivent pas nécessairement être accessibles directement depuis la page d’accueil, sauf si vous souhaitez présenter votre nouveau single ou partager une vidéo de l’un de vos concerts.

Comment apparaît un widget Spotify sur un site web Jimdo

Exemple de widget Spotify intégré à un site Jimdo Creator

Vous pouvez également copier le code embed correspondant à un morceau en particulier en cliquant sur l’icône représentant trois points (…) disponible à côté de chaque morceau de votre playlist Spotify. Idéal si vous souhaitez, par exemple, faire la promotion de l’un de vos morceaux sur votre page d’accueil !

Pour en savoir plus sur l’ajout d’une playlist Spotify à votre site web, consultez cette page d’assistance de Spotify pour les développeurs (en anglais). Vous voulez faire connaître votre groupe ? Ne manquez pas notre précédent article qui présente les 7 meilleurs sites pour faire découvrir votre groupe de musique

Écrire commentaire

Commentaires: 0