Comment intégrer le flux Instagram sur un site Web – Un guide complet

Intégrer le flux Instagram sur le site Web
Temps de lecture : 13 minutes

Vous êtes tous conscients du charme d’Instagram en matière de branding et de marketing. Dans le marketing moderne, intégrer un flux Instagram sur votre site Web est sans aucun doute une excellente idée. 

Cela contribuera à stimuler l’engagement, à rendre votre site Web attrayant et à générer des prospects. Ses nombreux bienfaits suffisent à connaître son importance. Mais avez-vous besoin de précisions sur le processus ? Ne vous inquiétez pas, vous êtes sur la bonne plateforme. 

Dans cet article de blog, nous passerons en revue le guide complet sur comment intégrer des flux Instagram sur un site Web, son importance, ses avantages et bien plus encore.

Commençons d'abord par les bases.

Qu’est-ce que le flux Instagram ?

Le flux Instagram est l'endroit où les utilisateurs partagent leurs photos et vidéos, s'inspirent et se connectent avec les personnes et les choses qui les intéressent. 

Ces photos et vidéos sont affichées lorsqu'une personne fait défiler son Instagram. Le flux est mis à jour avec du nouveau contenu à chaque fois que vous ouvrez votre compte Instagram.

En intégrant ce flux Instagram sur votre site Web, vous pouvez engager les visiteurs et afficher du nouveau contenu sur votre marque.

Intégrez le flux Instagram sur le site Web en 4 étapes
hashtag hashtag

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite
manipuler manipuler

Mentions Instagram

Essayez Maintenant
flèche droite flèche droite
histoires histoires

Histoires Instagram

Essayez Maintenant
flèche droite flèche droite
bobines bobines

Instagram Reels

Essayez Maintenant
flèche droite flèche droite
mentionner mentionner

Profil Instagram

Essayez Maintenant
flèche droite flèche droite

Méthodes pour intégrer des flux Instagram sur un site Web

Il existe différentes méthodes à utiliser pour intégrer des flux Instagram sur un site Web. Explorons différentes méthodes étape par étape  

Méthode 1. Utilisation Tagshop (Recommandé)

Intégrer un Flux Instagram sur votre site Web en utilisant un outil tiers comme Tagshop. Il offre plusieurs avantages par rapport au téléchargement direct. Rendez votre flux visuellement attrayant en suivant ces processus étape par étape :

Étape 1 – Curation du contenu 

se connecter à Tagshop
  • Après vous être connecté, sélectionnez «Instagram" comme réseau source 
agréger les publications Instagram
  • Vous pouvez créer un flux Instagram en utilisant diverses options, telles que des hashtags, des histoires, un profil, des mentions, des bobines, etc. 
collecter des publications Instagram
  • Tapez n'importe quel hashtag, appuyez sur le "Créer un flux" et connectez votre compte Instagram. 

Étape 2 – Rendez votre flux intéressant

  • Vous pouvez modifier le flux selon votre choix. Dans la barre latérale, accédez à 'Contenu', sélectionnez les publications que vous souhaitez rendre publiques/privées, les publications non pertinentes. 
filtrer le flux Instagram
  • Modifiez l'apparence du flux en allant sur Site Web> Thème, personnalisation et bouton CTA. 
afficher le flux Instagram

Facultatif : rendez votre flux Instagram accessible aux acheteurs

Si tu veux rendez votre flux Instagram achetable, suivez ces étapes, ou vous pouvez passez à la 3ème étape pour intégrer votre flux Instagram sur votre site Web. Pour rendre votre flux achetable, vous devez télécharger votre catalogue de produits. Pour ce faire, procédez comme suit : 

1. Dans la barre latérale, accédez à Contenu> Catalogue de produits. 

Ici, vous pouvez synchroniser vos produits directement depuis votre créateur de site Web ou effectuer un téléchargement personnalisé. 

afficher le flux Instagram sur le site Web

2. Une fois vos produits synchronisés, marquez-les pour rendre votre flux achetable. Pour ce faire, cliquez sur le « Étiqueter les produits » Bouton sous n’importe quelle publication de votre flux.

3. Recherchez des produits par nom, catégorie, balises et SKU.

rendre le flux Instagram accessible aux acheteurs

4. Activez la fonctionnalité de point d'accès et ajoutez plusieurs balises dans une seule publication.

Étape 3. – Publiez votre flux Instagram sur le site Web 

Une fois que vous avez terminé de modifier votre flux, accédez à «Site Internet" dans la barre latérale et cliquez sur 'Générer du code' dans le coin inférieur droit du tableau de bord. 

intégrer le widget Instagram sur le site Web

2. Ajustez la largeur et la hauteur de la galerie et copiez le code d'intégration.

intégrer le flux Instagram sur le site Web

4. En suivant ces étapes, vous pouvez facilement intégrer un flux Instagram sur n'importe quel site Web.

Comment ajouter un flux Instagram à n'importe quelle plate-forme CMS

Avec Tagshop, vous pouvez intégrer un flux Instagram sur n'importe quelle plateforme CMS, telle que WordPress, Shopify, Wix, Magento, HTML, etc. Pour simplifier votre tâche, voici des solutions étape par étape pour toutes les plateformes CMS pertinentes. 

Ajouter un flux Instagram à la boutique Shopify

Vous pouvez ajoutez un flux Instagram à votre boutique Shopify; c’est parfait pour que les marques atteignent un public plus large. En suivant ces étapes, vous pouvez ajouter le flux Instagram à votre site Web Shopify. Une fois que vous avez généré le code du flux Instagram sur le Tagshop application, suivez ces étapes :

Étape 1- Accédez au panneau d'administration Shopify.

connectez-vous à Shopify

Étape 2- Recherchez l'option « Boutique en ligne ».

ajouter un flux Instagram sur Shopify

Étape 3 – Dans le menu déroulant, sélectionnez «Pages»

Étape 4 – Recherchez la page sur laquelle vous souhaitez intégrer le flux Instagram ou créez une nouvelle page

Étape 5 – Maintenant, dans la section « HTML », vous pouvez intégrer le code Instagram 

intégrer le flux Insta sur shopify

Étape 6 – Enregistrez toutes les modifications et vous avez terminé. 

ajouter un flux Insta sur shopify

Notes: Pour vous simplifier la tâche, Installez une application Shopify gratuite pour intégrer votre flux Instagram directement dans la boutique Shopify.  

tagshop application shopify

________________________________________________________________________

Intégrer le flux Instagram sur WordPress

Voici les étapes pour intégrer un Flux Instagram sur votre site WordPress

Étape 1. Connectez-vous à votre tableau de bord WordPress.

connectez-vous à WordPress

Étape 2. Ouvrez la page sur laquelle vous souhaitez intégrer votre flux Instagram et sélectionnez « Bloc HTML personnalisé »

intégrer Instagram à wordpress

Étape 3. Collez le code du flux Instagram à partir duquel vous avez copié Tagshop 

Étape 4 – Cliquez sur le bouton de publication et vous avez terminé. 

________________________________________________________________________

Afficher le flux Instagram sur le site Web Wix

Ajouter un flux Instagram à votre site Web Wix est également simple. Suivez simplement ces étapes.

Étape 1- Connectez-vous à votre compte administrateur Wix 

Connectez-vous au site Web Wix

Étape 2- À côté du «Pages principales", cliquez sur le bouton "+' bouton

intégrer Instagram au site Web Wix

Étape 3- Allez maintenant dans «Code intégré» et sélectionnez « Intégrer le HTML »

Ajouter Instagram au site Wix

Étape 5- Collez ici le code d'intégration généré de votre flux.

afficher le flux Instagram sur le site Web Wix

Étape 6 – Cliquez sur « Enregistrer » pour appliquer les modifications

________________________________________________________________________

Afficher les flux Instagram sur Squarespace

Suivez les étapes pour intégrer un flux Instagram sur Squarespace : 

Étape 1- Connectez-vous à votre panneau d'administration Squarespace.

connectez-vous à Squarespace

Étape 2 – Sélectionnez la page sur laquelle vous souhaitez ajouter un flux Instagram ou en créer un nouveau.

intégrer une publication Instagram sur Squarespace

Étape 3 – Maintenant, modifiez la page et choisissez 'Ajouter une sectionAjouter une section vide

Instagram sur Squarespace

Étape 4 – Dans le champ URL, cliquez sur le « Code » et collez votre code ici 

widget instagram sur Squarespace

Étape 5 – Cliquez sur 'Épargnez' et alors 'Appliquer' pour publier vos modifications

publication Instagram sur Squarespace

________________________________________________________________________

Ajouter un flux Instagram au site Web HTML

Pour intégrer un flux Instagram sur votre site Web HTML, procédez comme suit :

Étape 1 – Connectez-vous à votre site Web HTML

Étape 2 – Recherchez la page sur laquelle vous souhaitez intégrer le flux Instagram

Étape 3 – Collez le Tagshop Code du flux Instagram 

Étape 4 – Appliquez toutes les modifications et le tour est joué !

________________________________________________________________________

Afficher le flux Instagram en direct sur le site Webflow

Pour afficher votre flux Instagram sur le site Webflow, suivez ces étapes :

Étape 1 – Connectez-vous à votre panneau d'administration Webflow

connectez-vous au site Web Webflow

Étape 2 – Allez à 'Ajouter des éléments' dans le menu de gauche

flux Instagram sur le site Web Webflow

Étape 3 – Faites glisser et déposez le 'Intégrer'élément à la section de la page de votre site Web souhaitée

publication Instagram sur le site Web

Étape 4 – L'éditeur de code HTML intégré apparaîtra

publication Instagram sur Webflow

Étape 5 – Collez votre Tagshop-code copié généré ici et cliquez sur Enregistrer

publication Instagram sur le site Web Flow

________________________________________________________________________

Ajouter un flux Instagram sur le site Elementor

Pour afficher votre flux Instagram sur le site Elementor, suivez ces étapes :

Étape 1 – Connectez-vous à votre compte administrateur WordPress 

instagram sur la boutique elementor

Étape 2 – Sélectionnez les pages sur lesquelles vous souhaitez intégrer le flux.

Instagram sur le site Elementor

Étape 3 : cliquez sur « Modifier avec Elementor ». Ensuite, faites glisser et déposez l'élément HTML à l'endroit où vous souhaitez intégrer le flux. 

flux instagram sur elementor

Étape 4 – Collez le code et cliquez sur «Mises à jour», votre flux sera en direct sur le site Web. 

flux instagram sur le site elementor

Exemple en direct de flux Instagram sur un site Web

Intégrez le flux Instagram sur le site Web en 4 étapes
hashtag hashtag

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite
manipuler manipuler

Mentions Instagram

Essayez Maintenant
flèche droite flèche droite
histoires histoires

Histoires Instagram

Essayez Maintenant
flèche droite flèche droite
bobines bobines

Instagram Reels

Essayez Maintenant
flèche droite flèche droite
mentionner mentionner

Profil Instagram

Essayez Maintenant
flèche droite flèche droite

Méthode 2. Téléchargement direct (en utilisant Instagram lui-même)

Instagram vous permet d'intégrer des flux sur le site Web via des téléchargements directs, mais uniquement un par un. Ce processus semble ennuyeux car vous devez intégrer la publication manuellement. Suivez simplement ces étapes : 

Étape 1 – Accédez à votre compte Instagram

Étape 2 – Recherchez la publication que vous souhaitez intégrer

Étape 3 – Cliquez sur les trois points pour ouvrir le menu

Post de Instagram

Étape 4 – Sélectionnez « Intégrer » et copiez le code

code postal instagram

Étape 5 – Collez ce code d'intégration sur le backend de votre site Web.

Étape 6 – Actualisez le site Web et vous verrez une seule publication Instagram sur votre site Web. 

Exemples de flux Instagram sur des sites Web

Voici quelques exemples de flux Instagram de premier ordre pour vous. Explorons-les.

Saucony : flux de hashtag Instagram

Le flux de hashtag Instagram est l'un des types de flux les plus populaires car il permet aux entreprises d'afficher du contenu spécifique à un sujet directement sur leur site Web.

Flux Instagram sur le site Web

Il capture une bonne quantité de UGC de votre public et contribuera à démarquer votre marque de vos concurrents. Saucony a utilisé ce flux sur son site Web pour collecter UGC pour sa campagne hashtag « Run Your World ».

Philips : widget de curseur Instagram

Le Curseur Instagram Le modèle affiche de nombreuses images et vidéos dans une seule publication, permettant aux utilisateurs du site Web de parcourir votre contenu interactif.

intégrer le flux Instagram

Philips a développé sa marque employeur sur son site Web en générant un flux d'inspiration sur sa page carrière à l'aide d'un widget coulissant Instagram. Cela a été bénéfique à la fois pour la marque et pour les nouveaux arrivants potentiels. 

Alors à la maison : flux hashtag Instagram

Le site Web de Sohome propose un flux Instagram achetable et visuellement attrayant UGC galeries. Ce site de commerce électronique attire son audience grâce à un flux hashtag Instagram avec des produits tagués. 

afficher le flux Instagram sur le site Web

Centurions de Cologne : flux du carrousel Instagram

Les Centurions de Cologne sont une équipe de football américain de la Ligue européenne de football (ELF). Sa page Web principale affiche son flux dans un format carrousel, glissant automatiquement entre les publications. Le principal avantage de l’utilisation de ce format est qu’il nécessite moins d’espace et facilite la navigation. 

Instagram sur le site Web

Feldmar : alimentation horizontale en colonnes

Un flux de colonnes horizontales présente votre flux dans la zone de pied de page de votre site Web. Feldmar, une société horlogère bien établie, utilise ce widget pour afficher ses UGC sur le site Internet. 

flux Instagram sur le site Web

Avantages de l'intégration du flux Instagram sur WordPress.

L’intégration d’un flux Instagram sur votre site Web présente plusieurs avantages. L'intégration du flux Instagram dans votre site Web donnera à votre marque un visage d'authenticité et de transparence. Vous pouvez également partager votre UGC là pour que votre public puisse se connecter avec votre marque. Eh bien, regardons les avantages un par un : 

Augmentation de la notoriété et de l'exposition de la marque

Engageant Vidéos Instagram sur ynotre site Web peut accroître la notoriété de la marque et divertir vos utilisateurs plus longtemps. 

  • Élargissez votre portée : votre UGC Le flux Instagram sur votre site Web augmentera votre portée et votre trafic au niveau supérieur. Il ciblera de nouveaux publics et améliorera ainsi la notoriété de votre marque. 
  • Améliorez la visibilité de votre marque : un flux Instagram visuellement attrayant peut améliorer la visibilité de votre marque. Mettez en valeur les USP et les valeurs de votre marque pour la rendre plus authentique. 
  • Attirez de nouveaux abonnés : interagir régulièrement avec votre public peut attirer de nouveaux clients et abonnés. 

Boostez la preuve sociale : 

Fournir une preuve sociale à votre public est tout ce dont vous avez besoin pour attirer son attention vers votre marque. De nos jours, les clients recherchent une telle preuve de confiance et de fiabilité.

  • Encouragez l'interaction : les flux Instagram sur votre site Web favoriseront un sentiment d'interaction. Encouragez vos clients à partager des témoignages vidéo, des avis, etc. 
  • Créez une communauté : une communauté forte vous aidera à renforcer votre clientèle et à la fidéliser en vous offrant UGC et participer à vos campagnes. 

Contenu de site Web et référencement améliorés

L'intégration de votre flux Instagram sur votre site Web améliorera votre référencement et votre classement dans les moteurs de recherche. Voici comment 

  • Nouveau contenu : votre site Web fournira toujours du nouveau contenu en temps réel, ce qui incitera votre public à revenir pour en savoir plus. 
  • SEO amélioré : un flux de site Web bien établi améliorera le classement et le référencement de votre site Web. 
  • Temps de séjour accru : une bonne expérience utilisateur augmentera le temps de séjour et l'engagement. 

Générer du trafic et des conversions

Dans l’ensemble, l’expérience utilisateur produira toujours de bons résultats et de bonnes ventes. Proposez toujours un contenu visuellement attrayant et précieux à vos visiteurs afin qu'il : 

  • Trafic direct vers Instagram : un flux en temps réel générera du trafic et de l’engagement vers votre site Web. 
  • Boostez les ventes : rendez votre flux achetable pour générer des ventes et des conversions.
  • Générez des prospects : utilisez des outils d'analyse approfondis pour suivre les visites et mesurer les prospects. 
Intégrez le flux Instagram sur le site Web en 4 étapes
hashtag hashtag

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite
manipuler manipuler

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite
histoires histoires

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite
bobines bobines

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite
mentionner mentionner

Hashtag Instagram

Essayez Maintenant
flèche droite flèche droite

Conclusion 

Intégrer votre flux Instagram sur votre site internet sera un tournant dans votre stratégie e-commerce. Nous avons parcouru un long chemin depuis l'apprentissage de leur intégration dans diverses plateformes de commerce électronique comme Shopify, WordPress, HTML, etc., jusqu'à la compréhension de leur importance et de leurs avantages.

La mise en œuvre de tout cela fera passer votre marque au niveau supérieur et vous aidera à vous démarquer de vos concurrents. Cet article vous a aidé à apprendre comment intégrer des flux Instagram sur votre site Internet. Allez-y et intégrez-le en utilisant Tagshop pour en tirer le maximum.  

Questions Fréquemment Posées

Vous pouvez intégrer le flux Instagram sur le site Web en le téléchargeant directement depuis Instagram ou en utilisant Tagshop pour vous faire gagner du temps. 

Dans le coin supérieur droit de votre publication Instagram, cliquez sur les trois points (…) Cliquez sur « Intégrer » Cliquez sur « Copier le code d'intégration ». Cela générera le code pour votre flux Instagram.

Vous pouvez afficher gratuitement les flux Instagram sur le site Web en allant sur Instagram> trois points (…) dans le menu> code d'intégration> copiant et collant le code dans le backend de votre site Web.

Intégrez le profil Instagram sur votre site Web en utilisant TagshopVoici un guide rapide pour vous aider à faire de même :

Étape 1 - Connectez-vous ou connectez-vous avec le Tagshop Compte

Étape 2 – Cliquez sur « Ajouter un flux social » dans le tableau de bord

Étape 3 – Sélectionnez Instagram comme réseau source

Étape 4 - Choisissez maintenant votre flux en tant que profil Instagram (compte personnel) parmi le nombre d'options disponibles

Étape 5 – Cliquez sur « Créer un flux » 

Étape 6 – Cliquez sur « Publier » et choisissez votre plateforme de création de site Web 

Étape 7 - Copiez maintenant le code d’intégration et collez-le dans le backend de votre site Web.

Voici un guide rapide pour vous aider à comprendre comment intégrer les flux de hashtags Instagram sur le site Web :

Étape 1 – Connectez-vous à votre Tagshop compte ou inscrivez-vous 

Étape 2 – Accédez au tableau de bord et cliquez sur « Ajouter un flux social ».

Étape 3 – Sélectionnez Instagram comme réseau source

Étape 4 – Sélectionnez (#) Hashtag et saisissez le hashtag pour lequel vous souhaitez capturer le flux

Étape 5 – Cliquez maintenant sur « Créer un flux » et « Publier »

Étape 6 – Maintenant, dans la nouvelle boîte de dialogue, sélectionnez la plateforme de site Web de votre choix

Étape 7 – Collez le code copié dans le backend de votre site Web.

1. Créez votre gratuit Tagshop compte ou connectez-vous simplement

2. Cliquez sur la section « Ajouter un flux »

3. Sélectionnez Instagram et sélectionnez « uniquement les bobines ».

4. Vous pouvez même ajouter des filtres depuis le coin supérieur droit Filtre > Type de publication > Avec vidéo

5. Cliquez sur l'option Publier et copiez le code d'intégration 

6. Connectez-vous à votre compte WordPress et sélectionnez la page sur laquelle vous souhaitez intégrer la bobine

7. Collez le code et enregistrez toutes les modifications appliquées, et vous avez terminé.

Table des matières