Utilisez Instagram pour réaliser, personnaliser et partager des photos et vidéos courtes à l’aide de votre smartphone ! Ce guide vous montrera comment intégrer des publications Instagram à votre site.
Dans ce guide
Transcription vidéo
Bonjour, cette vidéo vous montrera comment intégrer des publications Instagram à l’aide de l’éditeur WordPress.
On peut commencer par ajouter notre bloc Instagram.
Après cela, on peut copier le lien d’une publication existante. J’en ai un juste ici.
Je peux le coller directement dans le champ. En cliquant sur Intégrer, je peux voir les publications sur la page ou l’article auquel je l’ajoute.
Et cela fonctionne aussi parfaitement pour les vidéos.
En intégrant une publication Instagram, les visiteurs de votre site Web peuvent voir la photo ou la vidéo directement sur votre site, sans avoir à consulter directement le site Instagram. Vous pouvez intégrer des photos, des vidéos et des reels. Pour intégrer une publication depuis Instagram, suivez ces étapes :
- Copiez l’URL de la publication Instagram depuis la barre d’adresse de votre navigateur ou depuis l’application Instagram. Cela ressemblera plus ou moins à ceci :
https://www.instagram.com/p/CuzSGmjO5MP
- Dans l’éditeur WordPress, copiez l’URL sur une nouvelle ligne sans aucun autre texte ou espace. Cela intégrera automatiquement la publication dans un bloc Contenu embarqué. Par défaut, l’URL intègre la plus grande taille de l’image disponible, soit 612 px de large.
- (Facultatif) Dans la barre d’outils qui apparaît au-dessus ou en dessous du contenu embarqué, vous pouvez aligner ce dernier à gauche, à droite ou le centrer.
- (Facultatif) Dans les réglages du bloc, activez l’option Redimensionner pour les petits appareils pour préserver les proportions sur les différentes tailles de navigateur.
Les intégrations de vidéos sont très comparables, mais elles affichent le symbole triangulaire « lecture » :
Si votre intégration ne fonctionne pas, consultez notre guide Résolution des problèmes relatifs aux liens d’intégration pour savoir pourquoi.
Utilisez le bloc Dernières publications Instagram pour afficher une grille automatiquement mise à jour des dernières publications de votre profil Instagram.
Pour ajouter le bloc Dernières publications Instagram, cliquez sur l’icône de l’Outil d’insertion de bloc + et recherchez « Instagram ». Cliquez sur Dernières publications Instagram pour ajouter le bloc à l’article ou à la page.
Des instructions détaillées sur l’ajout de blocs sont disponibles ici.
Après avoir ajouté le bloc Dernières publications Instagram, vous êtes invité(e) à connecter votre compte Instagram. Si vous avez un site compatible avec les extensions, ses réglages de confidentialité doivent être configurés sur Public ou Bientôt disponible et non sur Privé.
Connectez votre site à Instagram en suivant ces étapes :
- Cliquez sur Connectez-vous à Instagram.
- Dans la fenêtre contextuelle, approuvez la connexion en cliquant sur Autoriser.
- Sélectionnez le compte auquel vous souhaitez vous connecter, comme indiqué sur l’image ci-dessous.
- Cliquez à nouveau sur Connectez-vous à Instagram.
Une grille de vos 9 publications Instagram les plus récentes sera alors intégrée à la page. Les collections collaboratives (publications partagées dans une conversation) ne sont pas incluses pour l’instant. Consultez la prochaine étape pour savoir comment personnaliser la grille.
Vous pouvez connecter et déconnecter votre site d’Instagram dans votre tableau de bord en accédant à Outils → Marketing → Connexions (ou Hébergement → Connexions si vous utilisez le tableau de bord WP Admin). En déconnectant Instagram ici, vous supprimez la connexion de tous vos sites dans votre compte WordPress.com.
Lorsque vous sélectionnez un bloc, des réglages supplémentaires apparaissent dans la colonne latérale droite. Si vous ne voyez pas la colonne latérale, vous pouvez accéder aux réglages en cliquant sur l’icône Réglages dans le coin supérieur droit. Cette icône ressemble à un carré avec deux colonnes de largeur différente :
Les options 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). Cela 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. En savoir plus sur l’ajout de classes CSS aux blocs.
Alignement et largeur : la barre d’outils du bloc Dernières publications Instagram comprend des options pour aligner le bloc à gauche, au centre ou à droite, auxquelles il faut ajouter la possibilité d’un affichage large ou pleine largeur si votre thème prend cela en charge.
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 – cela 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 :
- Dans un nouvel onglet du navigateur, accédez à Instagram.com et déconnectez-vous du premier compte Instagram.
- Connectez-vous au second compte Instagram.
- Consultez le tableau de bord de votre site.
- Accédez à Outils → Marketing → Connexions (ou Hébergement → Connexions si vous utilisez le tableau de bord WP Admin).
- Sous Instagram, cliquez sur la flèche pour développer le menu et sélectionnez Connecter un autre compte.
- Une fois le second compte connecté, vous pouvez utiliser deux blocs Dernières publications Instagram.
Il existe d’autres options permettant d’intégrer Instagram à votre site, parmi lesquelles :
- L’utilisation du bloc Icônes de réseaux sociaux, qui affiche un logo Instagram comportant un lien vers votre profil.
- Les partages automatiques de publications sur un compte Instagram Business.