Comment intégrer votre Instagram sur votre site web (Guide facile)
Accueil Blog Comment intégrer votre Instagram sur votre site web (méthode la plus simple)

Comment intégrer votre Instagram sur votre site web (méthode la plus simple)

Comment intégrer votre Instagram sur votre site web

Voulez-vous connaître la meilleure façon d'intégrer votre Instagram sur votre site web facilement, rapidement et sans tracas ?

Avec plus de 2 milliards d'utilisateurs, Instagram est l'un des réseaux sociaux les plus populaires au monde. Mais saviez-vous que vous pouviez aller au-delà de l'application et afficher votre flux Instagram sur votre site web également ?

Après tout, l'intégration de posts Instagram sur votre site est un excellent moyen d'exposer vos campagnes de marketing Instagram à un plus grand nombre de personnes.

Tout d'abord, voyons pourquoi l'ancienne façon d'ajouter des flux Instagram peut présenter des inconvénients pour votre site.

Vous pouvez également cliquer ici pour accéder directement au tutoriel.

Comment ajouter des posts Instagram à WordPress (manuellement)

Pour ajouter des posts Instagram à votre site web WordPress en utilisant la méthode manuelle, vous pouvez suivre les étapes suivantes :

  • Étape 1 : Ouvrez le message Instagram que vous souhaitez intégrer.
  • Étape 2 : Cliquez sur l'icône des 3 points dans le coin supérieur droit.
  • Étape 3 : Sélectionnez l'option Embed dans le menu
  • Étape 4 : Cliquez sur le bouton Copier le code d'intégration
  • Étape 5 : Retournez sur votre site web et ouvrez une page ou un article
  • Étape 6 : Insérer le bloc HTML personnalisé
  • Étape 7 : Coller le code d'intégration Instagram copié
intégrer manuellement un post instagram

Bien que vous puissiez faire tout cela sans plugin, cette méthode présente également quelques inconvénients :

  • Comme vous insérez manuellement le code d'intégration pour chaque post Instagram, cela prend beaucoup de temps et d'efforts
  • Si quelque chose se passe mal lorsque vous insérez le code d'intégration Instagram, vous n'aurez pas d'équipe d'assistance pour vous aider
  • Tous vos posts Instagram conserveront la marque officielle d'Instagram. Il se peut donc qu'ils entrent en conflit avec le design que vous avez choisi pour votre site web
  • Vous ne bénéficiez pas d'avantages en termes de référencement, car Google Search ne peut pas lire le contenu à l'intérieur des iFrames Instagram.

La façon la plus simple d'intégrer votre Instagram dans WordPress

Le moyen le plus simple pour vous d'afficher votre contenu Instagram sur votre site web est d'utiliser un plugin WordPress de confiance.

Si vous voulez la meilleure façon de créer, personnaliser et afficher de beaux flux Instagram sur votre site web, vous pouvez utiliser le meilleur plugin de flux Instagram pour WordPress : Instagram Feed Pro.

meilleur plugin instagram feed pro

Puisque vous pouvez configurer Instagram Feed Pro sans avoir à gérer des extraits de code confus, même les débutants WordPress peuvent facilement utiliser le plugin pour intégrer du contenu Instagram sur leur site - en moins de 5 minutes !

En fait, il est livré avec une collection de fonctionnalités utiles pour vous aider à intégrer facilement des flux :

  • Pour créer des flux Instagram en un temps record, il vous suffit de suivre le guide en 3 étapes. Vous pourrez ensuite réinvestir le temps gagné dans votre activité.
  • Vous disposez de tonnes de types de flux différents à choisir : flux chronologique Instagram, flux de hashtags, flux de mentions, et plus encore. Ainsi, vous pouvez engager les visiteurs avec une variété de contenu Instagram.
  • Pour vous aider à stimuler les conversions et à obtenir plus de ventes, vous pouvez intégrer un flux Instagram shoppable sur votre site.
  • Instagram Feed Pro est rapide comme l'éclair puisqu'il récupère efficacement les données de l'API d'Instagram pour minimiser son temps de chargement. Ainsi, il ne ralentira pas du tout les performances de votre site web.
  • Instagram Feed Pro est si convivial que vous pouvez personnaliser votre flux Instagram en quelques clics à l'aide de l'éditeur de flux en direct.
éditeur de flux en direct instagram

Le plugin aide plus d'un million d'utilisateurs actifs à intégrer du contenu Instagram sur des sites web dans le monde entier.

Et avec sa note de 4,9/5 étoiles, vous savez que vous êtes entre de bonnes mains car l'équipe d'assistance de Smash Balloon, rapide et amicale, est toujours prête à vous aider.

Prêt à intégrer des flux Instagram dans WordPress ? Obtenez votre copie d'Instagram Feed Pro dès aujourd'hui!

Étape 1 : Installer le plugin Instagram Feed Pro

La première étape consiste à obtenir votre propre exemplaire d'Instagram Feed Pro ici. Ensuite, téléchargez le plugin sur votre ordinateur.

Après avoir téléchargé le plugin, il vous suffit de le télécharger sur votre site WordPress et de l'installer.

Ne vous inquiétez pas si vous ne savez pas comment faire. Vous pouvez toujours consulter cet article sur l'installation d'un plugin WordPress pour vous guider.

Étape 2 : Créer un flux Instagram

Avec le plugin Instagram Feed Pro, vous pouvez créer un nouveau flux en quelques étapes simples.

Tout d'abord, rendez-vous sur votre tableau de bord WordPress et allez dans le menu Flux Instagram " Tous les flux.

Sur cette page, cliquez sur le bouton Ajouter un nouveau en haut.

créer un nouveau flux instagram feed pro

Pour continuer à intégrer du contenu Instagram sur votre site web, vous pouvez maintenant choisir le type de flux Instagram.

Instagram Feed Pro vous permet de choisir parmi 3 types de flux :

  • Timeline de l'utilisateur : Incorporer un flux Instagram à partir de votre compte, de sorte que seules les photos de votre profil s'affichent.
  • Hashtag public : Intégrez un flux Instagram provenant d'un hashtag public de votre choix. Il peut s'agir d'un hashtag de marque afin que vous puissiez afficher des témoignages Instagram sur votre site.
  • Tagged Posts : Incorporez un flux Instagram de photos où votre compte Instagram est tagué par d'autres utilisateurs actifs.

Vous pouvez également combiner plusieurs flux Instagram et les afficher comme un seul flux Instagram intégré en sélectionnant plusieurs options ici.

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

Pour ce tutoriel spécifique, je choisirai l'option de la ligne de temps de l'utilisateur.

sélectionner la chronologie de l'utilisateur importer le flux d'instagram

Étape 3 : Connecter votre compte Instagram

Avant de connecter votre compte Instagram, vous devrez vous assurer qu'il s'agit bien d'un compte d'entreprise ou de créateur.

Au cas où vous n'en auriez pas encore, vous pouvez consulter ce billet sur la façon de convertir votre compte Instagram en profil professionnel.

Sur cette page, cliquez sur le bouton bleu Ajouter une source pour commencer.

instagram ajouter une source pour le flux

Ensuite, il vous sera demandé de choisir entre un type de connexion basique ou avancé.

  • Business Basic: affichez les photos de votre propre compte Instagram sur votre site web.
  • Business Advanced : Afficher plus de types de contenu, tels que le flux de hashtags et le flux Instagram avec possibilité de faire des achats.

Une fois que vous avez sélectionné votre type de compte Instagram, cliquez sur Connecter.

choisir le type de connexion instagram

Ensuite, vous pouvez ouvrir Instagram ou Facebook pour terminer la connexion de votre compte.

Pour l'instant, je vais cliquer sur le bouton Connecter avec Instagram.

connectez votre profil de base instagram

Le plugin vous envoie maintenant sur Instagram, où vous pouvez donner un accès en lecture seule à votre compte.

Instagram Feed Pro est totalement sûr car il peut utiliser cet accès pour voir vos informations et n'a pas la permission d'effectuer des changements.

Pour continuer, il suffit de cliquer sur le bouton Autoriser de la fenêtre contextuelle.

autoriser l'accès en lecture seule instagram

Ainsi, Instagram Feed Pro vous ramènera une fois de plus sur votre site web.

Ici, cliquez sur Suivant pour confirmer ce compte Instagram comme source de votre nouveau flux Instagram.

confirmer le compte comme source du flux instagram

Étape 4 : Personnaliser le design de votre fil Instagram

Pour vous aider à créer facilement de magnifiques flux Instagram, Instagram Feed Pro est livré avec des thèmes conçus par des professionnels que vous pouvez importer.

En fait, vous disposez de 5 thèmes différents avec des designs uniques que vous pouvez utiliser pour votre flux :

  • Défaut
  • Moderne
  • Mur social
  • Aperçu
  • Chevauchement

Il vous suffit de sélectionner le thème que vous préférez et de cliquer sur le bouton Suivant.

sélectionner un thème flux instagram

Ainsi, YouTube Feed Pro importera automatiquement le design du thème pour votre flux. En plus de cela, vous pouvez importer un modèle pour modifier la mise en page des posts Instagram sur votre flux.

Comme précédemment, sélectionnez le modèle que vous préférez et cliquez sur Suivant.

choisissez votre modèle de flux instagram

Le plugin ouvrira désormais l'éditeur de flux en direct afin que vous puissiez personnaliser le design de votre flux Instagram en toute simplicité.

Tout d'abord, consultez les options de personnalisation sur le panneau de gauche. À partir de là, vous pouvez contrôler la taille de votre flux Instagram, sa mise en page, sa couleur, le style de son en-tête, son design, et bien plus encore.

Chaque fois que vous apportez des modifications, vous pouvez voir ce que cela donne grâce à l'aperçu en temps réel sur la droite.

éditeur de flux en direct pour instagram feed pro

Pour commencer la personnalisation, je modifie généralement la mise en page des flux Instagram.

Pour cela, cliquez sur l'option Feed Layout à gauche.

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

Désormais, vous pouvez choisir parmi 4 mises en page différentes pour votre flux Instagram : Grille, Carrousel, Masonry et Highlights.

Examinons chaque modèle en détail.

options de mise en page du flux instagram feed pro

Choisissez la mise en page en grille pour présenter votre flux Instagram sous la forme d'une collection organisée d'images de taille carrée, comme ici :

grille pour votre flux instagram

Vous souhaitez afficher un flux carrousel Instagram? Vous pouvez choisir la mise en page carrousel pour présenter vos photos Instagram dans un flux horizontal défilant.

disposition en carrousel pour votre flux Instagram en direct

Pour les utilisateurs d'Instagram souhaitant afficher une galerie Instagram, la mise en page en maçonnerie est le meilleur choix.

Ainsi, vos photos Instagram sont mises en valeur dans leurs proportions d'origine.

flux instagram de l'agencement de la maçonnerie

Enfin, si vous souhaitez mettre en avant des photos Instagram spécifiques dans votre flux, vous pouvez choisir l'option de mise en évidence.

Les photos mises en évidence étant deux fois plus grandes dans votre flux, cette disposition est utile si vous souhaitez attirer l'attention de votre public.

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

Sélectionnez le type de mise en page que vous préférez, puis cliquez sur le bouton Enregistrer en haut de la page.

Ensuite, cliquez sur le petit bouton Personnaliser pour revenir aux options principales.

retour au menu principal options de personnalisation instagram

Maintenant, allons-y et changeons les couleurs de votre nouveau flux Instagram.

Tout d'abord, cliquez sur l'option Schéma de couleurs à gauche.

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

Vous pouvez désormais choisir parmi 4 schémas de couleurs pour votre flux Instagram :

  • Hériter du thème : Choisir de copier automatiquement les couleurs de votre site web
  • Clair : Affiche un arrière-plan clair avec une police plus foncée.
  • Foncé : utiliser une couleur de police claire mais avec un arrière-plan plus foncé
  • Personnalisé : Choisir manuellement toutes les couleurs
options de schéma de couleurs flux d'instagram en direct

Il vous suffit de sélectionner l'option que vous préférez et de cliquer sur le bouton Enregistrer pour confirmer vos modifications.

Avec l'éditeur de flux en direct, il est très facile de personnaliser le reste de votre flux Instagram. En quelques clics, vous pouvez définir le style de votre en-tête, le bouton Suivre, les options de la boîte lumineuse, la taille du flux, et bien plus encore.

Après avoir personnalisé votre flux Instagram, n'oubliez pas de cliquer à nouveau sur le bouton Enregistrer.

Étape 5 : Incorporer votre flux Instagram sur votre site web

Smash Balloon fonctionne de manière transparente avec Instagram et WordPress, il est donc assez facile d'ajouter votre contenu Instagram à votre site web.

Vous pouvez choisir d'ajouter votre flux Instagram à une page WordPress ou à la barre latérale de votre site web.

Afficher le flux Instagram sur une page WordPress

Grâce à l'éditeur de flux en direct, vous pouvez facilement ajouter votre flux Instagram à une page WordPress.

Tout d'abord, cliquez sur le bouton " Embed" en haut de la page.

instagram cliquez sur le bouton embed

Vous pouvez maintenant voir une fenêtre contextuelle dans laquelle vous pouvez définir l'emplacement de votre flux Instagram.

Pour l'instant, il suffit de cliquer sur l'option Ajouter à une page.

ajouter un flux instagram en direct à la page

Ensuite, sélectionnez une page WordPress dans la liste et cliquez sur le bouton Ajouter.

sélectionner la page pour intégrer le flux d'instagram en direct

Le plugin ouvrira cette page dans l'éditeur WordPress une fois que vous l'aurez fait.

Cliquez sur l'icône Plus (+) de l'éditeur pour ajouter un nouveau bloc de contenu WordPress.

ajouter un nouveau bloc de contenu sur wordpress

Ensuite, recherchez "instagram" et cliquez sur le bloc Flux Instagram pour l'ajouter à votre page.

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

Vous verrez un aperçu de votre flux Instagram sur votre éditeur de page. Enfin, cliquez sur Publier pour faire vivre votre nouveau flux Instagram sur votre site web.

exemple de flux instagram en direct

Sur ce, passons à la deuxième méthode d'intégration de votre flux Instagram.

Afficher le flux Instagram sur la barre latérale ou le pied de page de WordPress

Pour intégrer votre flux dans la barre latérale ou le pied de page de votre site web, ouvrez d'abord votre flux dans l'éditeur de flux en direct.

Pour cela, vous pouvez naviguer vers Instagram Feed " All Feeds depuis votre tableau de bord WordPress.

Sur cette page, vous pouvez cliquer sur le flux Instagram que vous avez créé précédemment.

ouvrez votre flux instagram

Cela ouvrira à nouveau le flux dans l'éditeur de flux en direct du plugin.

Cliquez ensuite sur le bouton Embed pour continuer.

instagram cliquez sur le bouton embed

Ensuite, cliquez sur le bouton Ajouter à un widget dans la fenêtre contextuelle.

Cela ouvrira la page des widgets de votre site WordPress.

ajouter un flux instagram en direct au widget

À partir de là, vous pouvez ajouter votre nouveau flux à votre barre latérale ou à votre pied de page sous la forme d'un widget Instagram.

Vous pouvez maintenant cliquer sur le panneau Barre latérale pour gérer les widgets de votre barre latérale.

ouvrir le panneau latéral

Vous pouvez également cliquer sur le panneau Pied de page si vous souhaitez commencer à gérer vos widgets de pied de page.

ouvrir le panneau de bas de page

Pour notre tutoriel, nous allons utiliser la barre latérale de WordPress.

Enfin, cliquez sur l'icône plus (+) pour ajouter un widget, puis cliquez sur le widget Flux Instagram pour intégrer votre flux.

ajoutez un widget instagram à votre barre latérale

Ce faisant, votre flux Instagram s'affiche dans la barre latérale de votre site web. Par conséquent, vous verrez cet exemple lorsque vous visiterez votre site web :

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

Voilà, c'est fait !

Vous savez maintenant comment intégrer facilement votre flux Instagram sur votre site web avec l'aide du meilleur plugin de flux Instagram pour WordPress.

En conséquence, vous pouvez bénéficier d'un plus grand nombre de followers et de ventes pour votre entreprise en un rien de temps. Mieux encore, vous pouvez faire tout cela et bien plus encore en ne codant absolument rien.

Prêt à intégrer des flux Instagram ? Commencez dès aujourd'hui avec Instagram Feed Pro.

Pendant que vous êtes ici, vous pouvez également jeter un coup d'œil à notre guide sur la façon d'obtenir plus de vues sur les bobines Instagram.

Plus de conseils et d'astuces pour le marketing sur Instagram

Si cet article vous a été utile, n'hésitez pas à vous connecter avec nous sur Twitter et Facebook pour obtenir d'autres tutoriels utiles.

avatar de l'auteur
Lianne Laroya Responsable du marketing de contenu
Lianne est responsable du marketing de contenu chez Smash Balloon et s'appuie sur plus de 12 ans d'expérience en matière de contenu WordPress, de marketing des médias sociaux, de contenu généré par les utilisateurs (UGC) et d'optimisation des moteurs de recherche (SEO).

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.