Blocs Instagram

Présentez les images les plus récentes de votre flux Instagram sur votre site.

Dernière mise à jour le 24 janvier 2025

Utilisez les blocs Instagram pour afficher des publications Instagram sur votre site. C’est un excellent moyen de présenter vos images ou vos vidéos Instagram sans les ajouter manuellement aux blocs Galerie ou aux pages Galerie. Lorsque vous ajoutez du contenu à un compte Instagram connecté, les blocs Instagram se synchronisent pour afficher vos dernières publications sur votre site. 

Remarque

en raison des récentes modifications apportées à l’API d’Instagram, pour continuer à intégrer du nouveau contenu à vos blocs Instagram, vous devrez reconnecter votre site Squarespace à Instagram. Si vous avez actuellement un compte Instagram personnel, vous devez le convertir en compte professionnel au cours de ce processus. Depuis le 4 décembre 2024, les blocs Instagram qui n’ont pas été reconnectés n’affichent aucun nouveau contenu tant que la reconnexion n’a pas eu lieu.

Pour reconnecter votre compte Instagram :

  1. Ouvrez le panneau Comptes connectés.   
  2. Cliquez sur S’authentifier à nouveau.
  3. Si vous n’avez pas encore de compte professionnel (Business ou Creator), le processus de reconnexion vous guidera pour passer d’un compte personnel à un compte professionnel.
  4. Après avoir converti votre compte et vous être reconnecté(e), cliquez sur l’icône Instagram dans le panneau Comptes connectés.
  5. Cliquez sur Réinitialiser les données.

Pour continuer à afficher un feed de publications Instagram sur votre site sans convertir votre compte Instagram en compte professionnel, remplacez votre bloc Instagram par un bloc Intégrer avec le code d’intégration d’Instagram.

Regarder une vidéo

Ajouter le bloc Instagram

Pour ajouter un bloc Instagram :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou sur un point d’insertion, puis choisissez Instagram dans le menu.Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  3. Dans l’onglet Compte, cliquez sur le menu déroulant Compte connecté pour sélectionner un compte Instagram précédemment connecté, ou sélectionnez Ajouter un compte et suivez les étapes du processus d’autorisation pour en connecter un nouveau.
  4. Définissez le nombre d'éléments à afficher (jusqu'à 20).
  5. Dans l’onglet Design, choisissez un design, puis personnalisez les paramètres d’affichage
  6. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications, ou cliquez sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Astuces et restrictions

Important :

  • Instagram ne permet pas de filtrer les publications des blocs Instagram à l’aide d’un terme de recherche ou d’un hashtag.
  • Si vous connectez un compte Instagram privé à un bloc Instagram, les publications s’afficheront dans le bloc, mais elles mèneront vers un lien inactif en cas de clic. Pour éviter ce problème, paramétrez votre compte Instagram sur « public ».
  • Lorsque des publications Instagram comportent plusieurs images ou vidéos, le premier élément est affiché comme image statique dans les blocs Instagram. Dans l’onglet Design de l’éditeur de bloc, cochez Ouvrir les liens dans une nouvelle fenêtre pour rediriger les visiteurs vers l’intégralité de la publication.
  • Les blocs Instagram ne prennent pas en charge les publications IGTV, les Stories, les publications partagées ou les Reels.
  • Les publications épinglées n’apparaissent pas au début de votre bloc Instagram. 
  • Si vous avez plusieurs comptes Instagram que vous souhaitez mettre en avant, vous pouvez connecter chaque compte à un bloc Instagram différent.

Sélectionner un design

Sous l’onglet Design, sélectionnez la manière dont les publications s’afficheront dans le bloc. Vous avez le choix entre quatre designs que vous pourrez personnaliser à l’aide de différentes options dont la valeur de proportion, la marge intérieure et l’affichage des publications lorsque l’on clique dessus. Voici les quatre designs proposés :

  • Diaporama - Les publications s’affichent l’une après l’autre
  • Carrousel - Les publications s’affichent dans leur intégralité avec une partie des publications précédentes et suivantes d’un côté et de l’autre, en fonction des paramètres définis
  • Grille - Les publications s'affichent sous la forme d'une grille d'images miniatures
  • Empilé - Les publications s'affichent en pleine largeur, empilées les unes sur les autres

Lorsque vous avez terminé la personnalisation de votre design, cliquez sur Enregistrer. Pour en savoir plus, consultez la page Options pour chaque design de bloc Instagram.

Astuce

certaines options de design s’affichent différemment sur les appareils mobiles. Vous pouvez prévisualiser vos réglages avec la Vue Mobile.

Options pour chaque design de bloc Instagram

Option de design Comportement du bloc
Passer automatiquement à l'image suivante Passe automatiquement à la publication suivante après une période définie. Lorsque l’option est cochée, un curseur s’affiche pour ajuster le temps de transition entre une et dix secondes.
Afficher les commandes de navigation Ajoute des flèches pour naviguer vers les éléments suivants et précédents. Les commandes s’affichent en superposition à gauche et à droite de la publication principale.
Recadrer automatiquement les images Rogne ou redimensionne les publications pour optimiser le design.
Afficher les miniatures Ajoute un bandeau contenant des miniatures de toutes les images et de toutes les vidéos dans le bloc (sous la publication principale). Lorsque cette option est cochée, des curseurs permettent de régler la hauteur du bandeau de miniatures et la distance entre ce bandeau et la publication principale.
Afficher la légende

Affiche la description des publications. Lorsque cette option est cochée, des options supplémentaires vous permettent de définir la position des descriptions et de les afficher uniquement en cas de survol. Découvrez comment les templates déterminent le style des légendes.

Les descriptions ne s'afficheront pas sur mobile.

Ouvrir les liens dans une nouvelle fenêtre Ouvre Instagram dans un nouvel onglet lorsque les visiteurs cliquent sur les publications.
Option de design Comportement du bloc
Passer automatiquement à l'image suivante Passe automatiquement à la publication suivante après une période définie. Lorsque l’option est cochée, un curseur s’affiche pour ajuster le temps de transition entre une et dix secondes.
Afficher les commandes de navigation Ajoute des flèches pour naviguer vers les éléments suivants et précédents. Les commandes s’affichent en superposition à gauche et à droite de la publication principale.
Alignement actif Focalise le bloc sur une publication active. Cette dernière s’affiche intégralement.
Ouvrir les liens dans une nouvelle fenêtre Ouvre Instagram dans un nouvel onglet lorsque les visiteurs cliquent sur les publications.
Option de design Comportement du bloc
Valeur de proportion Contrôle la taille d’affichage de vos publications.
Recadrer les images Supprime la marge intérieure des conteneurs des publications et les affiche avec la taille sélectionnée dans le menu déroulant Valeur de proportion.
Miniatures par ligne Personnalise le nombre de miniatures qui s’affichent sur une ligne de la grille.
Marge intérieure Ajuste la marge à l’extérieur des conteneurs des publications.
Lightbox

Ouvre une publication avec un arrière-plan noir lorsque les visiteurs cliquent dessus.

La légende de la publication s’affiche en cas de survol de la lightbox. Sur un appareil mobile, appuyez sur le cercle en bas à droite de la lightbox pour afficher la légende de la publication. Découvrez comment les templates déterminent le style des légendes.

Ouvrir les liens dans une nouvelle fenêtre Ouvre Instagram dans un nouvel onglet lorsque les visiteurs cliquent sur les publications. Cette option ne fonctionne pas si l'effet lightbox est activé.
Option de design Comportement du bloc
Afficher la légende

Affiche la description de chaque publication en dessous de cette dernière. Découvrez comment les templates déterminent le style des légendes.

Ouvrir les liens dans une nouvelle fenêtre Ouvre Instagram dans un nouvel onglet lorsque les visiteurs cliquent sur les publications.

Résolution de problèmes

Suivez les étapes ci-dessous pour résoudre les problèmes avec les blocs Instagram. N’oubliez pas : bien que nous puissions vous fournir des conseils en matière de dépannage, nous ne pourrons fournir aucune assistance liée aux problèmes causés par des modifications de politique ou des mises à jour de produits effectuées par Instagram. Voici quelques problèmes fréquents :

  • Le bloc ne correspond pas au fil d’actualité Instagram.
  • Le bloc affiche des publications en double ou incorrectes.
  • Le bloc affiche les publications archivées.
  • Le bloc affiche un message d’erreur : « Il n’existe aucun élément à afficher dans la collection sélectionnée. »
  • Le bloc n'apparaît pas du tout.

Astuce

les blocs Instagram s’actualisent toutes les 30 minutes environ. Il est donc possible que les nouvelles publications ne soient pas affichées immédiatement.

Étape 1 – Vérifier la connexion

Vous pouvez résoudre la plupart des problèmes en vérifiant si la connexion Instagram est correctement configurée :

  1. Ouvrez le panneau Comptes connectés.
  2. Cliquez sur votre compte Instagram.
  3. Vérifiez si l’option Télécharger les données est cochée.
  4. Cliquez sur Réinitialiser les données.
  5. Cliquez sur Enregistrer.
  6. Actualisez la page Web.

Étape 2 – Reconnecter le compte

Si vous rencontrez toujours des difficultés ou que le message d’erreur « Non autorisé : supprimez ou authentifiez de nouveau ce compte pour continuer à l’utiliser » s’affiche, déconnectez et reconnectez votre compte Instagram :

  1. Dans le panneau Comptes connectés, cliquez sur votre compte Instagram.
  2. Cliquez sur Déconnecter.
  3. Cliquez sur Confirmer.
  4. Dans un autre onglet, déconnectez-vous de tous les comptes Instagram de votre appareil.
  5. Revenez sur votre site Squarespace. Dans le panneau des comptes connectés, cliquez sur Connecter.
  6. Sélectionnez Instagram dans le menu Comptes sociaux et connectez-vous à l’aide de votre nom d’utilisateur et de votre mot de passe Instagram.
  7. Cliquez sur Enregistrer.
  8. Revenez au bloc Instagram. Dans l’onglet Compte de l’éditeur de bloc, cliquez sur le menu déroulant Compte connecté pour sélectionner à nouveau votre compte Instagram.
  9. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications, ou cliquez sur Quitter puis sur Enregistrer pour fermer l’éditeur.
  10.  

Étape 3 – Remplacer le bloc

Si le problème persiste, supprimez le bloc et ajoutez-en un nouveau :

  1. Ouvrez le panneau Pages et cliquez sur la page contenant le bloc Instagram.
  2. Survolez la page et cliquez sur Modifier.
  3. Survolez le bloc Instagram et cliquez sur l’icône corbeille.
  4. Cliquez sur un point d’insertion et sélectionnez Instagram.
  5. Sélectionnez votre compte Instagram, puis cliquez sur Enregistrer.
  6. Actualisez la page.

Étape 4 - Désactiver les bloqueurs d'annonces et les extensions de navigateur

Les blocs Instagram peuvent ne pas s'afficher si vous utilisez des bloqueurs de publicités dans votre navigateur. Pour commencer, nous vous recommandons de supprimer tous les bloqueurs de publicités. Si vous rencontrez toujours des problèmes d'affichage pour les blocs, essayez de désactiver toutes les extensions de navigateur. Si le problème persiste, contactez-nous.

Afficher un feed de publications à l’aide d’un bloc Intégrer

Pour utiliser un bloc Instagram, vous devez avoir un compte Instagram professionnel. Pour afficher un feed de publications Instagram sur votre site sans compte professionnel, ajoutez le code d’intégration d’Instagram à 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. Sur Instagram, recherchez la publication ou le profil que vous souhaitez intégrer, puis cliquez sur  en haut à droite.
  3. Cliquez sur Intégrer, puis sur Copier le code d’intégration
  4. Revenez à votre bloc Intégrer, cliquez sur Extrait de code dans l’éditeur de blocs depuis un ordinateur, ou appuyez sur Code dans l’application Squarespace, puis collez le code d’intégration manuellement dans le champ de texte.

Pour en savoir plus sur l’intégration de collections de publications sur votre site, consultez la documentation d’Instagram

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