Blocs Intégrer

Ajoutez du contenu multimédia externe à votre site à l’aide de codes d’intégration.

Dernière mise à jour le 9 février 2025

Utilisez les blocs Intégrer pour ajouter à votre site des contenus externes tels que des vidéos, des tweets et des publications Facebook.

Pour découvrir comment choisir le bloc le plus adapté à votre contenu personnalisé, consultez l’article Ajouter du code personnalisé à votre site.

Regarder une vidéo

Avant de commencer

  • Les blocs Intégrer extraient du contenu à partir de services qui utilisent la norme oEmbed ou ajoutent manuellement des codes d’intégration. Pour ajouter un autre type de code à votre site, utilisez les blocs Code.
  • Vous pouvez utiliser le bloc Intégrer pour afficher des vidéos avec des paramètres d’affichage avancés, la lecture automatique activée ou qui sont hébergées par Wistia, Animoto ou d’autres hébergeurs. Pour la plupart des vidéos YouTube et Vimeo, utilisez plutôt le bloc Vidéos. Pour en savoir plus, consultez l’article Intégrer des vidéos de services tiers sur votre site.
  • Pour la plupart des services vidéo, vous pouvez modifier le code d’intégration pour activer la lecture automatique. Pour en savoir plus, consultez l’article Lecture automatique de vidéos.
  • Pour en savoir plus sur l’utilisation d’un bloc Intégrer pour afficher un flux de publications X sur votre site, consultez l’article Utiliser X avec Squarespace.

Ajouter une vidéo à un bloc Intégrer

Pour ajouter une vidéo à un bloc Intégrer :

  1. Trouvez le code d’intégration de la vidéo. La plupart des services vidéo ont un bouton Partager ou Intégrer près de la vidéo. Cliquez sur Partager ou sur Intégrer, puis copiez le code d’intégration fourni.
  2. Sur votre site Squarespace, modifiez une page ou une publication, cliquez sur un point d’insertion, puis sur Intégrer. Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  3. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  4. Cliquez sur Extrait de code si vous utilisez un ordinateur (ou sur Code dans l’application Squarespace), cliquez sur Données d’intégration, puis collez manuellement le code d’intégration de la vidéo dans le champ de texte.
  5. (Facultatif) Chargez une image mise en avant personnalisée qui s’affiche jusqu’à ce que le visiteur lance la lecture. Notez que le fait d’ajouter une image désactive la lecture automatique.
  6. (Facultatif) Ajoutez une description pour afficher un texte sous la vidéo.

Remarque

si le code d’intégration ne fonctionne pas, cela signifie probablement que l’hébergeur que vous utilisez pour la vidéo ne respecte pas la norme oEmbed. Pour les services de ce type, nous vous conseillons de placer le code d’intégration dans un bloc Code.

Ajouter un autre contenu à un bloc Intégrer

Pour ajouter un autre contenu à un bloc Intégrer :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou sur un point d’insertion, puis sur Intégrer. Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de blocs en cliquant sur l’icône en forme de crayon ou sur Modifier sur le bloc.
  3. Saisissez l’URL de l’élément que vous intégrez. Vous aurez besoin d’une URL d’un site qui utilise la norme oEmbed.
  4. Si le contenu n’apparaît pas, cliquez sur Extrait de code dans l’éditeur de bloc si vous utilisez un ordinateur (ou sur Code dans l’application Squarespace), cliquez sur Données d’intégration, puis collez manuellement un code d’intégration dans le champ de texte.

Remarque

les champs de description et d’image mise en avant personnalisée concernent les intégrations vidéo. Si vous ajoutez une image mise en avant personnalisée à un autre contenu incorporé, votre contenu ne s’affichera pas.

Dépannage

Cette section traite des problèmes spécifiques au bloc Intégrer. Pour résoudre des problèmes liés aux vidéos intégrées en général, consultez l’article Ajouter des vidéos sur votre site.

Message d’erreur : Saisissez une URL ou un code incorporé valide

Ce message s’affiche en cas d’erreur liée à l’URL ou au code d’intégration. Pour résoudre ce problème :

  1. Ouvrez le bloc Intégrer.
  2. Ajoutez un code d’intégration ou une URL valides.
  3. Lorsqu’une URL ou un code valide est saisi, un message « Localisé avec succès » s’affiche en dessous.

Si votre code d’intégration ne fonctionne toujours pas, nous vous invitons à demander de l’aide au service tiers qui a fourni le code.

Le contenu incorporé ne s’affiche pas

Par mesure de sécurité, il peut arriver que le code ou le contenu incorporé ne s’affiche pas lorsque vous êtes connecté(e). Si le code est valide, il sera visible pour les visiteurs. Pour vérifier si les visiteurs le voient, déconnectez-vous de votre site avant d’y accéder en visiteur ou ouvrez-le dans une fenêtre de navigation privée.

Si le contenu n’apparaît toujours pas, le problème est probablement lié au code. Nous vous invitons à demander de l’aide au service tiers qui a fourni le code.

Remarque

la personnalisation basée sur du code n’est pas prise 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. Les personnalisations basées sur du code peuvent é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 :

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é.