Comment intégrer des flux Instagram en direct et améliorer votre site web ?
Accueil Blog Comment intégrer des flux Instagram en direct et améliorer votre site web ?

Comment intégrer des flux Instagram en direct et améliorer votre site web ?

Comment intégrer facilement un flux Instagram en direct sur votre site web ?

Si vous êtes ici, alors vous savez à quel point les flux Instagram en direct peuvent être utiles.

Qu'il s'agisse d'attirer des visiteurs ou d'augmenter le nombre de vos abonnés sur Instagram, il y a tant de choses que vous pouvez faire avec les fils d'Instagram.

Mais soyons honnêtes, ajouter un flux Instagram peut être une véritable plaie si vous ne savez pas coder.

Si vous êtes comme moi et que vous souhaitez intégrer des flux Instagram en direct sur votre site sans avoir à coder, ce guide est fait pour vous.

L'ensemble du processus est très simple, vous pouvez donc le suivre même si vous êtes novice en matière de WordPress.

Peut-on intégrer des flux Instagram en direct sans plugin ?

Techniquement, il est possible d'intégrer des flux sans plugin, mais ce n'est pas vraiment pratique.

Pour intégrer un seul message, vous devez ouvrir Instagram, copier le code d'intégration, retourner sur votre site web, puis insérer le code dans un message ou une page.

Pour intégrer un flux Instagram entier, vous devrez répéter cette opération pour chaque publication. Et chaque fois que vous publiez quelque chose de nouveau sur Instagram, vous devez répéter cette opération une nouvelle fois.

C'est un processus qui prend du temps, à mon avis. Vous ne pouvez pas vraiment personnaliser votre flux Instagram non plus sans jouer avec le code.

Pour ceux d'entre vous qui disposent d'un site web soigneusement conçu et correspondant à leur image de marque, cela peut être un véritable casse-tête.

Si vous êtes comme moi et que vous voulez éviter tous ces tracas, vous pouvez opter pour un plugin WordPress Instagram. Laissez simplement le plugin intégrer les posts pour vous et utilisez le temps et les efforts économisés pour votre entreprise.

Comment ajouter un flux Instagram en direct à WordPress ?

Parmi toutes les options, Instagram Feed Pro est facilement le meilleur outil pour tous ceux qui souhaitent afficher des flux Instagram en direct avec facilité.

Avec l'aide de cet outil extraordinaire, vous serez en mesure de.. :

  • Affichez des flux Instagram époustouflants - aucun codage n'est nécessaire.
  • Encouragez les visiteurs de votre site web à suivre votre compte Instagram avec des boutons d'appel à l'action.
  • Stimulez vos ventes grâce à la preuve sociale positive que constitue le contenu généré par les utilisateurs (UGC).
  • Obtenir de l'aide directement auprès d'une équipe d'experts WordPress
  • Affichez des tonnes de posts Instagram tandis que votre site se charge aussi rapidement que jamais.
  • Personnalisez facilement le design de votre flux Instagram en quelques clics à l'aide de l'éditeur de flux en direct.
instagram cliquez sur le bouton embed

Je pense que la note de 4,9/5 étoiles et les millions d'utilisateurs actifs montrent clairement pourquoi Instagram Feed Pro est l'option n°1 pour intégrer des flux Instagram en direct.

Prêt à ajouter du contenu Instagram sur votre site ? Obtenez votre copie d'Instagram Feed Pro dès aujourd'hui!

Remarque: Instagram Feed Pro est conçu et construit pour WordPress, il peut donc ne pas fonctionner avec d'autres plateformes web telles que Wix, Squarespace ou Shopify. Mais il est parfaitement compatible avec les constructeurs de pages WordPress comme Divi builder et Elementor.

Étape 1 : Installer le plugin Instagram Feed Pro

Tout d'abord, vous pouvez obtenir votre propre copie d'Instagram Feed Pro ici. Après avoir téléchargé ce plugin WordPress Instagram sur votre ordinateur, installez-le sur votre site web.

Vous pouvez toujours consulter ce guide étape par étape sur l'installation d'un plugin WordPress pour plus de détails.

Étape 2 : Créer votre flux Instagram en direct

L'intérêt d'utiliser Instagram Feed Pro est qu'il est très facile de créer votre flux Instagram.

Pour commencer, allez dans votre tableau de bord WordPress et naviguez vers Flux Instagram " Tous les flux.

Ensuite, vous pouvez créer un flux en cliquant sur le bouton Ajouter un nouveau.

créer un nouveau flux instagram feed pro

Ensuite, le plugin vous demandera de choisir le type de flux Instagram. Les options sont les suivantes :

  • Ligne de temps de l'utilisateur : Utilisez le flux pour afficher uniquement les publications de votre compte Instagram.
  • Hashtag public: Incorporer des photos et des vidéos Instagram comportant des hashtags spécifiques.
  • Tagged Posts : Affichez les posts Instagram où d'autres utilisateurs ont @ mentionné votre compte.

En sélectionnant plusieurs options à la fois, vous pouvez même combiner différents types de flux Instagram pour un seul flux.

Une fois que vous avez sélectionné votre type de flux, cliquez sur Suivant.

Étape 3 : Connecter votre flux Instagram à votre compte Instagram

Après avoir créé votre flux, ce plugin WordPress Instagram feed vous demandera de connecter votre compte Instagram.

Ainsi, votre nouveau flux peut afficher du contenu Instagram sur votre site web.

Pour continuer, cliquez sur le bouton Ajouter une source ici.

instagram ajouter une source pour le flux

Ensuite, vous verrez une fenêtre contextuelle qui vous demandera de choisir entre la connexion à votre compte de base ou à votre compte professionnel.

Un compte Instagram de base vous permet d'intégrer un flux Instagram de votre propre compte uniquement.

En revanche, un compte professionnel Instagram vous permet d'ajouter des flux de hashtags Instagram, des vidéos Instagram, des flux étiquetés, des flux de produits à acheter, et bien plus encore.

Pour ce tutoriel, je vais choisir un compte de base et cliquer sur Connexion avec Instagram.

Ensuite, le plugin vous demandera un accès en lecture seule à Instagram pour terminer la connexion de votre compte.

Cet accès permet à Instagram Feed Pro de consulter les informations d'Instagram, mais il ne peut pas apporter de modifications.

Comme vous pouvez le constater, les plugins Smash Balloon comme Instagram Feed Pro peuvent être utilisés en toute sécurité.

Dans la fenêtre contextuelle, cliquez sur Autoriser pour donner un accès en lecture seule.

autoriser l'accès à instagram

Enfin, vous pouvez cliquer sur Suivant pour confirmer ce compte comme source de votre flux Instagram.

confirmez la source de votre flux instagram

Étape 4 : Personnalisez votre flux Instagram en direct

Une fois que vous avez connecté votre compte Instagram, le plugin ouvre l'éditeur de flux en direct.

Depuis cet éditeur, vous pouvez facilement définir le design de votre flux Instagram à l'aide des options de personnalisation situées à gauche.

Vous pouvez également modifier la présentation de votre flux, le design de l'en-tête, la palette de couleurs, le design des boutons, le style des articles, et bien d'autres fonctionnalités.

Sur la droite, vous avez un aperçu en direct de votre flux Instagram où vous pouvez suivre vos changements en temps réel.

Conseil d'expert: Vous voulez personnaliser rapidement ? Instagram Feed Pro propose des thèmes de flux Instagram prêts à l'emploi, qui vous permettent de créer des flux époustouflants et attrayants en un minimum de temps et d'efforts. Choisissez simplement un thème que vous aimez, et transformez instantanément votre mise en page, vos boutons, le style de vos posts, le design de votre en-tête, et plus encore, le tout en un seul clic !

éditeur de flux en direct pour instagram feed pro

Comme il y a beaucoup d'options ici, je vais passer en revue les options de personnalisation avec lesquelles je bricole habituellement.

Tout d'abord, cliquez sur l'option Feed Layout à gauche.

sélectionner les options de mise en page du flux éditeur de flux en direct instagram

Instagram Feed Pro dispose de modèles de mise en page prêts à l'emploi parmi lesquels vous pouvez choisir : Grille, Carrousel, Masonry et Highlight.

options de mise en page du flux instagram feed pro

Pour ce tutoriel, je choisirai la mise en page de mise en évidence . Cette mise en page présente vos publications Instagram sous forme d'images coupées au carré, les publications mises en évidence étant affichées deux fois plus grandes, comme ceci :

Mise en page des points forts du fil d'actualité d'instagram

Vous pouvez également modifier d'autres paramètres ici, comme le nombre de messages, de lignes et de colonnes. Je préfère l'aspect par défaut, je vais donc le laisser tel quel.

Après avoir choisi la disposition de votre flux, cliquez sur le bouton Enregistrer en haut de la page.

Ensuite, vous pouvez cliquer sur le petit bouton de personnalisation pour revenir aux options principales.

retour au menu principal options de personnalisation instagram

Sur la gauche, cliquez sur Color Scheme pour aller de l'avant et définir les couleurs de votre flux Instagram.

sélectionner l'option de schéma de couleurs

Avec Instagram Feed Pro, vous avez le choix entre 4 schémas de couleurs :

  • Hériter du thème : Copie automatiquement les couleurs du thème de votre site web.
  • Clair : Affiche un arrière-plan clair et une police sombre pour votre flux Instagram.
  • Foncé : Choisissez un arrière-plan plus foncé et une couleur de police claire.
  • Personnalisé : Choisissez toutes les couleurs manuellement
options de schéma de couleurs flux d'instagram en direct

Il vous suffit de choisir la palette de couleurs que vous préférez et de cliquer à nouveau sur le bouton Enregistrer.

Je ne suis pas très difficile en ce qui concerne les couleurs des fils, alors je choisis généralement d'hériter du thème du site.

Vous pouvez passer en revue les autres options de la même manière et finir de personnaliser votre flux Instagram en direct. N'oubliez pas de cliquer sur Enregistrer à la fin.

Étape 5 : Intégrer votre flux Instagram en direct

Il est temps d'intégrer votre flux Instagram en direct sur votre site web. Vous avez 2 façons de le faire :

  1. Utilisez le bloc Flux Instagram pour ajouter votre flux à votre publication ou à votre page.
  2. Utilisez le widget Instagram Feed pour ajouter votre flux à votre barre latérale ou à votre pied de page.

Les deux options sont abordées ci-dessous.

Comment intégrer un flux Instagram en direct sur une page WordPress

En utilisant l'éditeur de flux en direct, vous pouvez directement intégrer des flux Instagram en direct sur les pages de votre site web WordPress - page d'accueil, page à propos, page d'articles de blog, et plus encore.

Tout d'abord, cliquez sur le bouton " Embed" dans le coin supérieur droit pour commencer.

instagram cliquez sur le bouton embed

Cela ouvrira une fenêtre contextuelle dans laquelle vous pourrez sélectionner l'emplacement de votre flux Instagram en direct.

Pour l'instant, cliquez sur le bouton Ajouter à une page .

ajouter un flux instagram en direct à la page

Dans le popup, il suffit de sélectionner la page WordPress où vous souhaitez insérer le flux et de cliquer sur Ajouter.

ajouter un flux instagram à une page

Instagram Feed Pro ouvrira alors cette page dans l'éditeur WordPress.

De là, cliquez sur l'icône Plus (+) pour ajouter un nouveau bloc de contenu.

ajouter un nouveau bloc de contenu sur wordpress

Ensuite, tapez "instagram" dans la barre de recherche et cliquez sur le fil Instagram pour l'ajouter à votre page.

intégrer un bloc de flux instagram sur une page wordpress

Enfin, cliquez sur le bouton Publier en haut à droite pour mettre votre page en ligne.

Ainsi, lorsque les visiteurs de votre site consultent votre page publiée, ils peuvent désormais voir votre flux intégré en direct sur votre site web.

exemple de flux instagram en direct

Comme vous pouvez le voir, il est super facile d'intégrer des flux Instagram sur vos pages WordPress.

Ensuite, voyons comment vous pouvez afficher les flux Instagram dans votre barre latérale ou votre pied de page.

Vous pouvez également afficher votre flux Instagram dans votre barre latérale sous la forme d'un widget Instagram.

Tout d'abord, naviguez vers le menu Instagram Feed " All Feeds " depuis votre tableau de bord WordPress.

Tous les flux Instagram que vous créez seront répertoriés sur cette page.

Pour continuer, sélectionnez le flux Instagram en direct que vous avez créé précédemment.

ouvrez votre flux instagram

Une fois que vous avez fait cela, le plugin ouvrira ce flux dans l'éditeur de flux en direct.

Comme précédemment, vous pouvez cliquer sur le bouton Embed en haut de la page.

bouton d'intégration du flux instagram

Pour continuer, il suffit de copier le shortcode ou de sélectionner l'option Ajouter à un widget dans la nouvelle fenêtre contextuelle.

ajouter un flux instagram en direct au widget

Après cela, Instagram Feed Pro ouvrira la page des widgets de votre site WordPress.

À partir de là, cliquez sur le panneau Barre latérale pour gérer les widgets de votre barre latérale.

ouvrir le panneau latéral pour intégrer le flux d'instagram en direct

Vous pouvez également gérer vos widgets de pied de page en cliquant sur le panneau Pied de page . Pour ce tutoriel, nous utiliserons une barre latérale pour votre flux Instagram.

ouvrir le panneau de bas de page pour intégrer le flux d'instagram en direct

Ensuite, cliquez sur l'icône plus (+) pour ajouter un nouveau widget avant de sélectionner le widget Flux Instagram dans les options.

ajoutez un widget instagram à votre barre latérale

Enfin, vous pouvez maintenant cliquer sur le bouton Mettre à jour , et vous avez intégré votre flux Instagram.

Maintenant, lorsque vous visitez votre site web, vous verrez votre flux Instagram en direct sur votre barre latérale, comme ceci :

exemple de flux instagram en direct sur la barre latérale

Grâce à ces étapes simples, vous pouvez désormais intégrer facilement un flux Instagram en direct sur votre site web.

Désormais, vous pouvez montrer la preuve sociale de votre contenu Instagram sur votre site pour obtenir plus d'abonnés, stimuler les conversions et faire grimper vos ventes en flèche.

Vous souhaitez créer des flux Instagram en direct pour développer votre activité ? Commencez dès aujourd'hui avec Instagram Feed Pro.

Si vous voulez que votre contenu Instagram atteigne les gens au moment idéal, consultez ce guide sur la façon de programmer vos posts Instagram.

Questions fréquemment posées

Pourquoi intégrer du contenu Instagram ?

Vous pouvez attirer beaucoup plus d'attention sur vos posts Instagram et inciter les visiteurs de votre site à vous suivre en utilisant des embeds Instagram. Une autre utilisation des embeds Instagram que j'aime beaucoup est de montrer des critiques positives et des témoignages d'Instagram pour créer une meilleure impression de mon site.

Peut-on intégrer des vidéos Instagram ?

Oui, vous pouvez intégrer des vidéos Instagram ainsi que des photos. D'après mon expérience, l'affichage de vidéos peut inciter les internautes à rester plus longtemps sur votre site, ce qui contribue également au référencement.

Comment personnaliser l'intégration dans Instagram ?

Normalement, vous ne pouvez pas vraiment personnaliser vos embeds Instagram à moins d'être super à l'aise avec le codage. Comme alternative, vous pouvez utiliser l'outil Instagram Feed Pro pour afficher des flux Instagram personnalisables sur votre site. Il dispose également d'un personnalisateur visuel avec un aperçu en direct qui est assez pratique.

Qu'est-ce qu'un carrousel Instagram ?

Il s'agit d'une fonctionnalité d'Instagram qui vous permet de télécharger plusieurs photos et vidéos sur une seule publication. Les internautes peuvent passer d'une photo ou d'une vidéo à l'autre pour voir l'ensemble de votre contenu. Je suis assez fan de cette fonctionnalité car elle me permet de télécharger un grand nombre de contenus en une seule fois.

Les meilleurs tutoriels de flux de médias sociaux pour WordPress

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.