Comment intégrer gratuitement un flux Instagram sur un site Web (Guide 101)

Vous souhaitez intégrer un flux Instagram sur votre site Web ? Cela vous aidera à améliorer votre présence en ligne et à engager vos visiteurs avec un contenu frais et dynamique. En présentant vos publications Instagram colorées et vos vidéos captivantes, vous invitez votre public dans votre monde, lui permettant d'interagir avec votre contenu de manière amusante et transparente.

Explorons comment ce simple ajout peut créer une atmosphère dynamique sur votre site !

Petit guide : Comment ajouter un flux Instagram à votre site Web ?

1. Connectez-vous ou S'inscrire avec Tagbox
2. Cliquez sur « Ajouter des flux sociaux » dans le tableau de bord
3. Sélectionnez « Instagram » comme source
4. Maintenant, ajoutez un flux en saisissant l'un de ces « Hashtag (#) », « Handle (@) », « Stories (@) », etc.
5. Cliquez maintenant sur « Créer un flux » pour connecter votre compte professionnel Instagram
6. Votre flux est maintenant prêt
7. Cliquez sur « Publier » et sélectionnez votre plateforme de création de site Web
8. Enfin, copiez le code d'intégration et collez-le dans le backend. Facile comme tout, n'est-ce pas ?

Nous avons créé un tutoriel pour vous permettre de collecter, d'organiser et d'intégrer le flux Instagram dans votre site Web de manière simple et facile, sans aucune expertise technique ni complexité.

Guide étape par étape : comment intégrer gratuitement un flux Instagram sur un site Web ?

Pour inclure rapidement le flux Instagram sur le site Web et captiver votre public, un Les plateformes UGC comme Tagbox sont fortement recommandées. Nous proposons une gamme de fonctionnalités qui peuvent vous aider à attirer l'attention des visiteurs avec plusieurs flux et à influencer les utilisateurs pour qu'ils prennent une décision.

Nous avons créé un tutoriel pour vous permettre de collecter, d'organiser et d'intégrer le flux Instagram dans votre site Web de manière simple et facile, sans aucune expertise technique ni complexité.

Étape 1 : Créer un flux Instagram avec Tagbox

• Créer un compte de widget Tagbox gratuit.

Étape 2 : Sélectionnez votre réseau – Instagram

• Pour plus d'information «Instagram» comme source pour collecter des publications Instagram.

• Choisissez votre type d'alimentation pour collecter ces publications sur Instagram.

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

• Liste des types de flux Instagram :
  • Hashtag (#) – Collecte en direct Flux de hashtags Instagram sur le site Web.
  • Poignées (@) – Collecte les publications Instagram du profil professionnel.
  • Histoires - À intégrer des stories Instagram sur le site Internet.
  • Mentionné (@) – Regroupez les publications Instagram dans lesquelles votre marque a été mentionnée.
  • Tagged – Organisez les flux dans lesquels vous avez été tagué sur Instagram.
  • Reels – Collectez des bobines à partir de votre profil d’entreprise pour intégrer des bobines Instagram sur le site Web.
  • Mon pseudo – Collectez les publications téléchargées sur Instagram à partir de votre propre compte professionnel.

• Choisissez votre type de flux et saisissez les données en conséquence. Vos publications Instagram sont désormais collectées :

Étape 3 : générer le code d'intégration du flux Instagram 

Une fois que vous avez obtenu tous vos messages et que vous avez terminé toute la modération et la personnalisation, suivez les étapes ci-dessous pour obtenir le code d'intégration du profil Instagram ou des flux de pages que vous pouvez utiliser dans le code de votre site Web pour intégrer le profil Instagram sur le site Web.

• Cliquez sur le Publier bouton sur l'écran de l'éditeur de widgets.

• Sélectionnez le "Publier" option pour intégrer le flux Instagram sur le site Web.

• Maintenant, choisissez votre Plateforme de création de sites Web comme (HTML, WordPress, Wix, Shopify, Weebly, Squarespace, Elementor etc.)

• Personnalisez la hauteur et la largeur de votre widget et copiez le code d'intégration généré. Vous avez maintenant généré et copié avec succès le « Code d'intégration du flux Instagram » pour le CMS de votre site Web. Suivez les étapes ci-dessous pour afficher votre flux Instagram sur le générateur de votre site Web.

Étape 4 : Intégrer le flux Instagram au site Web avec le code d'intégration

• Connectez-vous à votre site Web et accédez à la section backend ou éditeur de la page où vous souhaitez intégrer la publication Instagram.
• Collez le code d'intégration Instagram copié à partir de la Tagbox Widget de site Web gratuit dans le corps de votre page et publiez/mettez à jour les modifications.
• Vous aurez intégré avec succès les flux Instagram sur le site Web.

Astuce bonus : vous pouvez rendre votre flux Instagram achetable (bientôt disponible)

Comment intégrer le flux Instagram sur différents créateurs de sites Web ?

Voici les solutions étape par étape pour toutes les plateformes CMS populaires, vous n'avez donc pas à vous soucier de les manquer. Découvrez-les maintenant !

1. Pour les sites Web HTML –

HTML est une plateforme de site Web bien organisée à laquelle font largement confiance les entreprises et les marques. Il semble que vous en fassiez partie. Vous souhaitez offrir plus aux visiteurs de votre site Web afin qu'ils restent plus longtemps et augmentent le temps de visite de votre site Web ?

Eh bien, voici quelques étapes simples que vous pouvez suivre pour intégrer le flux Instagram au code HTML du site Web :

1. Connectez-vous à votre site Web HTML et choisissez la page de destination sur laquelle vous souhaitez ajouter un flux Instagram.
2. Collez votre « code HTML de flux Instagram » copié dans la section page/blog/barre latérale.
3. Appliquez les modifications et Tada !!

Vous aurez intégré avec succès Widget Instagram sur le HTML en ligne.

2. Pour les sites Web WordPress –

WordPress est la plateforme idéale pour concevoir des pages Web futuristes qui ont leur caractère unique. Si vous aimez proposer un contenu unique aux visiteurs de votre site Web, l'intégration de publications Instagram peut être la solution parfaite pour vous.

Voici quelques étapes que vous pouvez suivre pour ajouter un flux Instagram sur WordPress site:

1. Connectez-vous à votre site WordPress.
2. Sélectionnez et modifiez la page Web sur laquelle vous souhaitez intégrer la galerie de publications Instagram.
3. Sélectionnez la section Pages > Ajouter une nouvelle page dans le tableau de bord dans les versions 6.0 et supérieures de l'éditeur WordPress.
4. Choisissez le bouton (+), sélectionnez l'option HTML personnalisée, collez votre code d'intégration Instagram et appliquez les modifications pour afficher la galerie Instagram sur le site Web WP. Consultez le didacticiel complet pour toutes les versions de WordPress à afficher Widget Instagram sur WordPress.

3. Pour le site Web Squarespace –

Squarespace est un créateur de sites Web unique et un choix privilégié pour les entreprises qui n'ont pas peur d'expérimenter tous les modèles fournis par Squarespace.

Ajouter des flux Instagram à votre Squarespace Votre site Web sera l'aide visuelle idéale pour les visiteurs de votre site Web afin de les accrocher plus longtemps. Voici les étapes à suivre :

1. Ouvrez un éditeur de page ou de publication et cliquez sur « Ajouter un bloc ».
2. Sélectionnez Intégrer dans le menu et cliquez sur le bouton icône dans le champ URL.
3. Collez maintenant le code d’intégration de votre galerie de photos Instagram dans cette case et cliquez sur Définir.
4. Une fois terminé, cliquez sur Appliquer pour publier vos modifications. Guide complet pour afficher Widget Instagram pour Squarespace en ligne.

4. Pour le site Web Wix –

Wix est le premier choix pour les entreprises qui préfèrent des sites Web entièrement créés par elles, car Wix donne aux utilisateurs la liberté de concevoir et de développer leurs pages Web comme ils le souhaitent.

Ici, suivez ces étapes simples pour ajouter un flux Instagram à Wix Site Web :

1. Intégrez le flux Instagram sur Wix avec l'éditeur classique

• Pour l'éditeur classique, suivez les étapes ci-dessous pour intégrer un flux Instagram sur le site Web Wix.
• Cliquez sur « + ».
• Choisissez l’option « Intégrer un widget » dans la liste disponible.
• Sur la page, vous avez la possibilité d'ajuster la hauteur et la largeur de votre widget en fonction de la mise en page de la page.
• Cliquez sur « Entrer le code ».
• Collez le code d'intégration dans l'éditeur Wix.
• Appuyez sur « Mettre à jour » et votre flux Instagram apparaîtra sur votre page d’éditeur.
• Cliquez sur le bouton « Publier » pour finaliser vos modifications.

Et bien, c'est tout en direct sur votre Widget Instagram de Wix.

2. Intégrer un flux Instagram sur Wix avec l'éditeur ADI

• Lors de l'utilisation de l'éditeur Wix ADI, certaines étapes ont changé. Examinons-les.
• Cliquez sur l'icône "+".
• Sélectionnez la section dans laquelle vous souhaitez intégrer le flux Instagram.
• Sélectionnez « Intégrer HTML » sur la gauche.
• Choisissez parmi les modèles intégrés et modifiez le contenu par défaut.
• Cliquez sur le bouton « Sélectionner » qui apparaît à côté de HTML
• Sélectionnez ici l’option « site Web » au lieu du code d’intégration du flux Instagram.
• Ajoutez l’URL d’aperçu de votre flux et ajustez la largeur et la hauteur de l’affichage de votre flux.
• Appuyez maintenant sur le bouton « Publier » pour rendre votre flux fonctionnel sur votre site Web Wix.

5. Pour le site Web Weebly –

Lorsque vous affichez du contenu Instagram visuellement attrayant sur votre Weebly site Web, vous recevez des avantages marketing visuels étonnants pour votre site Web de commerce électronique.

Ne cherchez pas ailleurs, car nous avons rassemblé quelques étapes simples pour intégrer sans effort une publication Instagram sur votre site Web Weebly.

1. Recherchez l’élément « Code d’intégration » (dans le menu sur le côté gauche de votre écran)
2. Faites glisser et déposez l'élément Code d'intégration sur la page où vous souhaitez joindre les flux d'Instagram au site Web Weebly.
3. Cliquez sur la case HTML et choisissez l’option Modifier le HTML personnalisé.
4. Collez le code d'intégration du flux Instagram à afficher Widget Instagram Site Web Weebly.

6. Pour le site Web Shopify –

Shopify est le site Web idéal pour les entreprises à la recherche d'une plate-forme transparente pour créer un site Web de commerce électronique gratuit afin d'atteindre un public plus large.

Ajouter un flux Instagram sur Shopify magasin pour engager les visiteurs de votre site Web et augmenter les taux de conversion. 

1. Cliquez sur Boutique en ligne dans la section Canaux de vente. Vous verrez une liste déroulante dans la barre latérale ; sélectionnez l'option Thèmes
2. Sur le côté droit de l'écran, vous trouverez un bouton Action sur votre thème actuel
3. Cliquez sur ce bouton Action et choisissez Modifier le code dans la liste déroulante.
4. Sélectionnez la mise en page/les modèles/la section (par exemple : pour la page d'accueil – Index. liquid) dans laquelle vous souhaitez intégrer des profils Instagram ou des flux de pages
5. Collez le code copié de la publication Instagram et cliquez sur Enregistrer. Alors maintenant, votre Widget Instagram Shopify en direct sur votre boutique.

7. Pour les sites Google –

Google Sites simplifie la création de sites web. Il suffit de glisser-déposer le contenu à l'endroit souhaité ; nul besoin de faire appel à un développeur web, un concepteur web ou un autre codeur. Vous pouvez créer des pages web d'équipe, des sites web publics, des centres de projets internes et bien plus encore.

Les marques trouvent cela incroyablement important en raison des nombreux avantages et de la fonctionnalité réactive qui permet aux clients d'accéder au site Google même avec un smartphone.

Voyons maintenant comment vous pouvez intégrer le flux Instagram sur vos sites Google :

1. Après avoir créé votre flux, copiez le code généré. 
2. Ouvrez votre compte Google Site et connectez-vous.
3. Choisissez la page sur laquelle vous souhaitez intégrer votre widget de flux Instagram sur le côté droit. (Supposons que nous puissions choisir la page Contact.)
4. Choisissez l’onglet INSÉRER et l’option > Intégrer sur votre tableau de bord.
5.  Lorsque la boîte contextuelle permettant l’intégration à partir du Web s’affiche, choisissez CODE D’INTÉGRATION, collez le code d’intégration, puis cliquez sur SUIVANT.
6. Le widget sera désormais affiché sous forme d'aperçu sur l'intégration récupérée à partir du formulaire contextuel Web.
7. Cliquez INSERT Bouton pour intégrer les publications Instagram sur la page Web de votre site Google.

8. Pour le site Web Elementor 

Elementor est l'outil idéal pour les entreprises à la recherche d'une plateforme intuitive pour créer facilement un site Web époustouflant et améliorer leur présence en ligne sans codage.

1. Connectez-vous à votre compte administrateur WordPress
2. Sélectionnez les pages sur lesquelles vous souhaitez ajouter le flux Instagram
3. Cliquez sur « Modifier avec Elementor »
4. Faites glisser et déposez l'élément HTML dans la section souhaitée de votre page Web où vous souhaitez intégrer votre flux Instagram.
5. Collez le code et cliquez sur METTRE À JOUR.

Ouvrez maintenant votre site Web et profitez de l'intégration Widget Instagram sur votre Elementor en ligne.

9. Pour le site Web Webflow 

Webflow est la solution idéale pour les entreprises souhaitant concevoir un site Web professionnel avec un contrôle créatif complet, offrant une plate-forme intuitive qui combine la conception, le développement et l'hébergement en un seul endroit.

1. Connectez-vous à votre compte administrateur Webflow et sélectionnez votre projet
2. Cliquez sur « Ajouter des éléments » dans le menu de gauche.
3. Faites glisser et déposez l’élément « Intégrer » dans la section souhaitée de votre page Web.
4. Une fenêtre contextuelle avec l'éditeur de code HTML intégré apparaîtra, collez le code et cliquez sur Enregistrer et fermer.
5. Cliquez sur Publier et sélectionnez Publier sur les domaines sélectionnés.

Ouvrez maintenant votre site Web et profitez du widget Instagram intégré sur votre site Webflow.

10. Pour le site Web Blogger 

Blogger est une excellente plateforme pour les particuliers et les entreprises souhaitant créer facilement un blog. Son interface simple et conviviale permet de partager des idées et d'atteindre un public plus large.

1. Connectez-vous à votre compte Blogger. 
2. Sélectionnez les pages sur lesquelles vous souhaitez ajouter le flux Instagram.
3. Ouvrez l'éditeur de code HTML et collez le code copié dans la section des balises body.
4. Cliquez maintenant sur PUBLIER. 

Félicitations ! Vous avez intégré avec succès le Widget Instagram sur le Blogger en ligne.

11. Pour le site Web Bigcommerce 

BigCommerce est la plateforme idéale pour les entreprises souhaitant développer leur boutique en ligne. Elle offre des fonctionnalités robustes et une flexibilité optimale pour créer une expérience e-commerce fluide et toucher un public international.

1. Connectez-vous à votre tableau de bord BigCommerce et accédez à la « Vitrine ».
2. Sélectionnez maintenant les « Pages Web » pour intégrer le code des flux Instagram dans votre boutique.
3. Après avoir sélectionné « Page Web », vous serez redirigé vers toutes vos pages.
4. Sélectionnez « Créer une page Web » et remplissez tous les détails requis.
5. Après avoir rempli tous les détails, faites défiler vers le bas et cliquez sur « Enregistrer et quitter »

Vous avez intégré avec succès le widget Instagram sur votre boutique BigCommerce.

12. Pour le site Web Majento

Magento est une plateforme e-commerce puissante et polyvalente, conçue pour les entreprises en quête de personnalisation et d'évolutivité avancées. Grâce à sa large gamme de fonctionnalités et à sa flexibilité, Magento permet aux entreprises de créer des expériences d'achat en ligne sur mesure et d'évoluer efficacement pour répondre aux exigences d'un marché mondial.

1. Connectez-vous à votre compte Magento Commerce (alias Adobe Commerce)
2. Accédez à la page Web sur laquelle vous souhaitez afficher le flux Instagram.
3. Sélectionnez « HTML » et collez le code copié.

Et voilà ! Vous avez enfin ajouté un flux Instagram à votre site web Magento.

13. Pour le site Web PrestaShop

PrestaShop est une plateforme e-commerce intuitive et riche en fonctionnalités, idéale pour les entreprises souhaitant créer une boutique en ligne professionnelle. Grâce à son open source et à ses nombreuses options de personnalisation, PrestaShop permet aux entreprises de créer une expérience d'achat unique tout en s'adaptant harmonieusement à l'écosystème e-commerce mondial.

1. Maintenant, connectez-vous au panneau d’administration de votre site Web PrestaShop et créez ou modifiez une page.
2. Collez le code d’intégration à l’endroit où vous souhaitez que le widget de flux Instagram apparaisse.
3. Enregistrez et rechargez la page.

Et voilà ! Vous avez enfin ajouté un flux Instagram à votre site PrestaShop.

Intégrer le flux Instagram sur le site Web à l'aide d'Instagram (méthode manuelle)

Cela peut vous surprendre, mais Instagram propose à ses utilisateurs d'intégrer leur flux Instagram sur leur site Web. Pour cela, assurez-vous d'avoir un compte ouvert et assurez-vous que vos paramètres d'intégration sont également activés.

La seule limitation est que vous ne pouvez intégrer qu'une seule publication à la fois, contrairement à d'autres outils d'intégration qui vous permettent d'intégrer une galerie visuelle Instagram entière à votre site Web.

Donc, si vous souhaitez intégrer une publication Instagram sur votre site Web à l'aide d'un code iframe, suivez ces étapes simples en toute simplicité :

• Open Instagram.com sur le navigateur
• Accédez au flux Instagram que vous souhaitez intégrer sur votre site Web
• Cliquez sur les trois points (…) dans le coin supérieur droit de l'article
• Cliquez sur l'option Intégrer pour générer le code d'intégration HTML
• Copiez et collez le code d'intégration du flux Instagram iframe dans l'éditeur de la page Web sur laquelle vous souhaitez afficher le flux Instagram

Par exemple, pour intégrer des vidéos Instagram, photos sur la page WordPress, ajoutez le bloc « HTML personnalisé » et collez le code d'intégration. C'est tout !

Les options d'intégration d'Instagram sont limitées. Vous ne pouvez insérer qu'une seule publication à la fois. L'application ne propose pas de fonctionnalités uniques telles que la personnalisation, la modération de contenu, l'analyse des performances, les mises à jour de contenu en temps réel, la conception interactive, etc., pour s'adapter à la mise en page du site web. C'est pourquoi un outil Instagram comme Tagbox entre en jeu. Avec de nombreuses personnalisations, des mises à jour de nouvelles publications en temps réel, un outil sans codage, la collecte de différents types de publications en un seul clic, et bien plus encore.

Avantages de l'intégration du flux Instagram sur votre site Web :

Il existe plusieurs avantages pour lesquels vous devriez intégrer un flux Instagram sur votre site Web. Examinons-en quelques-uns :

1. Engagement amélioré

Lorsque vous intégrez un flux Instagram sur votre site Web, vous y ajoutez du contenu actualisé et en temps réel. Ce contenu attrayant encourage les visiteurs du site à passer plus de temps sur votre site Web, réduisant ainsi le taux de rebond.

De plus, lorsque vous ajoutez du contenu Instagram attrayant à votre site Web, vous ne présentez pas seulement le côté statique de votre site Web. Au lieu de cela, les visiteurs verront les mises à jour en direct, regarderont les bobines et parcourront votre flux Instagram sur votre site. Dans l'ensemble, cela entraînera plus d'engagement et de visibilité sur votre site Web.

2. Augmentation de la confiance dans la marque

Mettre en valeur contenu généré par l'utilisateur sur votre site Web vous permet de gagner la confiance des visiteurs en intégrant un flux Instagram et en créant une preuve sociale. Cela aide votre marque à attirer de nombreux visiteurs et à développer considérablement votre activité. L'affichage de témoignages et d'avis de clients satisfaits influence les autres à prendre des décisions d'achat. Cela valide la crédibilité de votre marque et montre que de nombreux utilisateurs font confiance à votre marque. De plus, l'intégration d'un flux Instagram vous aide à établir votre communauté sociale et à générer davantage de contenu généré par les utilisateurs.

3. Esthétique améliorée

De nombreux agrégateurs de médias sociaux de premier plan, comme Tagbox, proposent des thèmes et des mises en page attrayants pour votre flux Instagram. Vous pouvez facilement l'adapter à la conception de votre site Web, ce qui améliore l'esthétique de votre site Web. Il est important de faire correspondre votre flux à l'esthétique générale du site Web, car les premières impressions sont à 94 % liées à la conception. Par conséquent, l'intégration d'un Widget Instagram dans votre site Web embellira et animera votre site Web axé sur le texte.

De telles intégrations contribueront à promouvoir votre créativité sur les réseaux sociaux auprès de nouveaux publics et à maintenir la conception de votre site Web. De plus, lorsque les utilisateurs visitent votre site Web pour la première fois, ils peuvent être redirigés vers votre compte Instagram, ce qui améliore votre visibilité globale.

4. Portée plus large

L'avantage le plus évident, mais souvent négligé, de l'intégration d'un flux Instagram à votre site web est la portée accrue de votre contenu. Plus les visiteurs consultent votre site web, plus ils accèdent à votre page Instagram, et inversement. Votre site web propose différents points de contact pour mettre en avant votre flux engageant et accroître votre portée. Votre page d'accueil est peut-être l'endroit le plus recommandé pour afficher votre flux, mais les pages produits sont également conseillées. Pourquoi ? Ce sont les endroits que vos utilisateurs sont les plus susceptibles de visiter pour forger leur perception de votre marque. Cela les incitera même à en savoir plus sur votre marque, augmentant ainsi leurs chances de conversion.

5. Améliorer l'interface utilisateur et l'expérience utilisateur

Chaque fois que des utilisateurs potentiels visitent votre site web, ils sont automatiquement attirés par vos visuels esthétiques et votre fil d'actualité dynamique. Cela améliore leur expérience utilisateur, renforce leur impact et renforce leur engagement. Le contenu et les images de haute qualité d'Instagram améliorent l'apparence de votre site web et le rendent pertinent pour vos utilisateurs. 

À vous de jouer

Instagram est sans aucun doute un excellent outil marketing : de l'audience pour booster vos ventes au contenu généré par les utilisateurs pour établir des relations de confiance, vous avez tout ici. Comme cette plateforme est en constante évolution, votre entreprise doit s'adapter rapidement à ces changements. De cette façon, vous pouvez améliorer l'expérience de vos clients sur le site Web de manière plus efficace.

En intégrant votre flux Instagram sur votre site Web, vous pouvez augmenter les conversions en rendant votre marque crédible. Avec Tagbox, vous pouvez intégrer plusieurs flux sur une seule page avec des téléchargements rapides et même suivre les performances en termes d'engagement et de ventes.