Comment intégrer un widget de flux Instagram sur un site web gratuitement en 2025

Découvrez comment ajouter un flux Instagram à n'importe lequel de vos sites web grâce aux widgets gratuits EmbedSocial.

Instagram feed widget

Flux de médias sociaux sont récemment devenus un élément essentiel de tout site web, en particulier ceux de réseaux populaires tels qu'Instagram. Après tout, lorsque vous intégrez un flux Instagram sur un site web, vous améliorez la portée de votre site web et de vos médias sociaux.

De plus, l'intégration d'un flux Instagram sur vos sites web ne pourrait pas être plus facile !

Tout ce dont vous avez besoin, c'est d'un widget Instagram facile à utiliser qui ne nécessite pas de connaissances en codage pour extraire toutes vos publications et les afficher sur vos sites.

Guide rapide : Comment intégrer gratuitement un flux Instagram sur un site web ?

Voici comment intégrer un flux Instagram sur votre site web via un agrégateur social :

  1. Inscrivez-vous au widget Instagram gratuit.
  2. Sous Sources" > "Ajouter une nouvelle source". choisir Instagram ;
  3. Connectez votre compte Facebook ou saisissez manuellement votre compte Instagram ;
  4. Choisissez un modèle de mise en page de widget Instagram, tel que le slider Instagram ;
  5. Concevez votre widget et copier son code incorporable ;
  6. Ouvrez votre constructeur de site web, placez un élément HTML, et pâte le code.
Étapes pour intégrer un flux Instagram gratuitement

Par conséquent, si vous cherchez à renforcer rapidement la notoriété de votre marque, vous pouvez utiliser les services de l'Agence pour la promotion de l'image de marque. preuve sociale avec contenu généré par l'utilisateurvous êtes au bon endroit. Nous avons toutes les solutions dont vous avez besoin pour afficher un flux Instagram sur votre site web immédiatement ! Pour plus de personnalisation, essayez la version pro et obtenez des outils comme le flux Instagram shoppable, plus de sources, des tonnes de paramètres avancés et des analyses.

Image

Embarquer Flux Instagram sur votre site web sans lever le petit doigt !

Générer et intégrer un widget Instagram avec votre flux, vos mentions ou vos hashtags directement sur votre site web.

Démarrer l'essai gratuit de 7 jours

Pour information : vous pouvez intégrer automatiquement un widget Instagram à l'aide d'un sagrégateur de médias sociauxLe site Web de l'entreprise est un outil de travail qui permet de donner vie à votre site Web grâce à un contenu frais.

Qu'est-ce qu'un widget de flux Instagram pour les sites web ?

Le widget Instagram feed d'EmbedSocial est un outil qui vous permet d'afficher des posts Instagram sur votre site web. En utilisant l'API officielle d'Instagram, ce widget peut afficher non seulement vos propres posts Instagram mais aussi les posts des utilisateurs qui mentionnent votre compte ou utilisent des hashtags spécifiques. Cela vous aide à afficher le flux Instagram sur votre site web qui montrera le contenu généré par les utilisateurs sur votre site web ou votre boutique eCommerce, ce qui augmente la confiance pour augmenter davantage les taux de conversion.

Voici une démonstration en direct de ce que et comment le flux Instagram apparaîtra sur votre site web :

Pour commencer, parcourez le site Bibliothèque de widgets Instagram et découvrez toutes les possibilités d'intégrer votre flux Instagram sur votre site web.

Comment intégrer un flux Instagram dans un agrégateur de médias sociaux ?

Intégrer votre flux Instagram à une application pratique agrégateur de médias sociaux est très simple :

  1. Créer un compte EmbedSocial
  2. Ajouter Instagram comme "source
  3. Connectez un compte Facebook ou saisissez votre compte Instagram
  4. Sélectionnez le type de source Instagram
  5. Choisissez la disposition de votre widget Instagram
  6. Copiez le code de votre widget Instagram
  7. Collez le code fourni dans votre site web

Étape 1 : Créer un compte EmbedSocial

Avant de commencer, il faut d'abord Créez votre compte EmbedSocial.

Étape 2 : Ajouter Instagram à la liste des sources

Une fois que vous êtes connecté, vous serez dirigé vers la page d'accueil de l'application SourcesVous pouvez cliquer sur Ajouter une nouvelle source pour voir toutes les intégrations de médias sociaux disponibles. Cliquez sur Instagram:

Select Instagram as a source to embed Instagram feed

Étape 3 : Connecter un compte Facebook ou votre compte Instagram

Vous pouvez soit Connecter le compte Facebook pour obtenir tous les posts Instagram professionnels qui y sont associés, ou vous pouvez saisir manuellement le @nom d'utilisateur de votre compte Instagram public :

connect facebook account to generate instagram feed

Remarque : Si vous gérez plusieurs profils Instagram avec votre compte Facebook, le système les affichera tous une fois que vous aurez connecté votre compte Facebook.

Étape 4 : Sélectionner le type de source Instagram

Choisissez le type de flux Instagram que vous souhaitez créer : d'un Compte d'entreprise, en utilisant #Hashtags ou @Mentions ou même un message sur Instagram @Stories alimentation :

Choose the Instagram account from which you want to embed feed

Remarque : Une fois que vous aurez terminé, vous serez redirigé vers l'étape suivante - choisir la disposition du widget. Cependant, vous pouvez toujours ajouter des types de posts Instagram supplémentaires à l'avenir.

Étape 5 : Choisissez la disposition de votre widget Instagram

Vous pouvez maintenant choisir l'une des 40 mises en page de widgets de flux Instagram, que vous pourrez personnaliser par la suite. Trouvez celle qui vous plaît et appuyez sur Utiliser ce modèle:

Choose Instagram widget template layout

Étape 6 : Copiez le code de votre widget Instagram

Une fois que vous avez fini de personnaliser l'apparence de votre widget comme vous le souhaitez, recherchez le code du widget sous la rubrique Embed' (Intégrer) (en haut à gauche), et cliquez sur Copier le code:

get embeddable code to embed free instagram feed

Note: Juste en dessous du code d'intégration du flux Instagram, vous trouverez également des tutoriels spécifiques pour l'intégrer sur différentes plateformes. Cliquez sur l'icône de votre constructeur de site web pour ouvrir le tutoriel correspondant.

Étape 7 : Collez le code fourni dans votre site web

Enfin, vous devez coller le code d'intégration du flux Instagram dans votre constructeur de site web, et la plupart d'entre eux suivent des étapes similaires : vous ouvrez la page pour le widget, ajoutez un bloc HTML personnalisableet coller le code dans le champ vide. Voici ce que cela donne sur WordPress :

paste code to display instagram feed

Remarque : Nous décrivons ci-dessous les étapes exactes nécessaires pour intégrer votre code dans les constructeurs de sites Web les plus populaires, tels que Squarespace, Wix et WordPress.

Si vous êtes plutôt visuel, voici une vidéo YouTube pratique qui explique comment ajouter un flux Instagram à un site web :

Comment intégrer un flux Instagram à votre site web gratuitement ?

EmbedSocial fournit également un widget gratuit de flux Instagram qui peut générer, utiliser et synchroniser le potentiel marketing de votre Instagram sur votre site web en quelques minutes.

Ce widget de flux Instagram gratuit fonctionne avec tous les constructeurs de sites Web populaires et peut être mis en œuvre en quelques étapes simples :

  1. Créez votre compte gratuit pour le widget Instagram ;
  2. Choisir Instagram comme 'Source' et connectez votre compte Instagram ;
  3. Générez votre flux Instagram dans un widget Instagram ;
  4. Copiez le code du widget et collez-le sur votre site web.

Voilà, c'est fait ! Maintenant, vous avez un widget Instagram automatiquement mis à jour. Facile, non ?

Widget Instagram gratuit sur le site web : Démonstration en direct

Voici à quoi ressemble ce flux Instagram gratuit lorsqu'il est intégré à un site web :

Vous aimez ce que vous voyez ? Créez et intégrez votre premier flux Instagram gratuitement !

Vous devriez maintenant savoir comment concevoir votre widget et copier-coller son code dans votre site web. Cependant, vous pourriez avoir d'autres questions sur la façon dont cela fonctionne pour des constructeurs de sites web spécifiques, des plateformes de commerce électronique et des plateformes CMS. Voici comment intégrer un flux Instagram sur un site web à l'aide d'un constructeur de sites web :

Comment intégrer un flux Instagram dans WordPress

Étapes pour intégrer un flux Instagram dans WordPress

Avant de commencer, veuillez noter que vous pouvez intégrer le flux Instagram en utilisant la plateforme EmbedSocial avec ou sans plugin WordPress. 

Elle est directement intégrée à l'API Instagram, vous n'aurez donc pas besoin de configurer votre identifiant ou de mettre à jour les jetons d'accès. Vous n'aurez qu'à cliquer sur un bouton et donner votre autorisation à notre plateforme pour synchroniser vos posts sur votre site WordPress.  

EmbedSocial propose deux options pour intégrer un flux Instagram : une Code JavaScript pour une intégration directe à l'intérieur des articles WordPress et un plugin pour intégrer des flux Instagram avec un shortcode. Voici les instructions pour les deux méthodes :

Option 1 : Plugin de flux Instagram

instagram feed wordpress plugin

EmbedSocial fournit un plugin WordPress gratuit pour les flux Instagram dans le cadre de l'agrégateur de médias sociaux, et cela fonctionne pour n'importe quel thème WordPress.

Avec la Flux Instagram pour WordPress, vous pouvez créer un flux d'articles complet ou un simple flux de photos avec vos images Instagram.  

Avant de commencer, vous devrez d'abord connecter votre compte utilisateur Instagram. Ensuite, suivez les étapes suivantes pour activer le plugin Instagram sur votre site web WordPress :

  1. Ouvrez votre administration WordPress et naviguez vers Plugins;
  2. Dans Recherche, tapez EmbedSocial, et dans les résultats de la recherche, cliquez sur Installer ;
  3. Une fois qu'il est installé, dans la liste des plugins, cliquez sur Activer;
  4. Maintenant, ouvrez votre page WordPress où vous voulez afficher le flux ;
  5. Cliquez sur l'icône + pour ajouter un bloc, choisir un Bloc HTML (ou utiliser un bloc de codes courts) ;
  6. Collez le code HTML fourni ;
  7. Cliquez sur Sauvegarder / Publier sur cette page.
Steps to embed HTML in WordPress

Le tour est joué. Une fois que vous ouvrez le front-end de votre site WordPress, vous verrez les dernières publications Instagram sur votre site web. 

EmbedSocial vous aidera à choisir la mise en page, plusieurs colonnes et un bouton "suivre", et même à inclure un flux Facebook ou un flux TikTok dans un widget de médias sociaux.

Option 2 : Flux Instagram JavaScript

Cette option est généralement recommandée pour les incorporations ponctuelles, comme l'affichage d'un widget Instagram dans la barre latérale du site web. 

Pour ce faire, vous devez obtenir le code de votre compte EmbedSocial et le coller dans la zone des widgets où se trouve votre barre latérale.

Comment afficher le flux Instagram sur le site Shopify

Étapes pour afficher le flux Instagram dans Shopify

Il existe quelques options pour intégrer un widget Instagram dans Shopify, et le tutoriel ci-dessous vous montrera comment intégrer le code JavaScript dans une page sélectionnée :

1. Connectez-vous à Shopify, allez à Magasin > Options > Pageset ouvrez la page en question ;

2. Dans l'éditeur de pages de Shopify, cliquez sur le bouton icône de code en haut à droite:

embed instagram in shopify

3. Cliquez sur l'icône Icône HTML/code (coin supérieur droit) et collez le code fourni ;

4. Enfin, cliquez sur 'Sauvegarder, et le flux Instagram apparaîtra sur la page sélectionnée :
paste code in Shopify

Comment afficher un flux Instagram sur un site web Wix ?

Etapes pour afficher un flux Instagram sur un site Wix

Suivez les étapes ci-dessous pour intégrer un flux Instagram dans Wix :

1. Tout d'abord, connectez-vous à votre compte Wix et ouvrez l'éditeur de votre site web ;

2. Cliquez sur le bouton en haut à gauche Bouton "+". pour ajouter un nouveau bloc, et dans la fenêtre contextuelle, choisissez l'option iFrame bloc :
Select iframe block in Wix

3. Une fois que le bloc iFrame apparaît, cliquez sur l'icône en haut à gauche de l'écran. 'Entrer le code' bouton :
click to add code in iframe block in wix
4. Collez le code du widget que vous avez copié dans l'éditeur de widget et cliquez sur '.Mise à jour‘:
add Instagram feed widget code in Wix

5. Redimensionnez le bloc iFrame pour qu'il s'adapte au widget et cliquez sur Publier" :
resize and publish Wix page with Instagram feed widget

Comment intégrer un flux Instagram dans HubSpot

Etapes pour intégrer un flux Instagram dans HubSpot

Le constructeur de sites web de HubSpot est une plateforme très populaire pour la création de pages d'atterrissage parmi les utilisateurs ne disposant pas de compétences techniques spécifiques.

Pour intégrer votre flux Instagram dans le Hub CMS de HubSpot, suivez les étapes suivantes :

  1. Connectez-vous à votre compte HubSpot ;
  2. Cliquez sur Marketing dans le menu supérieur et cliquez sur Pages d'atterrissage;
  3. Cliquez sur éditer sur la page où vous voulez avoir le flux Instagram ;
  4. Dans l'éditeur de la page d'atterrissage, cliquez sur le menu supérieur Fichier et sélectionnez Paramètres de la page;
  5. Choisissez ici Avancé et naviguez jusqu'à la page Pied de page zone de texte ;
  6. Collez le code du widget ;
  7. Cliquez sur Économiser ou Publier.
steps to embed Instagram feed in Hubspot website

C'est tout. Vous pouvez simplement définir le widget de flux Instagram et l'oublier, car il se mettra à jour automatiquement chaque fois que vous publierez sur Instagram.

Voici une démonstration du flux Instagram dans HubSpot.

Comment intégrer un flux Instagram dans Notion

Étapes à suivre pour intégrer le flux Instagram dans Notion

Utilisez-vous Notion pour créer des pages d'atterrissage ? Si oui, les étapes suivantes peuvent vous aider à synchroniser votre activité Instagram avec vos pages Notion.

Pour commencer, vous aurez besoin de l'URL du widget, que vous obtiendrez en ouvrant l'éditeur de widgets et en cliquant sur le bouton Code iFrame sous le bouton Onglet "Embed. Lorsque vous voyez la fenêtre contextuelle, cliquez simplement sur "URL" (troisième sur la liste), et appuyez sur Copier l'URL:

Instagram feed URL

Pour intégrer le flux Instagram dans votre page Notion, suivez les étapes suivantes :

  1. Connectez-vous à votre compte Notion et ouvrez la page où vous souhaitez intégrer le flux ;
  2. Sélectionnez l'endroit où placer le widget, tapez /embed, et choisissez l'option Embarquer option ;
  3. Cliquez sur le bouton Lien d'intégration et dans l'onglet URL, collez l'URL du widget :
embed Instagram feed in Notion embed link

Guide complet sur l'intégration d'un widget de commentaires dans Notion.

Comment afficher votre flux Instagram dans Squarespace

Étapes pour afficher votre flux Instagram dans Squarespace

Le code fourni par le widget Instagram gratuit fonctionne également dans Squarespace.

Tout d'abord, accédez à votre compte Squarespace et, à partir de la page d'accueil, naviguez jusqu'au site web où vous souhaitez afficher le widget :

Suivez maintenant les étapes suivantes pour coller le code intégrable de votre widget Instagram :

1. Naviguez jusqu'à la section de la page où vous souhaitez ajouter le widget et ajoutez un nouveau bloc de contenu en cliquant sur le bouton bouton plus:

add html block area in Squarespace

2. Sélectionnez l'option Embed' (Intégrer) et cliquez sur le bloc "Embed Data" (données intégrées) icône du code :

click on the embed data icon

3. Collez le code dans le point d'insertion et cliquez sur '.Set (jeu de mots)' :

embed html code in squarespace
Comment intégrer un flux Instagram sur un site web HTML ? 

Étapes à suivre pour intégrer un flux Instagram dans un fichier HTML

Si vous utilisez du HTML pur pour construire votre site web, voici les étapes à suivre pour coller facilement le code intégrable :

  1. Copiez le code de flux Isntagram fourni à partir du compte EmbedSocial (comme indiqué précédemment).
  2. Allez dans le dossier de votre site web et ouvrez le code HTML à l'endroit où vous voulez ajouter le code
  3. Trouver la div dans le <body> à l'endroit où vous souhaitez afficher le widget, et collez simplement le code.
Steps to embed Google reviews HTML

Intégrer le flux Instagram sur d'autres plateformes web

Voici quelques tutoriels supplémentaires pour vous aider à afficher des posts Instagram sur d'autres plateformes web :

5 façons de personnaliser votre flux Instagram intégré comme un PRO

Maintenant que vous savez comment intégrer un flux Instagram sur n'importe quel site web, découvrons quelques options de personnalisation utiles disponibles dans la version PRO du widget :

1. Modifier la disposition du widget Instagram

Vous pouvez changer de présentation en allant dans le panneau Paramètres > onglet Présentation > et en choisissant la présentation qui vous convient. Voici à quoi ressemble le passage de Feed à Slider :

Instagram slider layout

Et voici à quoi ressemble la mise en page lorsqu'elle est convertie en collage :

Instagram collage widget

2. Changer le style de carte des posts Instagram

Le style de carte correspond à l'aspect des posts Instagram dans le flux. Vous pouvez présenter les posts sous forme de photos ou dans leur version complète, qui comprend tous les détails pertinents, notamment la photo ou la vidéo, le compte Instagram qui l'a publiée et l'heure à laquelle elle a été publiée :

Card style of Instagram posts

Remarque : Vous pouvez également créer un widget avec des photos uniquement via la disposition en carte de la grille de photos. Leurs légendes seront toujours disponibles au survol et en cliquant sur la boîte à lumière.

3. Personnaliser l'affichage des posts Instagram en mode lightbox/popup

Pour présenter les posts Instagram de manière plus détaillée, la plateforme propose des paramètres distincts pour le mode lightbox.

Cette boîte à lumière apparaît lorsque les utilisateurs cliquent sur les articles, et l'article s'ouvre dans une fenêtre contextuelle contenant un format plus grand. En outre, les utilisateurs peuvent glisser vers la gauche ou la droite pour voir plus de détails et afficher tous les messages dans un format plus agrandi.

Pour personnaliser l'apparence, vous pouvez choisir parmi les paramètres suivants :

  • Clics de la boîte à lumière Aucune ou Sources originales ;
  • Style boîte à lumière : Horizontal, vertical, tiroir (gauche) ou tiroir (droite) ;
  • Forme de la boîte à lumière : Images compactes ou grandes ;
  • Option de hide post caption.

4. Changer le thème de couleur de clair à foncé ou arc-en-ciel

Il s'agit d'un réglage très simple, mais de nombreux utilisateurs l'apprécient car il leur permet de modifier complètement l'image de l'utilisateur. Thème de flux Instagram en un seul clic et choisir la manière dont ils souhaitent afficher le flux Instagram sur leur site web afin de l'adapter au thème général.

Voici un exemple de l'apparence du widget lorsque le thème arc-en-ciel est choisi :

Change the Instagram widget color to rainbow

5. Créer un flux Instagram à l'aide d'un générateur CSS IA et d'une fonction CSS personnalisée.

Si vous avez besoin de personnalisations plus sophistiquées, la plateforme propose un outil d'intelligence artificielle qui génère des feuilles de style CSS en fonction de vos besoins. Vous pouvez écrire un message du type "Changez la couleur des boutons en bleu clair", et l'outil appliquera la modification à tous les boutons. Si vous connaissez bien les feuilles de style CSS, vous pouvez utiliser la fonction Custom CSS pour rédiger vos propres spécifications de conception :

Custom CSS settings for Instagram feed on website

Personnalisations supplémentaires pour votre flux Instagram

Le présent agrégateur de médias sociaux vous permet d'appliquer la voix de votre marque en personnalisant votre flux avec différentes couleurs et polices, des options de mise en page, des arrière-plans, des CTA, et bien plus encore.

Pour libérer votre créativité et rendre votre flux Instagram vraiment impressionnant, accédez aux onglets Paramètres, Mise en page et Conception et jouez avec les options suivantes :

  • Définissez le nombre de messages à afficher sur le bureau ou sur le mobile ;
  • Choisissez l'alignement des images Instagram en haut, à gauche, en bas ou à droite de la légende ;
  • Définir la famille de polices et la langue de localisation du widget ;
  • Réorganiser l'ordre des messages dans l'onglet Modération ;
  • Personnalisez la taille de vos images ;
  • Choisissez de lier les images à Instagram ou à la boîte lumineuse ;
  • Modifier le titre du widget, la police et la couleur du titre ;
  • Modifier la présentation du flux ;
  • Utilisez l'éditeur CSS pour concevoir un style de flux personnalisé.

Vous pouvez également utiliser divers outils de modération pour choisir le contenu que vous souhaitez afficher sur votre site web, ce qui est très important lorsque vous organisez des giveaways ou des concours avec hashtag que vous affichez sur votre site web. Généralement, ces posts proviennent de nombreux utilisateurs d'Instagram et nécessitent une curation supplémentaire avant d'apparaître sur votre site web.

Démonstrations en direct des modèles de widgets Instagram

Visiter ce site Bibliothèque de modèles de widgets Instagram pour vérifier toutes les mises en page que vous pouvez utiliser. Notez toutefois que la personnalisation est limitée dans la version gratuite :

Si vous souhaitez voir toutes les fonctionnalités en action, suivez les liens ci-dessous vers les démonstrations en direct :

Avec ces options exclusives de widgets Instagram, vous vous démarquerez définitivement de la foule, fournirez du contenu frais et créerez un site web très interactif !

Quels types de flux Instagram pouvez-vous intégrer ?

EmbedSocial offre une intégration directe avec Instagram, permettant aux utilisateurs d'intégrer différents types de flux, tels que :

  • Intégrer les Stories Instagram-En choisissant cette option, les utilisateurs peuvent sélectionner un compte Instagram à partir duquel ils pourront tirer les histoires Instagram de la même manière que lorsqu'ils génèrent des posts Instagram ;
  • Embed Instagram Reels-Les bobines Instagram sont le format vidéo sur Instagram, et lorsque vous connectez le compte Instagram, vous n'avez qu'à sélectionner les posts qui contiennent des vidéos. Pour être sûr d'afficher les bobines au format vertical, il suffit d'utiliser un paramètre dans la mise en page de la carte qui fera en sorte que les vidéos ressemblent à des bobines ;
  • Intégrer les mentions Instagram-Il s'agit de l'option UGC qui, lorsqu'elle est spécifiquement sélectionnée, déclenche le crochet de l'API pour générer les posts que d'autres personnes ont publiés et qui contiennent une mention de votre marque. C'est un excellent moyen de surveiller ce que les gens disent de vous sur Instagram, mais cela permet également de collecter et d'intégrer des CGU sur votre site web ;
  • Embed Instagram Hashtag Feeds-Il s'agit d'un type de flux idéal pour collecter les messages qui utilisent un ou plusieurs hashtags ;
  • Intégrer des messages provenant d'un compte professionnel-Cela concerne les utilisateurs qui ont des comptes professionnels connectés à leur page Facebook. Il s'agit d'un cas où les marques sont passées d'un compte personnel à un compte professionnel ;
  • Intégrer des messages provenant d'un compte personnel-Cette option permet aux comptes Instagram personnels de générer et de diffuser des informations. intégrer des photos Instagram et des postes.
Image

Embarquer Flux Instagram sur votre site web sans lever le petit doigt !

Générer et intégrer un widget Instagram avec votre flux, vos mentions ou vos hashtags directement sur votre site web.

Démarrer l'essai gratuit de 7 jours

Pour information : vous pouvez intégrer automatiquement un widget Instagram à l'aide d'un sagrégateur de médias sociauxLe site Web de l'entreprise est un outil de travail qui permet de donner vie à votre site Web grâce à un contenu frais.

Exemples de flux Instagram intégrés à des sites web

Aujourd'hui, il est rare qu'un site web n'affiche pas flux de médias sociaux. La plupart d'entre eux présentent des galeries Instagram interactives de tous leurs posts ou un flux de contenu généré par l'utilisateur collectées à l'aide de Hashtags Instagram.

1. Babies R Us affiche des posts Instagram de ses propres événements et de ses clients.

Voir comment Babies R Us utilise un widget slider Instagram pour afficher certains des posts que les clients partagent sur Instagram lorsqu'ils visitent les événements de leur Mama Club.

Ce faisant, ils renforcent l'engagement et l'intérêt des mamans potentielles qui peuvent voir les coulisses et avoir envie de réserver un billet pour le prochain événement.

Example of Instagram feed from Babies r us

2. Stranger Things montre les posts Instagram de ses fans

Voici un exemple de Flux Instagram sur un site web présentant la Stranger Things (en anglais) qui crée des fils d'information avec les messages d'autres personnes mentionnant la marque :

example of Instagram feed on website.

3. Le flux Instagram d'Aeroblend

Aeroblend est une marque de cosmétiques qui a créé un widget Instagram très efficace et esthétique qui met en avant les effets de leurs produits sur le visage de vrais clients :

aeroblend instagram widget on website example

4. Slider Instagram pour les services de soins de la peau

 Martina Collins Dental & Skin Clinic se situe dans le secteur des services, où il est essentiel de disposer d'avis et de contenus générés par les clients existants pour attirer de nouveaux clients.

Ils utilisent à la fois un widget d'avis Google et un slider Instagram pour présenter les expériences de leurs clients satisfaits.

En voici un exemple :

Example of an Instagram slider for a Skin care and dentist service.

5. Widget shoppable pour Tumi

Tumi Corée intègre le widget d'EmbedSocial sur son site web pour afficher des posts Instagram. Ces posts présentent des images réelles de leurs produits partagées par les utilisateurs ou le compte Instagram de la marque.

Chaque post Instagram mis en avant dans le widget est tagué avec des informations pertinentes sur le produit, notamment le nom, le prix et un lien direct vers la page du produit.

Le widget offre aux clients potentiels un moyen attrayant de voir les produits en action. Il s'appuie sur le contenu généré par les utilisateurs pour créer un sentiment d'authenticité et de confiance.

Les utilisateurs sont redirigés de manière transparente vers la page du produit sur le site web de Tumi en cliquant sur les produits marqués dans les posts Instagram. Cela réduit la friction dans le processus d'achat, facilitant ainsi l'achat des produits qu'ils voient et aiment.

Example of shoppable Instagram widget

Voir d'autres exemples de flux Instagram pour apprendre comment les autres intègrent leurs photos et vidéos Instagram et s'inspirer pour faire mieux !

Les meilleurs outils gratuits pour intégrer votre flux Instagram

Voici les meilleurs outils que vous pouvez utiliser pour intégrer votre flux Instagram sur votre site web :

1. EmbedSocial

Comme mentionné ci-dessus, EmbedSocial est l'un des plus grands fournisseurs de services d'information. meilleures applications Instagram ou des plugins pour sites web qui offrent des solutions plus avancées pour afficher des photos Instagram sur WordPress, Wix, Squarespace, des sites web HTML ou d'autres plateformes web.

Sa version PRO dispose de diverses fonctionnalités avancées, notamment l'utilisation d'autres réseaux sociaux, l'intégration de flux Instagram à partir de hashtags et la modération des flux Instagram.

De plus, il permet de créer des Imurs de hashtag nstagram et la collecte des posts que d'autres utilisateurs publient en mentionnant votre compte Instagram.

Si vous avez besoin de tout cela, de mises à jour automatiques en temps réel, d'analyses et d'une équipe d'assistance clientèle fantastique, EmbedSocial est votre choix.

La meilleure caractéristique est l'intégration avec les principales plateformes de médias sociaux et la création de flux sociaux avec tout le contenu généré par l'utilisateur.

Remarque : Tous les utilisateurs actifs bénéficient de mises à jour constantes, telles que des fonctionnalités CSS personnalisées et de superbes modèles qui s'adaptent à toutes les pages web.

EmbedFeed share

Cet agrégateur de contenu de médias sociaux aide les gens à synchroniser leur propre contenu et celui de leurs clients avec leur site web, rapidement et sans aucune compétence en matière de codage. 

Nous y sommes parvenus grâce à une intégration API directe et approuvée avec la plateforme Instagram. Voici les principales fonctionnalités que vous obtiendrez avec EmbedSocial :

  • Agrégateur complet de médias sociaux: Non seulement pour le contenu publié sur Instagram, mais aussi sur Facebook, Twitter, YouTube, TikTok, Vimeo et d'autres réseaux de médias sociaux ;
  • Installation facile : Le widget peut être installé rapidement et sans effort, ce qui le rend accessible aux utilisateurs ayant différents niveaux d'expertise technique ;
  • Design personnalisable : Le widget offre une gamme d'options de personnalisation, permettant aux utilisateurs d'adapter le design du flux Instagram à l'aspect et à la convivialité de leur site web. Les utilisateurs peuvent modifier la mise en page, les couleurs et les polices en fonction de leurs préférences ;
  • Affichage adapté : Le widget Instagram Feed s'adapte automatiquement aux différentes tailles et résolutions d'écran, garantissant une expérience utilisateur transparente sur différents appareils tels que les ordinateurs de bureau, les tablettes et les téléphones portables ;
  • Modération et filtrage du contenu : Les utilisateurs peuvent choisir d'afficher des messages spécifiques en appliquant des filtres de hashtag, de nom d'utilisateur ou de lieu. Cela permet de mieux contrôler le contenu présenté sur le site web ;
  • Mises à jour automatiques : Le widget se met à jour en temps réel, garantissant que les derniers posts Instagram sont toujours affichés sur le site web sans aucune intervention manuelle ;
  • Boîte à lumière pour les médias : Le widget offre une fonction lightbox intégrée, permettant aux utilisateurs de visualiser des images et des vidéos en haute résolution directement sur le site web sans quitter la page ;
  • Une équipe dédiée à la satisfaction des clients : Nous pouvons vous guider à travers toutes les étapes et répondre rapidement à certaines demandes. N'hésitez donc pas à nous contacter via le chat en direct ;
  • Analyse intégrée : La plateforme prend en charge l'intégration avec Google Analytics et fournit des analyses intégrées qui montrent des données telles que les vues et les clics sur les widgets ;
  • Flux de produits achetables et étiquetage des produits : Vous pouvez ajouter des liens interactifs sur vos flux de produits spécifiques, y compris leurs informations, telles que le prix et les images du produit. 
Link In Bio Instagram Feed

Feedlink est l'une des les meilleurs outils de marketing d'influence vous pourriez obtenir aujourd'hui et votre outil de référence pour la mise en valeur des flux Instagram directement dans votre lien dans la page bio.

Considérez-le comme un pont qui relie vos posts Instagram à votre site web avec lien dans la bio, vous aidant à garder votre public engagé avec du contenu frais et social. Que vous utilisiez Instagram ou Threads, Feedlink vous couvre.

Voici la partie la plus intéressante : Feedlink permet d'afficher vos posts Instagram à votre manière !

Feedlink vous permet de personnaliser l'apparence de votre flux Instagram pour qu'il corresponde à l'ambiance de votre marque. Et pour ceux d'entre vous qui vendent des produits, les taguer dans vos posts est un jeu d'enfant. Cela signifie que vos visiteurs peuvent acheter vos produits directement à travers vos posts, ce qui rend leur expérience d'achat transparente et amusante.

En outre, Feedlink permet intégration d'un message dans les fils de discussionque vous pouvez intégrer en quelques clics à votre page de lien dans la bio, ce qui garantit que votre contenu reste frais et attrayant.

Outre ces deux options fantastiques, voici d'autres méthodes gratuites pour ajouter votre flux Instagram à votre site web :

3. L'option d'intégration officielle d'Instagram

Instagram propose une fonction d'intégration facile qui vous permet d'ajouter un post Instagram sur WordPress :

  1. Ouvrez votre application professionnelle Instagram dans le navigateur ;
  2. Ouvrez l'image que vous souhaitez intégrer et choisissez le menu à 3 points dans le coin supérieur droit ;
  3. Choisissez l'option Embed' (Intégrer) et copier le code ;
  4. Ouvrez votre éditeur WordPress et allez sur la page où vous voulez que l'article apparaisse ;
  5. Sélectionnez la zone de l'éditeur où vous souhaitez ajouter le code et cliquez sur l'icône + ;
  6. Sélectionnez l'option Embed' (Intégrer) et collez l'URL de l'image dans le champ de saisie ;
  7. Cliquez sur 'Mise à jour(ouAvant-première') pour voir votre flux Instagram intégré.
instagram embed for free

Consultez la page guide officiel d'intégration.

Bien que simple, cette méthode présente certaines limites :

  • Vous ne pouvez intégrer qu'un seul message à la fois, et
  • Il n'y a pas d'options de personnalisation, de modération ou d'analyse.

4. Plugins de flux Instagram tiers pour WordPress et d'autres constructeurs

EmbedSocial figure parmi les Les meilleurs plugins WordPress InstagramLa version gratuite de ce logiciel permet d'intégrer des flux Instagram.

Cela dit, il existe de nombreux autres outils qui peuvent vous aider à obtenir les mêmes résultats.

Vous devriez donc jeter un coup d'œil à la Annuaire de plugins WordPress ou la boutique du constructeur de sites web que vous avez choisi pour voir si vous pouvez trouver un plugin que vous préférez.

Se souvenir: Instagram modifie continuellement son API, et vous avez besoin d'un outil professionnel avec un accès à l'API Instagram. EmbedSocial peut fournir cette fonctionnalité car il est déjà conforme aux dernières modifications de l'API.

En savoir plus sur ces nouvelles changements importants dans l'API d'Instagram.

Avantages de l'ajout d'un fil Instagram à votre site web

Alors, pourquoi afficher le flux Instagram sur votre site web?.

Qu'il s'agisse de montrer et de tenir vos utilisateurs Instagram au courant des nouveaux produits ou de vendre directement votre stock, Instagram présente de nombreux avantages pour votre entreprise.

L'affichage d'un flux Instagram de photos authentiques créées à partir de votre compte augmentera l'engagement des utilisateurs et le temps passé sur le site, transformant les visiteurs en adeptes.

Cela dit, lorsque vous intégrez un flux Instagram, vous :

  1. Développez votre présence sociale,
  2. Fournissez en temps réel un contenu frais et attrayant sur votre site web,
  3. Affichage preuve sociale de la qualité de votre entreprise,
  4. Stocker et analyser le contenu généré par les utilisateurs,
  5. Étendez la portée du contenu de votre marque au-delà d'Instagram,
  6. Gagnez du temps et des ressources pour produire du contenu pour votre site web,
  7. Augmenter l'engagement et la possibilité de gagner plus de followers Instagram,
  8. Renforcez la confiance dans votre marque sur votre site web et augmentez les conversions.

L'avantage le plus précieux pour les marques de commerce électronique est probablement la possibilité de présenter le contenu généré par les utilisateurs sous forme de preuve sociale.

Cela signifie que la possibilité de synchroniser automatiquement le contenu produit par de vraies personnes sur leur utilisation réelle d'un produit particulier est une preuve inestimable qui contribue à renforcer la confiance dans les sites de commerce électronique et à motiver les décisions d'achat des clients potentiels.

Principaux enseignements : Utilisez un agrégateur de médias sociaux !

Félicitations pour avoir appris à étendre la portée de votre activité Instagram via votre site web et au-delà de l'application mobile d'Instagram !

Rappel : l'utilisation d'un plate-forme de contenu généré par l'utilisateur est une stratégie très efficace pour attirer des clients potentiels grâce à votre contenu sur les médias sociaux.

En tant qu'agrégateur complet de médias sociaux, EmbedSocial génère du contenu de médias sociaux à partir de tous les principaux réseaux de médias sociaux, dispose d'options de modération pour un contrôle total de vos posts Instagram et vous donne la possibilité d'intégrer plusieurs widgets de flux Instagram sur différents sites web.

Nous espérons que ces widgets Instagram vous aideront à offrir une expérience unique aux visiteurs de votre site web, et si vous avez besoin d'aide supplémentaire, nous contacter à tout moment !

Image

Embarquer Flux Instagram sur votre site web sans lever le petit doigt !

Générer et intégrer un widget Instagram avec votre flux, vos mentions ou vos hashtags directement sur votre site web.

Démarrer l'essai gratuit de 7 jours

Pour information : vous pouvez intégrer automatiquement un widget Instagram à l'aide d'un sagrégateur de médias sociauxLe site Web de l'entreprise est un outil de travail qui permet de donner vie à votre site Web grâce à un contenu frais.

EmbedSocial s'intègre actuellement à toutes les principales plateformes de médias sociaux, et les intégrations se font par le biais d'un accès API officiel pour l'intégration d'Instagram. De plus, ils vous permettent de faire plus que d'intégrer des flux Facebook. Vous pouvez :

Pour toute question supplémentaire, vous pouvez toujours contacter notre équipe d'assistance en cliquant sur l'icône de chat en bas à droite.

FAQ sur l'intégration des flux Instagram

Que signifie "embed Instagram" ? 

Intégrer signifie afficher quelque chose sur un site web. Dans une définition plus technique, embed Instagram fait référence au fait de "COLLER un code" qui affichera une interface de posts Instagram, généralement dans un iFrame sous forme de widget, à l'emplacement d'une page web où le code a été placé. En d'autres termes, intégrer Instagram signifie afficher un flux Instagram sur un site web. 

Comment puis-je obtenir le code d'intégration de mon post Instagram ?

Pour intégrer un seul post Instagram, ouvrez le post sur un PC, cliquez sur l'icône des 3 points en haut à droite, puis cliquez sur Intégrer. Une fenêtre contextuelle affiche le code d'intégration.

Comment intégrer le code du flux Instagram ? 

Pour intégrer un code, vous devez généralement l'envoyer au développeur du site web ou, si vous utilisez WordPress, vous pouvez copier et coller le code dans un bloc HTML de votre page WordPress et intégrer une galerie Instagram de la même manière.

Puis-je ajouter un plugin de flux Instagram pour le site web ?

Oui, vous pouvez ajouter un plugin de flux Instagram à votre site web. Différents plugins, gratuits ou premium, peuvent vous aider à mettre en valeur votre flux Instagram sur votre site. Consultez les flux de médias sociaux plugin WordPress d'intégrer des widgets payants ou gratuits de la plateforme EmbedSocial.

Où puis-je afficher mon flux Instagram sur des sites web ?

La page d'accueil, la barre latérale, le pied de page ou une page dédiée à la "Galerie Instagram" sont autant d'endroits où l'on peut mettre en valeur le flux. Le choix dépend de la présentation de votre site web, de vos objectifs en matière de présentation du contenu Instagram et de la place que vous souhaitez donner à votre flux.

Comment rendre mon flux Instagram interactif avec des liens ?

Les flux Instagram créés avec l'éditeur d'EmbedSocial peuvent être transformés en widgets interactifs en ajoutant des liens CTA personnalisés ou même en taguant des informations sur les produits sur les photos du flux. Pour ce faire, ouvrez le flux dans l'éditeur, cliquez sur l'onglet Liens et choisissez d'ajouter un lien à toutes les photos ou d'ajouter un lien particulier ou un tag produit à chaque image séparément.

Add links on Instagram feed widget

Qu'est-ce qu'un agrégateur de médias sociaux ?

Agrégateur de médias sociaux est un outil qui génère des messages publiés sur les réseaux sociaux et qui aide à les analyser, à les modérer et à les afficher sur votre site web.

Avez-vous besoin d'une autorisation pour intégrer des posts Instagram sur votre site web ?

Lorsque vous envisagez d'intégrer un flux Instagram sur votre site web, vous n'avez généralement pas besoin de l'autorisation explicite des créateurs de posts individuels. En effet, la fonctionnalité d'intégration est fournie directement par Instagram, ce qui implique un certain niveau de consentement pour le partage.

Pouvez-vous rendre votre flux Instagram shoppable ?

Oui, vous pouvez rendre votre flux Instagram shoppable et intégrer cette fonctionnalité de manière transparente lorsque vous affichez le flux Instagram sur votre site web.

Comment intégrer un flux Instagram dans une iFrame ?

Les widgets ont leur propre code iFrame, que vous pouvez obtenir après avoir ouvert le widget du flux Instagram dans l'éditeur, et dans la partie gauche de l'écran. Paramètres cliquez sur l'option Code iFrame. Dans la fenêtre contextuelle, vous pouvez choisir différentes versions de code avec une hauteur ou une largeur fixe. 

Instagram feed iframe code


PDG d'EmbedSocial 

Nikola Bojkov est le PDG d'EmbedSocial, un entrepreneur qui transforme les problèmes en produits. Avec plus d'une décennie d'expérience pratique avec les API des médias sociaux, il guide EmbedSocial dans son rôle de partenaire technique pour les PME et les grandes agences, en maximisant l'impact de leur contenu généré par les utilisateurs. EmbedSocial a des bureaux à Skopje, Tokyo et Lisbonne et compte plus de 250 000 utilisateurs.