Comment intégrer un feed Instagram à WordPress

Comment intégrer un feed Instagram à WordPress

Instagram est rapidement devenu l'un des canaux marketing les plus importants pour les marques, les secteurs du voyage et de l'hôtellerie, de la musique, du sport, de l'éducation et bien d'autres. C’est un fait : des millions d'entreprises utilisent déjà Instagram.

Par ailleurs, WordPress est indéniablement le CMS le plus populaire au monde, avec un pourcentage stupéfiant de 40% des sites web qui sont alimentés par WordPress. La plateforme, qui a commencé par se spécialiser dans la conception de blogs, héberge désormais les sites web de marques telles que Playstation, CNN et The Rolling Stones.

Par conséquent, il n'est pas surprenant que l'une des questions que notre chat reçoive le plus soit "Comment intégrer un feed Instagram à WordPress ?"

En utilisant l'intégration “embed” d'Instagram, vous pouvez ajouter n'importe quelle image à WordPress. Cependant, les marketeurs et webmasters qui manquent de temps sont souvent à la recherche de solutions automatisées, pour les aider à afficher simplement un flux des dernières images issues d’Instagram sur leur site.

Avec Flockler, les marketeurs peuvent rassembler des images et vidéos provenant d’Instagram, publiées par n’importe quel compte, et les afficher via un widget Instagram sur n’importe quelle plateforme digitale. Vous pouvez ainsi créer un feed Instagram à intégrer sur n’importe quel site WordPress. Choisissez une mise en page au format Wall, Grille ou Carrousel, et diffusez un feed qui se met automatiquement à jour, sur autant de pages que vous le souhaitez.

Voici un guide en trois étapes pour intégrer un feed Instagram à WordPress :

  1. Rassembler des images et des vidéos à partir de n'importe quel compte Instagram Business
  2. Choisir une mise en page : Wall, Grille ou Carrousel
  3. Intégrer votre feed Instagram à WordPress

1. Rassembler des images et des vidéos à partir de n'importe quel compte Instagram Business

La première étape consiste à savoir ce que vous souhaitez diffuser sur votre site depuis Instagram. Avec Flockler, vous pouvez agréger des images et des vidéos provenant de n’importe quel compte Instagram Business. Pas besoin d’être administrateur d’un compte pour pouvoir en afficher le contenu sur WordPress.

Si vous n’êtes pas encore inscrit à Flockler, commencez par vous inscrire à notre essai gratuit de 30 jours. Sans engagement, vous pouvez tester le produit dans son intégralité, et notre support reste disponible si vous avez des questions.

Après vous être inscrit, vous serez dirigé vers la fonctionnalité permettant de créer un feed Instagram se mettant à jour automatiquement. Instagram requiert que vous soyez connecté à votre compte Facebook personnel ; mais Flockler ne stocke aucune donnée, ou n’affiche aucun contenu, provenant de ce compte. Notre outil recevra alors une clé Facebook pour vous laisser parcourir le contenu issu d’Instagram. Un fois cela fait, vous pourrez intégrer un feed Instagram depuis n’importe quel compte Business.

Voici une vidéo pour vous expliquer comment agréger des images depuis Instagram :

Après avoir créé votre feed, Flockler continuera à chercher de nouveaux contenus toutes les 5 à 15 minutes. Les nouveaux contenus provenant d’Instagram se mettront alors à jour sur votre site WordPress, sans que vous ayez besoin d’intervenir.

2. Choisir une mise en page : Wall, Grille ou Carrousel

Prochaine étape : choisir une mise en page pour votre feed Instagram sur WordPress. En utilisant le flux de contenu créé à l’étape précédente, Flockler vous propose 3 options : créer un Social Wall, une Grille, ou un Carrousel. Avec une licence Flockler, vous pouvez créer de multiples versions d’une même mise en page, et les ajouter à autant de pages WordPress que vous le souhaitez.

Social Wall

Le format Social Wall vous conviendra si vous souhaitez diffuser du contenu depuis plusieurs réseaux sociaux, ou que les légendes des posts Instagram soient visibles sur votre feed. Avec les outils d’édition de Flockler, et notre équipe support, vous pouvez personnaliser le design de votre feed Instagram pour qu’il colle à votre branding.

Voici un exemple de Social Wall intégré à une page du site web de Metallica :

Grille

Le format Grille est l’un des choix préférés de nos clients pour intégrer un feed Instagram à un site WordPress. Le design de la Grille Instagram ressemble à celui d’un profil Instagram traditionnel. Depuis les options d’intégration de Flockler, vous pouvez choisir d’afficher les informations des profils dont proviennent les contenus, la date et l’heure de publication, et le nombre de likes et de commentaires.

Voici un exemple de Grille intégrée à la page d’accueil du site de Hapag-Lloyd Cruises :

Carrousel

Le format Carrousel sera idéal si vous n’avez pas beaucoup de place sur votre page, et que vous souhaitez que vos visiteurs fassent défiler horizontalement les contenus. Nombreux sont nos clients qui préfèrent cette mise en page pour le format mobile.

Voici un exemple de format Carrousel appliqué à un site web en mobile, et un feed Instagram époustouflant, sur la page des GoPro Awards :

Comment créer une mise en page sur Flockler

Connectez-vous à votre compte, et rendez-vous sur l’onglet “Display”. Sélectionnez votre format préféré :

Après avoir sélectionné votre format, vous trouverez le bouton “Add to WordPress”. Cliquez dessus, et copiez le shortcode. Une fois le plugin WordPress Flockler installé, vous pouvez utiliser ce shortcode sur n’importe quelle page de votre site web.

3. Intégrer votre feed Instagram à WordPress

Dernière étape : vous connecter à votre site WordPress, et y intégrer le code Flockler pour y afficher votre feed Instagram.

Il est très simple d’intégrer un feed Instagram à votre site WordPress, et ce, sur n’importe quelle page.

Vous avez un abonnement à wordpress.com ? Vous pouvez alors ajouter votre feed en installant le plugin Flockler. Votre site est hébergé ailleurs ? Vous avez l’option d’utiliser le plugin, ou bien le code d’intégration (embed code).

Pour la suite de ce tutoriel, nous allons considérer que vous avez installé l’extension Flockler.

Selon votre version de WordPress, vous aurez accès à votre éditeur classique, à l’éditeur de blocs Gutenberg, ou bien vous utiliserez un constructeur de pages comme Elementor. Voici comment procéder pour chacune de ces 3 options.

Ajouter un feed Instagram avec l'éditeur de blocs Gutenberg

  • Dans l’administration WordPress, ouvrez l’article ou la page où vous souhaitez intégrer votre feed Instagram.
  • Choisissez le “(+) Ajouter un bloc” en haut à gauche des outils d’édition.
  • Puis cherchez le bloc Custom HTML, et ajoutez-le à votre page.
Un feed Instagram sur WordPress via l'éditeur de blocs
  • Copiez-collez dans ce bloc votre shortcode depuis votre administration Flockler.
  • Mettez à jour ou publiez les changements apportés à votre page.

Et voilà. Votre beau widget Instagram s’affiche alors sur votre site WordPress. Dess questions ? Cliquez le bouton “chat” sur notre site web pour obtenir de l’aide.

Intégrer un feed Instagram avec l’éditeur classique de WordPress

  • Dans l’administration WordPress, ouvrez l’article ou la page où vous souhaitez intégrer votre feed Instagram.
  • Dans l’éditeur, vous verrez s’afficher des options pour utiliser le mode Visuel ou Texte : choisissez le mode Texte.
  • Copiez-collez votre shortcode depuis votre administration Flockler, à l’endroit où vous souhaitez le voir apparaître sur la page.
  • Mettez à jour ou publiez les changements apportés à votre page.

Simple, n’est-ce pas ? Quand vous ouvrez alors votre page, le format de votre choix, et les contenus de votre flux Instagram s’affichent. Un souci ? Cliquez le bouton “chat” sur notre site pour obtenir de l’aide.

Ajouter un feed Instagram depuis Elementor

  • Dans l’administration WordPress, ouvrez l’article ou la page où vous souhaitez intégrer votre feed Instagram.
  • Cliquez sur “Editer avec Elementor”.
  • Dans la barre de gauche, recherchez le widget HTML.
Un feed Instagram sur WordPress via Elementor
  • Glissez-déposez votre widget HTML là où vous le souhaitez sur votre page.
  • De nouvelles fonctionnalités s’ouvrent à gauche.
  • Copiez-collez votre shortcode Flockler dans le champ de votre widget HTML.
  • Mettez à jour ou publiez les changements apportés à votre page.

Simplissime ! Vous avez désormais ajouté un feed Instagram élégant et responsive à WordPress. Grâce à Flockler, du contenu frais sera automatiquement mis à jour, dès qu’une image ou une vidéo sera publiée sur les comptes Instagram que vous diffusez.

Créez votre propre social wall, ou intégrez du contenu des réseaux sociaux sur votre site web, e-commerce, ou votre application.

Demandez une démo Essayez gratuitement
Essayez Flockler gratuitement pendant 30 jours