Guides/Créer du contenu/Contenus embarqués/Afficher un flux Instagram

Afficher un flux Instagram

Utilisez le bloc Dernières publications Instagram pour afficher une grille automatiquement mise à jour de vos dernières publications sur votre compte Instagram. Dans ce guide, vous découvrirez comment ajouter un flux de vos dernières publications Instagram à votre site.

Compte Instagram professionnel requis

Vous pouvez afficher un flux de publications Instagram sur votre site tant que vous disposez d’un compte Instagram professionnel (business ou Créator). Les comptes Instagram professionnels sont gratuits. Vous pouvez créer un compte Instagram professionnel ou convertir votre compte Instagram personnel existant en un compte professionnel.

Lorsque vous connectez votre compte WordPress.com à Instagram pour la première fois, il vous sera demandé de convertir votre compte Instagram personnel en compte professionnel ou de sélectionner le compte professionnel que vous avez créé.

Étape 1 : ajouter le bloc Dernières publications Instagram

Pour afficher un flux de vos dernières publications Instagram, commencez par ajouter le bloc Dernières publications Instagram.

Suivez les étapes ci-dessous pour ajouter le bloc Dernières publications Instagram :

  1. Modifiez une page, une publication ou un modèle sur votre site WordPress.com.
  2. Cliquez sur l’outil d’insertion de bloc (icône +) et recherchez « Instagram ».
  3. Cliquez sur l’icône « Dernières publications Instagram » pour insérer le bloc Dernières publications Instagram.
Un encadré autour de l’icône Dernières publications Instagram dans le sélecteur de bloc.

Des instructions détaillées sur l’ajout de blocs sont disponibles ici.

Étape 2 : se connecter à Instagram

La première fois que vous ajoutez le bloc Dernières publications Instagram, une invite apparaît pour connecter votre compte Instagram. Si vous avez un site compatible avec les extensions, ses paramètres de confidentialité doivent être configurés sur Public ou Bientôt disponible, et non sur Privé.

Pour connecter votre site à Instagram, procédez comme suit :

  1. Cliquez sur le bouton « Connectez-vous à Instagram » dans le bloc Dernières publications Instagram.
  2. Dans la fenêtre contextuelle, cliquez sur Autoriser pour approuver la connexion.
  3. La fenêtre Instagram se ferme, et un flux de vos dernières publications Instagram apparaît dans votre éditeur WordPress.

Les collections collaboratives sur Instagram (publications partagées dans une conversation) ne sont pas incluses pour l’instant.

Un exemple du bloc Dernières publications Instagram affichant des publications.
Exemple de bloc Dernières publications Instagram

Étape 3 : personnaliser le flux

Vous pouvez modifier les réglages de votre bloc Dernières publications Instagram, notamment le nombre de publications à afficher et leur mode d’affichage sur les appareils mobiles.

Pour personnaliser l’affichage de votre flux Instagram, procédez comme suit :

  1. Cliquez sur le bloc Dernières publications Instagram pour le sélectionner.
  2. Ouvrez la colonne latérale des réglages du bloc.
  3. Personnalisez les réglages du compte et ceux de l’affichage.

Les options de personnalisation sont les suivantes :

Réglages du compte : affichez le compte Instagram que vous avez connecté. Déconnectez ce compte si vous devez le supprimer ou connecter un autre compte.

Réglages de l’affichage : réglez le nombre de publications Instagram qui s’affichent, le nombre de colonnes utilisées et l’espace (calculé en pixels) séparant chaque publication dans la grille Instagram.

Empilement sur mobile : en activant l’empilement sur mobile, le contenu de gauche s’affichera au-dessus du contenu de droite (au lieu d’être côte à côte comme sur les écrans de bureau). Cette option améliore l’expérience des visiteurs sur mobile.

Avancé : l’onglet Avancé vous permet d’ajouter une classe CSS à votre bloc. Vous pouvez ainsi écrire une feuille de style CSS personnalisée et configurer le style du bloc. Apprenez-en plus sur l’ajout de classes CSS aux blocs.

La colonne latérale des réglages du bloc affichant les réglages du compte et les réglages d’affichage du bloc Dernières publications Instagram.

Alignement et largeur : la barre d’outils du bloc qui apparaît lorsque celui-ci est sélectionné comprend des options pour aligner le bloc à gauche, au centre ou à droite. Il faut y ajouter la possibilité d’un affichage large ou pleine largeur si votre thème prend cette option en charge.

L’option d’alignement est mis en évidence dans la barre d’outils du bloc.

Connecter plusieurs comptes Instagram

Vous pouvez connecter jusqu’à deux comptes Instagram pour utiliser deux blocs Dernières publications Instagram (un compte pour chaque bloc). Ce processus requiert deux connexions distinctes à Instagram, et ne fonctionnera pas si vous gérez plusieurs comptes Instagram avec la même connexion.

Après avoir connecté votre premier compte Instagram à votre site, suivez ces étapes pour connecter un autre compte :

  1. Dans un nouvel onglet du navigateur, accédez à Instagram.com et déconnectez-vous du premier compte Instagram.
  2. Connectez-vous au second compte Instagram.
  3. Cliquez sur le lien suivant pour accéder à la page Connexions marketing de votre site.
  4. Cliquez sur la flèche vers le bas à côté de votre compte Instagram connecté.
  5. Sous Instagram, sélectionnez l’option « Connecter un autre compte ».
  6. Une fois le second compte connecté, vous pouvez utiliser deux blocs Dernières publications Instagram.

Gérer votre connexion Instagram

Vous pouvez également gérer votre connexion Instagram à partir de la page Connexions marketing de votre site.

Pour déconnecter ou reconnecter votre compte Instagram à votre site WordPress.com, procédez comme suit :

  1. Cliquez sur le lien suivant pour accéder à la page Connexions marketing de votre site.
  2. Cliquez sur la flèche vers le bas à côté de votre compte Instagram connecté.
  3. Cliquez sur le bouton Déconnecter et confirmez que vous souhaitez déconnecter votre compte.

Vous pouvez ensuite reconnecter votre compte Instagram ou en connecter un autre en cliquant sur Connecter à côté d’Instagram, sur la page Connexions marketing.

Copied to clipboard!