Site icon EmbedSocial

Comment intégrer des bobines Instagram sur votre site web en 2025 ?

Steps to embed Instagram Reels on website

Si vous souhaitez intégrer des vidéos Instagram sur votre site web - ces vidéos courtes et attrayantes qui prennent d'assaut la plateforme - vous avez besoin des bons outils pour le faire !

Bien qu'Instagram propose un moyen d'intégrer manuellement des bobines individuelles, il est préférable d'intégrer des exemples de bobines Instagram via une plateforme tierce telle que EmbedSocial.

Et croyez-moi, vous voudrez ajouter ces vidéos interactives à votre site, car elles enrichissent vos pages et votre contenu. atteindre des dizaines de milliers de personnes qui vous suivent dans les médias sociaux.

Que vous soyez une marque, un créateur ou une agence, la mise en valeur des bobines sur votre site vous permet de rester pertinent et d'accroître votre visibilité, en particulier auprès du jeune public.

Intégrons Instagram Reel sur notre site web pour lui donner un aspect frais et dynamique !

Pour information : Vous pouvez intégrer le widget Instagram Reels automatiquement avec un agrégateur de médias sociaux et UGC plateforme. Lancez un essai gratuit pour afficher vos widgets de médias sociaux dès maintenant. 

Embarquer Bobines Instagram automatiquement sur votre site web !

Générez tous vos posts Instagram et intégrez des bobines, des flux et des histoires Instagram sur votre site web, automatiquement.

Démarrer l'essai gratuit de 7 jours

Comment intégrer manuellement des bobines Instagram sur un site web [une à la fois] ?

La version native d'Instagram Option "Embed" (intégrer) est assez limité lorsqu'il s'agit d'intégrer du contenu Instagram sur votre site web, et ce pour plusieurs raisons :

Cela dit, voici les étapes à suivre pour ajouter manuellement des bobines Instagram sur un site web :

  1. Connectez-vous à Instagram via un navigateur web
  2. Trouvez le Reel que vous souhaitez intégrer à votre site web
  3. Appuyez sur l'icône à trois points en bas à droite.
  4. Appuyez sur "Embed" → "Copy embed code" (copier le code d'intégration)
  5. Ouvrez votre plateforme de création de site web et collez le code

Une fois que vous avez intégré des posts vidéo Instagram, voici à quoi ils ressemblent :

Comment intégrer automatiquement des bobines sur un site web ? [Meilleure méthode]

Au lieu d'être limité par la méthode ci-dessus, vous pouvez faire appel à un tiers. agrégateur de médias sociaux comme EmbedSocial pour créer des Widgets Instagram Reels que mise à jour automatique et sont superbes sur n'importe quel site web de WordPress à Shopify.

Ce processus d'incorporation Instagram Reel via EmbedSocial comprend quelques étapes :

  1. Créez votre compte EmbedSocial
  2. Connectez votre compte Instagram
  3. Créez votre widget Instagram Reels
  4. Filtrez votre widget pour afficher uniquement les bobines Instagram
  5. Copiez et collez le code sur votre site web

Étape 1 : Créez votre compte EmbedSocial

Tout d'abord, vous devez créer un compte EmbedSocial et se connecter.

Étape 2 : Connectez votre compte Instagram

Ensuite, vous devez connecter votre source Instagram Reels. Vous pouvez choisir entre différents types de contenu, chacun pouvant contenir du contenu Reel :

Remarque : EmbedSocial vous permet de combiner plusieurs sources en un seul widget.

Étape 3 : Créez votre widget Instagram Reels

C'est la partie la plus amusante : vous pouvez choisissez votre modèle de widget et en outre le personnaliser pour l'adapter à votre site web exactement en termes de couleurs, de taille et de forme :

Étape 4 : Filtrez votre widget pour afficher uniquement les bobines Instagram

Selon la source que vous utilisez, vous devrez peut-être modérer votre widget Instagram Reels pour qu'il n'affiche que les vidéos, ce que vous pouvez facilement faire via l'option Onglet "Modération:

Étape 5 : Copiez et collez le code sur votre site web

Enfin, vous devez copier le code de votre widget incorporable, ouvrir votre CMS, placer un élément HTML vide, et finaliser le collage du code d'incorporation :

Voilà, c'est fait ! Vous disposez désormais d'un widget en direct sur votre site web et, surtout, vos bobines Instagram sont automatiquement mises à jour lorsque vous ajoutez du nouveau contenu sur vos réseaux sociaux.

Pourquoi utiliser EmbedSocial pour intégrer votre contenu Instagram ?

EmbedSocial est un Plate-forme complète d'UGC qui peut agréger toutes sortes de contenus de médias sociaux, en plus d'Instagram Reels, car il dispose d'une connexion API directe à toutes les plateformes populaires, telles que Facebook, Instagram, TikTok, Threads, YouTube, et bien plus encore.

Une fois que vous avez créé votre compte, vous avez accès à toutes sortes de fonctionnalités :

Cela vous semble beaucoup ? Eh bien, il y en a plus ! Vous pouvez essayer le widget d'EmbedSocial gratuitement pendant sept jours. Il vous suffit de vous inscrire !

De même, si vous ne prévoyez que de intégrer un flux Instagram gratuitementvous pouvez essayer notre version gratuite, qui vous permet de connecter votre Instagram business compte.

Pour information : Vous pouvez intégrer le widget Instagram Reels automatiquement avec un agrégateur de médias sociaux et Plate-forme UGC. Lancez un essai gratuit pour afficher vos widgets de médias sociaux dès maintenant. 

Embarquer Bobines Instagram automatiquement sur votre site web !

Générez tous vos posts Instagram et intégrez des bobines, des flux et des histoires Instagram sur votre site web, automatiquement.

Démarrer l'essai gratuit de 7 jours

Comment finaliser l'intégration de vos bobines Instagram sur différents constructeurs de sites web ?

Si vous souhaitez ajouter des bobines Instagram à des pages web, la procédure peut varier légèrement en fonction de votre constructeur de site web. Voici comment procéder avec les options les plus courantes :

Comment intégrer des bobines Instagram dans WordPress ?

Étapes à suivre pour intégrer les bobines Instagram dans WordPress

Avant de commencer, veuillez noter que vous pouvez intégrer les bobines 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 une bobine Instagram : une Code JavaScript pour une intégration directe à l'intérieur des articles WordPress et un plugin pour intégrer des bobines Instagram avec un shortcode. Voici les instructions pour les deux méthodes :

Option 1 : Plugin Instagram Reels

EmbedSocial fournit un plugin WordPress gratuit pour les flux Instagram dans le cadre de la agrégateur de médias sociauxet il fonctionne pour tous les thèmes 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.

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 : Moulinets Instagram JavaScript

Cette option est généralement recommandée pour des ajouts ponctuels, comme l'affichage d'un Widget Instagram dans la barre latérale du site. 

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 les bobines 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:

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 :

Comment afficher un flux Instagram Reels sur un site web Wix ?

Étapes pour afficher un flux Instagram sur un site web 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 :

3. Une fois que le bloc iFrame apparaît, cliquez sur l'icône en haut à gauche de l'écran. 'Entrer le code' bouton :

4. Collez le code du widget que vous avez copié dans l'éditeur de widget et cliquez sur '.Mise à jour' :

5. Redimensionnez le bloc iFrame pour qu'il s'adapte au widget et cliquez sur Publier" :

Comment intégrer les moulinets 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.

C'est tout. Vous pouvez simplement définir le Widget de flux Instagram et oubliez-la, car elle se mettra automatiquement à jour chaque fois que vous publierez un message sur Instagram.

Voici une démonstration du flux Instagram dans HubSpot.

Comment intégrer des bobines Instagram dans Notion ?

Marche à suivre pour intégrer un 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:

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 :

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

Comment afficher vos Reels 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:

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

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

Comment intégrer des bobines Instagram dans le code HTML d'un site web ? 

É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 du flux Instagram 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.
Comment intégrer des bobines Instagram dans Pagecloud ?

L'intégration d'un widget de flux Instagram dans Pagecloud est tout aussi simple :

  1. Essai gratuit pour EmbedSocial et connectez votre compte Instagram.
  2. Choisissez un type de flux Instagram (hashtag, mentions, compte).
  3. Modérez ou personnalisez votre widget Instagram.
  4. Copiez le code du widget à partir de l'onglet "Embed".
  5. Connectez-vous à Pagecloud et cliquez sur la page que vous souhaitez intégrer. 
  6. Dans la vue d'édition, cliquez sur l'espace vide à l'endroit où vous souhaitez que le flux apparaisse.
  7. Collez le code de votre widget de flux Instagram EmbedSocial.
  8. Cliquez sur "Publier" et tapez l'URL de votre site.

Vous pouvez personnaliser l'aspect et la convivialité du widget à tout moment via l'éditeur EmbedSocial en modifiant la mise en page, les couleurs, les en-têtes, etc.

Voir le tutoriel complet →

Comment intégrer vos bobines Instagram sur un site web Weebly ?

Rafraîchir votre site Weebly avec un widget Instagram captivant est facile :

  1. Essai gratuit pour EmbedSocial et connectez votre compte Instagram.
  2. Sélectionnez un type de flux Instagram (hashtags, mentions ou compte).
  3. Personnalisez ou modérez votre flux Instagram.
  4. Une fois cela fait, copiez le code HTML du widget (coin supérieur gauche).
  5. Une fois que vous avez le code, connectez-vous à votre site web Weebly.
  6. Sélectionnez l'option Site web dans le menu et cliquez sur "Modifier le site web".
  7. Appuyez sur l'option "Code d'intégration" et faites glisser le widget à l'endroit où vous souhaitez qu'il apparaisse.
  8. Naviguez jusqu'au champ "Cliquez pour ajouter un code HTML personnalisé" et collez-y le code.

Et voilà ! Une fois que vous avez affiché votre widget de flux Instagram sur votre site Weebly, vous transformez son apparence pour commencer à capter l'attention de tous les visiteurs de votre site web.

Voir le tutoriel complet →

Intégration de la bobine Instagram : Démonstration en direct

Une fois intégré via EmbedSocial, c'est ainsi que votre Bobines Instagram peut regarder :

Qu'est-ce qu'une bobine Instagram et pourquoi l'intégrer à votre site web ?

Les bobines Instagram sont vidéos verticales de courte durée conçues pour capter l'attention en quelques secondes - et elles sont rapidement devenues l'un des formats les plus puissants d'Instagram.

Définition de "Instagram Reels

En raison de leur nature, lorsque vous intégrez des widgets Instagram Reel sur votre site web, vous ne vous contentez pas d'ajouter une vidéo, vous débloquez toute une série d'avantages :

Comme vous pouvez le constater, lorsque vous ajoutez des bobines Instagram à votre contenu web, vous transformez vos pages statiques en expériences dynamiques qui arrêtent le défilement.

De plus, l'intégration des bobines Instagram UGC devrait également augmenter votre audience sur les médias sociaux, car vos visiteurs peuvent naviguer jusqu'à votre page.

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'une balise agré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.

Créer les meilleurs widgets de bobines Instagram : 5 bonnes pratiques

Les bobines Instagram d'EmbedSocial dynamisent instantanément votre site web lorsqu'elles sont intégrées avec intention. Voici des conseils avisés pour tirer le meilleur parti de vos Widgets Instagram Reels:

1. Donner la priorité à la réactivité mobile

La plupart des utilisateurs font défiler le contenu sur leur téléphone, c'est pourquoi votre widget Instagram Reels doit être parfait sur tous les écrans.

Assurez-vous que la mise en page est adaptée, que le ratio vidéo tient la route et que les bobines ne perturbent pas l'expérience de l'utilisateur sur mobile.

📌 Exemple : Un détaillant de mode a intégré un widget Reels optimisé pour les mobiles qui a augmenté les conversions de 22% sur les appareils mobiles.

2. Utiliser les fonctions de modération pour filtrer votre contenu

Votre site web représente votre marque ; ne présentez donc pas chaque bobine par défaut.

Utilisez un outil qui vous permet d'approuver manuellement les bobines Instagram ou de les filtrer par hashtag ou par type de contenu, afin que le flux des bobines Instagram reste propre et conforme à la marque.

📌 Exemple : Un blog de voyage a filtré ses Reels Instagram pour n'afficher que les vidéos avec le hashtag #NomadViews, tout en conservant un flux très ciblé.

3. Combiner les bobines avec d'autres contenus Instagram

Pour ajouter de la profondeur, mélangez vos bobines Instagram avec des posts d'images, des histoires et des mentions d'utilisateurs.

Cela permet non seulement de diversifier votre contenu, mais aussi de donner à votre public plus de raisons de s'intéresser à votre site.

📌 Exemple : Une marque de commerce électronique a combiné des bobines avec des photos publiées par les utilisateurs pour créer un climat de confiance et mettre en évidence l'authenticité des produits.

4. Placer le widget là où c'est important

L'endroit où vous intégrez les widgets Instagram Reel sur votre site peut avoir un impact sur la façon dont les utilisateurs interagissent avec eux.

Essayez toujours de placer le widget au-dessus du pli ou sur des pages à fort trafic, comme votre page d'accueil ou vos pages de produits.

📌 Exemple : Une société de soins de la peau a ajouté ses bobines Instagram à la section héros de la page d'accueil et a constaté une augmentation de 35% de l'engagement.

5. Assortir la conception de votre site web

En personnalisant votre widget, vous lui donnez l'impression de faire partie intégrante de votre site, et non d'être un ajout.

Ajustez la police, les couleurs, l'espacement et la mise en page pour refléter l'identité visuelle de votre marque et garantir une expérience utilisateur transparente.

📌 Exemple : Un blogueur culinaire a utilisé des tons terreux dans la conception de son widget pour l'aligner parfaitement sur l'aspect et la convivialité de son site de recettes.

Conclusion : Donnez vie à votre site web grâce aux widgets Reels !

Les bobines Instagram ne sont pas seulement pour Instagram - elles ont aussi leur place sur votre site web !

Après tout, lorsque vous intégrez des bobines Instagram, vous rendez instantanément les pages de votre site web plus dynamiques, plus attrayantes et plus convaincantes sur le plan visuel.

Que vous présentiez des produits, commentaires des clientsQu'il s'agisse d'un contenu sur le terrain ou en coulisses, les bobines permettent à votre marque de rester fraîche et pertinente.

Avec le bon widget et quelques bonnes pratiques, vous pouvez ajouter des bobines Instagram à des pages web en quelques minutes - pas de codage, pas de stress.

L'une de ces options est EmbedSocialIl vous permet de collecter vos bobines Instagram, de les modérer et d'ajouter des bobines Instagram à des pages d'atterrissage ou de blog en quelques minutes !

Commencez donc dès aujourd'hui à intégrer des bobines pour transformer des visites passives en interactions significatives.

Pour information : Vous pouvez intégrer le widget Instagram Reels automatiquement avec un agrégateur de médias sociaux et UGC. Lancez un essai gratuit pour afficher vos widgets de médias sociaux dès maintenant. 

Embarquer Bobines Instagram automatiquement sur votre site web !

Générez tous vos posts Instagram et intégrez des bobines, des flux et des histoires Instagram sur votre site web, automatiquement.

Démarrer l'essai gratuit de 7 jours

FAQ sur l'intégration des bobines Instagram

Puis-je intégrer une vidéo provenant d'Instagram ?

Oui, Instagram vous permet d'intégrer des vidéos directement à partir de n'importe quel profil public. Il vous suffit d'accéder à Instagram via un navigateur de bureau, de trouver le Reel que vous souhaitez intégrer et de cliquer sur le menu à trois points sur le message, sélectionnez "Embed" (intégrer)et copiez et collez le code sur votre site web.

Est-il légal d'intégrer des posts Instagram ?

L'intégration de posts Instagram est généralement autorisée tant que le contenu est public et n'est pas modifié. Il est toutefois conseillé de mentionner le nom du créateur original et de consulter les conditions d'utilisation d'Instagram.

Pouvez-vous intégrer le flux Instagram sur un site web ?

Oui, vous pouvez intégrer votre flux Instagram sur un site web à l'aide d'un agrégateur de médias sociaux ou les outils d'intégration d'Instagram pour afficher les posts de Reels, les posts de Feed et les mentions en temps réel.

Comment intégrer des bobines Instagram dans une iFrame ?

Instagram n'offre pas de prise en charge directe des iFrames pour les bobines, mais vous pouvez utiliser le code d'intégration standard, qui fonctionne de la même manière. Il suffit de le coller à l'endroit où le contenu de votre iFrame serait placé.

Pouvez-vous intégrer Instagram Reels dans WordPress ?

Oui, vous pouvez Intégrer des bobines et des flux Instagram dans WordPress via un service comme EmbedSocial en collant le code d'intégration du widget dans un bloc HTML personnalisé.

Quitter la version mobile