--- title: "Guide étape par étape pour intégrer les bobines Facebook sur le site web" date: 2024-08-31 canonical_id: embed-facebook-reels-on-website author: "osogovo" category: - blog - facebook - social-media-feeds - widgets - wordpress locale_slug: "integrer-bobines-facebook-site-web" summary: "Générez et intégrez les bobines Facebook sur votre site web pour un meilleur engagement, des mises à jour en direct et plus de ventes." draft: false seo: title: "Intégrer les bobines Facebook sur votre site web" description: "Guide complet pour intégrer les bobines Facebook. Améliorez l'engagement, les mises à jour en direct et générez plus de ventes avec ce tutoriel." structured_data: article --- Facebook Reels gagne en nombre de suivi, et les utilisateurs ont adopté le format pour publier du contenu quotidien. Les marques participent également à cette tendance, principalement en raison de sa nature interactive sur mobile. Pour cette raison, créer ce contenu, qui disparaît après 24 heures, nécessite une nouvelle façon de rester vivant et d'être réutilisé. Une façon de le faire est de synchroniser les bobines Facebook publiées sur votre site web, comme vous pouvez le faire avec d'autres [flux de médias sociaux](/blog/new-social-media-feeds/). Lisez ci-dessous comment faire cela avec EmbedSocial. ## Avantages de l'intégration des bobines Facebook Au cas où vous vous demanderiez pourquoi vous devez intégrer vos bobines Facebook, voici quelques avantages: - Réutilisez le contenu et économisez du temps pour l'afficher sur votre site web - Augmentez la portée de vos bobines Facebook au-delà de votre page Facebook - Attirez les visiteurs du site web pour commencer à suivre votre page Facebook - Créez un meilleur engagement sur votre site web et aidez les gens à établir la confiance - Cela peut également aider à augmenter le trafic du site web en le faisant indexer dans les résultats de recherche Google Au cas où vous souhaiteriez réaliser certains ou tous les avantages ci-dessus, consultez les étapes ci-dessous sur la façon d'afficher facilement les bobines Facebook sur votre site web sans aucune compétence en codage requise. ## Guide étape par étape pour l'intégration des bobines Facebook Voici les étapes pour afficher les bobines Facebook sur votre site web: 1. [S'inscrire](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) pour le widget des bobines Facebook 2. Dans **Sources**, choisissez **Facebook** et fournissez les permissions d'accès à votre contenu Facebook ![Sélectionnez Facebook comme source pour intégrer les bobines Facebook](https://embedsocial.com/wp-content/uploads/2024/08/select-facebook-as-source-to-embed-facebook-reels.jpg) 3. Ensuite, choisissez la page Facebook à partir de laquelle vous souhaitez générer les bobines Facebook; ![Sélectionnez la page Facebook à partir de laquelle générer les bobines Facebook](https://embedsocial.com/wp-content/uploads/2024/08/choose-facebook-page-to-embed-reels.jpg) 4. Choisissez un modèle ou un style de widget des bobines Facebook. 5. Créez le widget, et une fois prêt à intégrer, cliquez sur **Intégrer** pour copier le code intégrable. ![Copiez le code pour intégrer le widget des bobines Facebook](https://embedsocial.com/wp-content/uploads/2024/08/embed-code-for-facebook-reels-widget.jpg) 6. Ensuite, et enfin, accédez au code de votre site web et collez le code du widget où vous souhaitez l'afficher. Veuillez noter que si vous choisissez le style popup, vous pouvez ajouter le code dans le pied de page de votre site web dans les balises . Il s'affichera sur l'ensemble de votre site web sous la forme d'une fenêtre contextuelle flottante en bas du site web. ## Intégration des bobines Facebook sur n'importe quelle page web ou constructeur de site web Comme mentionné ci-dessus, pour intégrer les bobines Facebook sur votre site web, il vous suffit de coller le code d'intégration dans la page web où vous souhaitez l'afficher. Cela fonctionne pour la plupart des constructeurs de sites web ou des plates-formes de commerce électronique. Ci-dessous, nous décrivons les étapes exactes pour intégrer le code de chaque plateforme. Comment intégrer les bobines Facebook dans WordPress ### Étapes pour intégrer les bobines Facebook dans WordPress Avant de commencer, veuillez noter que vous pouvez intégrer les bobines Facebook en utilisant la plateforme EmbedSocial avec ou sans plugin WordPress. Il s'intègre directement à l'API Instagram, vous n'aurez donc pas besoin de configurer votre ID utilisateur ou de mettre à jour les jetons d'accès. Vous devrez simplement cliquer sur un bouton et donner votre permission à notre plateforme pour synchroniser vos publications sur votre site web WordPress. EmbedSocial propose deux options pour intégrer les bobines Facebook: un **code JavaScript pour intégration directe** dans les messages WordPress et un **plugin pour intégrer les bobines Facebook avec un shortcode**. Voici les instructions pour les deux méthodes: #### **Option 1:** Plugin des bobines Facebook ![plugin de flux instagram pour wordpress](https://embedsocial.com/wp-content/uploads/2018/04/instagram-feed-plugin-for-wordpress.jpg) EmbedSocial fournit un [plugin WordPress gratuit des bobines Facebook](https://wordpress.org/plugins/embedalbum-pro/) dans le cadre de l'agrégateur de médias sociaux, et il fonctionne pour n'importe quel thème WordPress. Avec les [bobines Facebook pour WordPress,](/instagram-widget/wordpress/) vous pouvez créer un flux vidéo complet avec vos vidéos Facebook. Avant de commencer, vous devrez d'abord connecter votre compte Facebook. Ensuite, suivez ces étapes pour activer le plugin Facebook sur votre site web WordPress: 1. Ouvrez votre admin WordPress et accédez à **Plugins**; 2. Dans la recherche, tapez EmbedSocial, et dans les résultats de la recherche, cliquez pour l'installer; 3. Une fois installé, dans la liste des plugins, cliquez sur **Activer**; 4. Maintenant, ouvrez votre page WordPress où vous souhaitez afficher le flux; 5. Cliquez sur le bouton **+** pour ajouter un bloc, choisissez un bloc HTML personnalisé (ou utilisez un bloc de shortcode); 6. Collez le code HTML fourni; 7. Cliquez sur **« Enregistrer »/« Publier »** sur cette page. ![Étapes pour intégrer du HTML dans WordPress](https://embedsocial.com/wp-content/uploads/2020/09/embed-social-media-widget-code-in-wordpress.jpg) C'est tout. Une fois que vous ouvrez le front-end de votre site web WordPress, vous verrez les dernières publications Instagram sur votre site web. EmbedSocial vous aidera à choisir la mise en page, plusieurs colonnes, un bouton de suivi, et même à inclure les publications de votre flux Facebook, flux Instagram ou flux TikTok dans un widget de médias sociaux. #### **Option 2:** Intégrer les bobines Facebook avec JavaScript Cette option est généralement recommandée pour les intégrations ponctuelles, comme afficher un widget des bobines Facebook dans la barre latérale du site web. Pour ce faire, vous devez obtenir le code de votre compte EmbedSocial et coller le code dans la zone des widgets où se trouve votre barre latérale. #### Lire la suite: - [Tutoriel détaillé: Comment intégrer le flux Facebook dans WordPress](/instagram-widget/wix/) Comment afficher les bobines Facebook sur le site web Shopify ### Étapes pour afficher le flux Instagram dans Shopify Il existe plusieurs options lors de l'intégration d'un widget des bobines Facebook 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, accédez à **Magasin** \> **Options** \> **Pages**, et ouvrez la page en question; 2\. Dans l'éditeur de pages Shopify, cliquez sur l'**icône de code en haut à droite**: ![intégrer instagram dans shopify](https://embedsocial.com/wp-content/uploads/2018/05/embed-instagram-shopify.png) 3\. Cliquez sur l'**icône HTML/code** (coin supérieur droit) et collez le code fourni; 4\. Enfin, cliquez sur **« Enregistrer »,** et le flux des bobines Facebook apparaîtra sur la page sélectionnée: ![coller le code dans Shopify](https://embedsocial.com/wp-content/uploads/2018/05/paste-html-code-shopify.png) #### Lire la suite: - [Tutoriel détaillé: Comment intégrer le flux Instagram dans Shopify](/instagram-widget/shopify/) Comment afficher un flux de bobines Facebook sur un site web Wix ### Étapes pour afficher un flux de bobines Facebook sur un site web Wix Suivez les étapes ci-dessous pour intégrer les bobines Facebook 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 pour ajouter un nouveau bloc, et dans la popup, choisissez le bloc **iFrame**: ![Sélectionnez le bloc iframe dans Wix](https://embedsocial.com/wp-content/uploads/2018/04/add-iframe-block-in-wix.jpg) 3\. Une fois que le bloc iFrame apparaît, cliquez sur le **bouton « Entrer le code »** en haut à gauche: ![cliquez pour ajouter du code dans le bloc iframe dans wix](https://embedsocial.com/wp-content/uploads/2018/04/embed-instagram-feed-code-in-wix.jpg) 4\. Collez le code du widget que vous avez copié à partir de l'éditeur de widget et cliquez sur **« Mettre à jour »**: ![ajouter le code du widget de flux Instagram dans Wix](https://embedsocial.com/wp-content/uploads/2018/04/add-instagram-feed-code-in-wix.jpg) 5\. Redimensionnez le bloc iFrame pour l'adapter au widget et cliquez sur **« Publier »:** ![redimensionner et publier la page Wix avec le widget de flux Instagram](https://embedsocial.com/wp-content/uploads/2018/04/publish-wix-website-with-instagram-feed.jpg) Comment intégrer les bobines Facebook dans HubSpot ### Étapes pour intégrer les bobines Facebook dans HubSpot Le constructeur de site web de HubSpot est une plateforme très populaire pour construire des pages de destination parmi les utilisateurs sans compétences techniques spécifiques. Pour intégrer votre flux Instagram dans HubSpot CMS Hub, suivez ces étapes: 1. Connectez-vous à votre compte HubSpot; 2. **Cliquez sur Marketing** dans le menu supérieur et cliquez sur **Pages de destination**; 3. Cliquez sur l'édition de la page où vous souhaitez que le flux Instagram apparaisse; 4. Dans l'éditeur de pages de destination, cliquez sur le menu supérieur **Fichier** et sélectionnez **Paramètres de la page**; 5. Ici, choisissez **Avancé** et naviguez vers la zone de texte **Pied de page**; 6. Collez le code du widget; 7. Cliquez sur **Enregistrer** ou **Publier**. ![étapes pour intégrer le flux Instagram dans le site web Hubspot](https://embedsocial.com/wp-content/uploads/2018/04/embed-instagram-feed-in-hubspot.jpg) C'est tout. Vous pouvez simplement configurer le widget des bobines Facebook et l'oublier, car il se mettra à jour automatiquement chaque fois que vous publierez sur votre page Facebook. Comment intégrer le flux de bobines Facebook dans Notion ### Étapes pour intégrer les bobines Facebook dans Notion Utilisez-vous Notion pour construire des pages de destination? 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 pouvez obtenir une fois que vous ouvrez l'éditeur de widget et cliquez sur le bouton **« Code iFrame »** sous l'onglet **« Intégrer »**. Quand vous voyez la popup, cliquez simplement sur « URL » (troisième de la liste) et appuyez sur **« Copier l'URL »**: ![URL du flux Instagram](https://embedsocial.com/wp-content/uploads/2018/04/reviews-widget-url-copy.jpg) Pour intégrer les bobines Facebook dans votre page Notion, suivez ces étapes: 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 **Intégrer**; 3. Cliquez sur l'onglet **Lien d'intégreur**, et dans l'onglet URL, collez l'URL du widget: ![intégrer le flux Instagram dans le lien intégrer de Notion](https://embedsocial.com/wp-content/uploads/2018/04/embed-reviews-in-notion.jpg) Comment afficher votre flux Instagram dans Squarespace ### Étapes pour afficher votre flux Instagram dans Squarespace Le code fourni par le widget des bobines Facebook fonctionne également dans Squarespace. Tout d'abord, accédez à votre compte Squarespace, et à partir de la page d'accueil, accédez au site web où vous souhaitez afficher le widget: Maintenant, suivez ces étapes pour coller le code intégrable de votre widget des bobines Facebook: 1\. Accédez à la section de la page où vous souhaitez ajouter le widget et ajoutez un nouveau bloc de contenu en cliquant sur le **bouton plus**: ![ajouter une zone de bloc html dans Squarespace](https://embedsocial.com/wp-content/uploads/2021/12/add-html-block-squarespace.jpg) 2\. Sélectionnez le bloc **« Intégrer »** et cliquez sur l'**icône de code « Embed Data »**: ![cliquer sur l'icône embed data](https://embedsocial.com/wp-content/uploads/2021/12/click-the-embed-data-icon-squarespace.jpg) 3\. Collez le code dans le point d'insertion et cliquez sur **« Définir »**: ![intégrer le code html dans squarespace](https://embedsocial.com/wp-content/uploads/2021/12/embed-instagram-widget-code-squarespace.jpg) Comment intégrer le flux de bobines Facebook sur du HTML de site web? ### Étapes pour intégrer les bobines Facebook en HTML Si vous utilisez du HTML pur pour construire votre site web, voici les étapes pour coller facilement le code intégrable: 1. Copiez le code des bobines Facebook fourni à partir du compte EmbedSocial (comme indiqué précédemment) 2. Accédez à votre dossier de site web et ouvrez le HTML où vous souhaitez ajouter le code 3. Trouvez le div dans la section où vous souhaitez afficher le widget, et collez simplement le code. ![Étapes pour intégrer les avis Google HTML](https://embedsocial.com/wp-content/uploads/2024/02/embed-google-reviews-html-steps.jpg) ## Personnalisation du widget des bobines Facebook intégré Les options de personnalisation de votre widget des bobines Facebook avec EmbedSocial sont infinies, voici les principales choses que vous pouvez personnaliser: ![Paramètres de personnalisation d'un widget des bobines Facebook](https://embedsocial.com/wp-content/uploads/2024/08/social-media-feed-facebook-instagram-customization-1024x609.jpg) - Choisissez la mise en page du widget - curseur, flux, fenêtre contextuelle. - Choisissez la carte du widget - pour ressembler à un format de flux avec la caption ou à un format vertical de bobines. - Choisissez de lire automatiquement les vidéos. - Sélectionnez une option pour afficher les vidéos dans Lightbox ou pour ouvrir le lien d'origine. - Ajoutez des boutons CTA ou des produits de tag mentionnés dans la vidéo afin que les gens puissent cliquer davantage et acheter le produit sur votre site web. - Utilisez le CSS personnalisé pour modifier complètement les couleurs et l'apparence du widget pour qu'il s'adapte à votre site web. ## Meilleures pratiques pour l'intégration des bobines Facebook Vous pouvez mettre en œuvre quelques meilleures pratiques lors de l'intégration des bobines Facebook sur votre site web. Nous décrirons les plus évidentes, liées à la création de plusieurs widgets en fonction du cas d'utilisation ou du contenu que vous souhaitez synchroniser avec votre site web. ### 1. Widget de présentation de produit Utilisez les bobines Facebook que vous produisez pour promouvoir des produits sur Facebook et synchronisez-les sur votre site web - ce qui peut être très efficace pour mettre en avant les produits clés ou les nouvelles versions. ### 2. Widget de contenu généré par l'utilisateur (UGC) Mettez en avant les bobines créées par les clients - que vous avez republié sur votre page Facebook, présentant vos produits dans des scénarios réels, en vous assurant que le contenu s'aligne avec votre image de marque. Ce widget non seulement fournit la preuve sociale, mais encourage également les autres clients à créer et à partager leurs propres bobines, surtout si vous incluez un CTA invitant à vérifier davantage. Faire pivoter régulièrement les bobines UGC mises en avant garde le contenu dynamique et engageant. ### 3. Widget de points culminants d'événements Un widget de points culminants d'événements est parfait pour capturer et partager les moments clés d'événements en direct, webinaires ou conférences. En intégrant les bobines qui mettent en avant les points culminants d'événements, les sessions de conférenciers ou les interactions des participants, vous pouvez fournir aux visiteurs un récapitulatif visuel qui améliore l'impact de votre événement. Ce widget garde votre public engagé avec votre marque même après la conclusion de l'événement et sert de ressource précieuse pour ceux qui n'ont pas pu assister en direct. ### 4. Widget de nouvelles et de mises à jour Pour les sites web axés sur les nouvelles de l'industrie ou les mises à jour de l'entreprise, vous pouvez utiliser la capacité d'afficher les bobines Facebook que vous publiez également sur Facebook avec du contenu qui est opportun et engageant. Intégrez les bobines qui couvrent les dernières nouvelles, les annonces de l'entreprise ou les informations commerciales pour fournir aux visiteurs les informations les plus récentes dans un format vidéo digéré. ### 5. Widget de promotions saisonnières Mettez en avant les offres à durée limitée, les produits à thème holidayiste ou les campagnes spéciales que vous promouvez sur Facebook et sur votre site web. En mettant à jour le widget des bobines pour correspondre à la saison actuelle ou aux vacances à venir, vous pouvez créer un sentiment d'urgence et de pertinence qui encourage les visiteurs à prendre des mesures immédiates sur votre site web dans leur format familier à partir de Facebook. Voyez ce démo de widget: (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/cdn/ht.js"; d.getElementsByTagName("head")\[0\].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); ## Points clés à retenir - L'intégration des bobines Facebook sur votre site web peut être un excellent moyen d'augmenter l'engagement et de vous connecter avec votre public. - En suivant les étapes décrites dans ce guide, vous pouvez facilement intégrer les bobines Facebook sur votre site web, qu'il soit construit avec WordPress, Wix, Shopify ou tout autre constructeur de site web populaire. - Personnalisez le lecteur vidéo intégré pour correspondre à votre marque et testez la vidéo pour vous assurer qu'elle se lit correctement.