Ajouter de la musique à votre site

Partagez votre musique avec vos fans sur votre site de musicien ou de groupe.

Dernière mise à jour le 6 août 2024

Vous pouvez ajouter de la musique à votre site à l’aide de blocs Audio ou de blocs Intégrer. Utilisez ce guide pour choisir la meilleure méthode de présentation de votre musique.

Si vous êtes musicien ou faites partie d'un groupe, consultez Construire un site de musicien ou de groupe pour apprendre à connecter vos plateformes de médias sociaux et à vendre des marchandises.

Utiliser les blocs

Les blocs énumérés ci-dessous vous permettent d’ajouter de l’audio dans la zone de contenu de bloc de votre choix, notamment :

Pour en savoir plus sur l'utilisation des blocs, consultez la section Ajout de contenu à l'aide des blocs.

Bloc Audio

Utilisez le bloc Audio pour ajouter une seule piste à votre site. Vous pouvez télécharger un fichier .mp3 ou .m4a à partir de votre ordinateur ou ajouter une URL provenant d’une plateforme de stockage dans le Cloud.

Vous pouvez également utiliser le bloc Audio pour des podcasts.

Bloc Intégrer

Utilisez le bloc Intégrer pour ajouter de l’audio à partir de services tiers comme Spotify et Stitcher. Copiez le code sur la plateforme concernée afin de l’ajouter à votre bloc Intégrer. Si le bloc Intégrer ne fonctionne pas, utilisez plutôt un bloc Code.

Bloc SoundCloud

Utilisez le bloc SoundCloud pour intégrer une piste audio hébergée sur SoundCloud. Vous pouvez personnaliser l'affichage du bloc à l'aide des paramètres d'intégration de SoundCloud.

Bloc Vidéo

Utilisez le bloc Vidéo pour partager une vidéo musicale ou de la musique importée sous forme de fichier vidéo. Vous pouvez ajouter des vidéos hébergées sur YouTube ou Vimeo.

Lecture automatique de la musique

Pour que la musique soit diffusée automatiquement lorsqu'un visiteur ouvre une page, utilisez un bloc SoundCloud :

  1. Cliquez sur Partager sur la piste SoundCloud, puis sur l’onglet Intégrer.
  2. Cochez Activer la lecture automatique.
  3. Ajoutez ce code à un bloc SoundCloud à l’aide de l’option d’intégration. Si les paramètres du navigateur de vos visiteurs autorisent la lecture automatique, la lecture de votre piste démarre lorsqu’ils ouvrent la page.

Remarque

les versions les plus récentes de certains navigateurs bloquent par défaut la lecture audio automatique. Vos visiteurs peuvent modifier les paramètres de leur navigateur pour permettre la lecture automatique.

L’option de lecture automatique n’est pas disponible pour la musique provenant d’autres sources, et sa mise en place n’est possible qu’avec du code personnalisé. Étant donné qu’il s’agit d’une modification avancée, Squarespace n’est pas en mesure de vous aider à utiliser du code personnalisé, ni à résoudre les éventuels problèmes rencontrés.

Vendre de la musique téléchargeable

Vous pouvez utiliser Squarespace Commerce pour vendre sur votre site de la musique en tant que produit à télécharger. Pour commencer à utiliser Commerce, regardez notre série de vidéos Commerce sur la version 7.1 ou la version 7.0.

Intégrer une liste de lecture Spotify

Utilisez un bloc Intégrer pour ajouter une liste de lecture Spotify afin que les visiteurs puissent diffuser de la musique directement depuis votre site Squarespace.

  1. Dans l’application pour ordinateur de Spotify, accédez à la playlist que vous souhaitez intégrer.
  2. Cliquez sur l’icône sous le titre de la playlist.
  3. Survolez Partager, puis cliquez sur Intégrer une playlist.
  4. Définissez la couleur et la taille de votre playlist intégrée, puis cliquez sur Copier.
  5. Sur votre site Squarespace, accédez à la page sur laquelle vous souhaitez ajouter la playlist.
  6. Ajoutez un bloc Intégrer.
  7. Dans l'éditeur de blocs, cliquez sur > à droite du champ de texte.
  8. Collez le code d'intégration de la liste de lecture dans le champ Ajouter un code....

Remarque

les modifications de code personnalisé ne sont pas prises en charge par notre service d’assistance. Nous ne sommes pas en mesure de vous aider ni pour la configuration ni pour la résolution de problèmes. En outre, si vous utilisez une solution basée sur du code, nous ne pouvons garantir sa fonctionnalité ni son entière compatibilité avec Squarespace, c’est-à-dire son fonctionnement avec notre design réactif et plus particulièrement son affichage sur les appareils mobiles, ainsi que son fonctionnement sur l’ensemble des templates. Le code personnalisé peut également causer des problèmes d’affichage lors des futures mises à jour de notre plateforme. À défaut de pouvoir vous assister pour ces éventuels problèmes, nous vous recommandons les ressources suivantes :

Utiliser l'Album ou les pages de Couverture (version 7.0)

Page Album

Les pages Album fonctionnent mieux pour afficher un album entier ou une collection de morceaux. Vous pouvez également afficher une illustration d'album et ajouter des balises et des catégories pour pouvoir effectuer des recherches.

KB Guide Image

Page de couverture

Utilisez une page de couverture pour présenter un album ou une piste audio en guise d’introduction à votre site. Les pages de couverture conviennent également aux sites d’une seule page, aux annonces de nouveaux titres musicaux ou aux pages « En construction » ou « À venir ».

Certaines dispositions conçues pour l'audio mettent en évidence une seule piste, tandis que d'autres affichent une liste de lecture complète. Par exemple, la disposition Tour affiche une piste à la fois avec des contrôles pour passer à la piste suivante ou précédente.

KB Guide Image
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.