Comment intégrer un flux Facebook sur un site web ? [Gratuit ou payant]

Découvrez comment ajouter un flux complet de pages Facebook à votre site web.

Embed Facebook feed tutorial

Dans cet article, nous allons vous montrer comment intégrer automatiquement un flux Facebook sur votre page web avec EmbedFeed!

Mettre à jour sa page Facebook et faire de même pour son site web est une tâche fastidieuse et chronophage, si bien que de nombreux community managers en ont assez de cette tâche.

Voici les étapes à suivre pour intégrer le flux Facebook dès maintenant :

  1. S'inscrire à EmbedFeedou si vous avez un compte, il vous suffit de vous connecter.
  2. Connectez votre compte Facebook.
  3. Générer vos publications Facebook dans un widget Facebook.
  4. Personnaliser et modérer le widget.
  5. Copier et intégrer le code sur votre site web.

Voici à quoi cela ressemble sur un site WordPress :

Embed Facebook feed on website
Voir la démonstration en direct du flux Facebook >

Vous aimez ce que vous voyez ? Créez et intégrez ce flux Facebook sur votre site web avec EmbedSocial.

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

Lorsque vous souhaitez intégrer du contenu Facebook sur votre site web ou votre blog, vous pouvez envisager d'intégrer plusieurs types de flux ou de messages.

  1. Postes de la page: Incorporer des publications publiques d'une page Facebook. Vous pouvez intégrer des messages individuels ou un flux des derniers messages.
  2. Vidéos: Incorporer des vidéos publiques ou des listes de lecture vidéo de Facebook. Vous pouvez intégrer des vidéos à partir de pages ou de profils.
  3. Profil du poste: Vous pouvez parfois intégrer des messages provenant de profils personnels si les paramètres de confidentialité du message le permettent.
  4. Albums photos: Intégrer des albums photos à partir d'une page Facebook. Ce type d'intégration peut être utilisé pour présenter une collection d'images d'un événement, par exemple.
  5. Mentions sur la page Facebook: Il s'agit de la meilleure option pour intégrer du contenu généré par l'utilisateur. Elle vous permet de configurer un flux qui n'inclura que le contenu généré par les messages dans lesquels d'autres personnes mentionnent votre marque.
  6. Commentaires sur Facebook : Intégrer des commentaires Facebook peut vous aider à afficher tous les critiques positives que votre produit ou votre entreprise a obtenu de la part de clients satisfaits.

Avant d'intégrer un contenu, assurez-vous toujours de respecter les conditions d'utilisation de Facebook et les paramètres de confidentialité du contenu que vous intégrez.

Comment intégrer un flux Facebook sur un site web ?

L'intégration d'un flux Facebook sur votre site web se fait en quelques étapes simples à l'aide de notre widget Embedfeed.

1. S'inscrire au plugin de flux Facebook

EmbedFeed est un logiciel complet de agrégateur de médias sociaux qui intègre directement les principaux réseaux de médias sociaux, tels que Facebook, Instagram, YouTube, TikTok et Twitter.

Intégrer des flux Facebook avec l'outil d'agrégation de médias sociaux EmbedFeed est très facile et rapide. Si vous avez un compte d'édition, connectez-vous et suivez les étapes ci-dessous. Essai gratuit de 7 jours si vous n'avez pas encore de compte.

  • Cliquez sur le menu "Sources".
  • Cliquez sur le bouton vert en haut à droite "Ajouter nouveau".
  • Sélectionnez Facebook et cliquez sur Continuer avec le profil Facebook".
  • Sélectionnez votre page Facebook dans la liste et Suivant".
  • Choisissez un modèle en cliquant sur , cliquez sur Utilisez ce modèle.
  • Dans l'éditeur, copiez le code incorporable fourni.
  • Collez-la dans l'iframe HTML de votre site web ou dans l'éditeur de texte de votre CMS.

Voilà, c'est fait. Voici un démo d'un flux social Facebook intégré.

Vous trouverez ci-dessous les étapes détaillées avec des captures d'écran.

2. Importer les publications Facebook dans votre compte

Une fois que vous vous êtes connecté à votre compte EmbedSocial, suivez les étapes suivantes :

Étape 1 : Cliquez sur 'Sources d'information' dans le menu de gauche et cliquez sur le bouton ' ' en haut à droite.Ajouter une source bouton.

connect new social media account

Étape 2 : Dans la liste des sources, cliquez sur l'icône 'Facebook comme indiqué ci-dessous :

choose facebook as a social media feed

Étape 3 : Une fenêtre contextuelle s'affiche pour vous permettre de vous connecter à votre page Facebook.

Étape 4 : Sur l'écran suivant, vous devrez choisir si vous souhaitez intégrer le flux de votre propre page ou si vous souhaitez intégrer les messages publiés par les utilisateurs de Facebook qui ont mentionné votre page.

Pour cet exemple, nous allons choisir les posts de la page Facebook, donc dans l'écran "Source type", choisissez l'option "Facebook Page Posts". Une liste de vos pages Facebook s'affiche et vous devez choisir la page à partir de laquelle vous souhaitez créer un widget de flux.

Cliquez sur Suivant".

choose facebook page to embed facebook widget

Étape 5 : Dans la dernière étape, il vous suffira de cliquer sur Créer un flux", et le système vous redirigera vers l'éditeur de widgets, où vous verrez le flux Facebook généré.

select social media feed template

Félicitations ! Vous venez d'importer un flux complet de pages Facebook dans votre compte. Il ne vous reste plus qu'à récupérer le code et à l'intégrer à votre site web. Suivez l'étape suivante.

3. Copiez et collez un code simple dans le code HTML de votre site web.

Lorsque vous ouvrez votre flux Facebook en mode édition, vous trouverez le code d'intégration du flux dans la partie supérieure droite. L'exemple ci-dessous montre l'emplacement exact du code, mis en évidence par un cercle rouge.

Copy Facebook feed code

Une fois que vous avez obtenu votre code, choisissez l'endroit de votre site web où vous souhaitez intégrer le widget de flux et collez ce code.

Il peut se trouver littéralement n'importe où, comme dans une barre latérale, une page d'atterrissage ou un article de blog.

Le flux sera immédiatement affiché sur votre site web.

4. Personnalisez le flux de votre page Facebook

Le plugin Embed Facebook Feed - EmbedFeed possède des tonnes de fonctions de personnalisation et de paramètres qui peuvent vous aider à créer un flux Facebook personnalisable en fonction de vos besoins.

customization settings for a social media feed

Voici quelques exemples de personnalisation :

  • La modération - choisir les publications qui apparaissent dans votre fil d'actualité. Choisissez également l'option d'ajout automatique de nouvelles publications à chaque fois que vous publiez un message sur Facebook, qui sera synchronisé en temps réel avec votre site web.
  • Ajouter des boutons d'achat - choisissez l'option "Appel à l'action" et ajoutez des boutons sur les articles pour que vos visiteurs puissent immédiatement acheter le produit ou en savoir plus sur l'article dans le flux.
  • Conception de la carte - pour modifier l'aspect général de l'ensemble de l'article dans le flux.
  • Nombre d'articles dans le flux - limiter le nombre d'articles à afficher dans le flux
  • CSS personnalisé - Cachez ou affichez le nombre de likes et de posts ou incluez un bouton de partage. Cette option permet de personnaliser entièrement l'apparence du flux en soumettant une classe CSS personnalisée avec vos propres styles.
  • Largeur du poste - Vous pouvez choisir d'afficher les articles dans une largeur plus grande ou plus petite.
  • Mobile responsive - Largeur de l'affichage pour les téléphones et les tablettes ; choisissez des tailles d'affichage différentes pour les petits appareils.
  • Inclure le poste complet - cette option permet d'activer ou de désactiver la légende des photos publiées.
  • Aucun codage n'est nécessaire.
  • Modifier le texte du titre et changer la couleur et la taille du titre.

POUR INFORMATION : Intégrer un widget Facebook automatiquement avec le sociale médias agrégateur et la plateforme UGC d'EmbedSocial. Cliquez ci-dessous pour l'essayer gratuitement :

embed facebook feed

Embarquer Flux Facebook sur votre site web, automatiquement !

Essayer EmbedFeed et ajoutez des posts Facebook de votre page, des mentions ou des posts avec des hashtags spécifiques sur votre site web en quelques clics.

Toutes les fonctionnalités PRO peuvent être annulées à tout moment.

Poursuivre la lecture

Comment laisser des commentaires sur Facebook ?

Comment intégrer les flux Facebook dans un CMS ?

L'avantage de la plateforme EmbedSocial est que le code fourni pour tous les widgets fonctionne pour les principaux CMS et constructeurs de sites web, tels que Drupal, Wix, Weebly, Shopify, WordPress, Joomla, Wix, Squarespace, PageCloud, et bien d'autres encore.

Et vous savez ce qu'il y a de mieux ? Vous n'aurez pas besoin d'installer quoi que ce soit ni d'avoir des connaissances avancées en langages de programmation tels que JavaScript, HTML et CSS.

Il vous suffira de copier et de coller le code du script dans l'éditeur du CMS.

Les mêmes étapes s'appliquent à l'intégration des flux Instagram et Twitter sur votre site web.

Comment intégrer le flux Facebook sur Wix ?

Voici les étapes pour intégrer un widget de posts Facebook dans un site web Wix :

Étape 1 : Connectez-vous à votre compte Wix et ouvrez l'éditeur.

Étape 2 : Accédez à la page sur laquelle vous souhaitez afficher votre flux Facebook et cliquez sur le bouton en haut à gauche. + Ajouter une option.

Étape 3 : Recherche de la Code d'intégration et cliquez sur l'élément Intégrer du HTML comme indiqué ci-dessous :

embed HTML social media widget code in Wix

Étape 4 : Cliquez sur Entrer le code et collez le code dans la fenêtre pop-up. Cliquez sur Mise à jour pour enregistrer les modifications.

Add Google reviews in Wix

Étape 5 : Faites glisser les flèches de redimensionnement pour vous assurer que le widget s'adapte à la section.

Étape 6 : Cliquez sur Publier pour voir les changements en direct sur votre site Wix.

Lire le tutoriel complet sur comment intégrer un flux Facebook dans Wix →Article d'aide

Comment intégrer un flux Facebook dans le code HTML de WordPress ?

Voici comment intégrer le flux Facebook dans WordPress

WordPress est la plateforme de création de sites web la plus populaire. Si vous utilisez l'éditeur WordPress, voici les instructions simples pour intégrer votre flux Facebook :

Étape 1 : Connectez-vous à votre site web WordPress et ouvrez la page où vous souhaitez intégrer le code.

Étape 2 : Cliquez sur le bouton + icône et rechercher le HTML personnalisé option.

Étape 3 : Dans le champ HTML, coller le code JavaScript que vous avez obtenu d'EmbedFeed.

Steps to embed HTML in WordPress

Étape 4 : Cliquez sur Mise à jour ou Publier pour enregistrer les modifications en direct.

<Note: Si vous utilisez l'éditeur classique de WordPress, passez simplement à l'éditeur HTML et collez le code fourni. De plus, si vous préférez utiliser des shortcodes au lieu d'un JavaScript sur vos sites WordPress, vous pouvez installer notre version officielle de Plugin WordPress Facebook Feed et utilisez le shortcode fourni et dans l'étape 2 choisissez le bloc Shortocde.

Page du plugin WordPress >

Comment ajouter un flux Facebook sur Squarespace ?

Voici les étapes à suivre pour intégrer votre widget de flux Facebook dans un site Web Squarespace :

Étape 1 : Connectez-vous à votre compte Squarespace, ouvrez le site Web que vous souhaitez modifier et cliquez sur l'icône en haut de la page. Editer pour ouvrir l'éditeur.

Étape 2 : Naviguez jusqu'à la page où vous souhaitez afficher votre flux Facebook, cliquez sur le bouton +Ajouter un bloc et cliquez sur le bouton Embarquer bloc

Embed reviews widget in Squarespace

Étape 3 : Cliquez sur le bloc d'incorporation, puis sur Extrait de codeet cliquez sur Intégrer les données. Dans la zone de texte, collez le code.

Embed social media feed in Squarespace HTMl block

Lire le tutoriel complet sur la façon d'intégrer un flux Facebook dans Squarespace →

Comment ajouter un flux Facebook sur Weebly ?

Voici les étapes à suivre pour intégrer un widget de flux Facebook dans votre site Weebly :

  1. Connectez-vous à votre compte Weebly, ouvrez l'éditeur et, dans le menu supérieur Pages, cliquez sur la page où vous souhaitez afficher votre flux Facebook.
  2. Dans le panneau d'éléments de gauche, recherchez Code d'intégrationet faites glisser cet élément dans la section de l'éditeur où vous souhaitez afficher le widget.
  3. Une zone HTML s'affiche, dans laquelle vous devrez coller le code que vous avez déjà copié depuis EmbedFeed.
Embed code in Weebly
Comment intégrer un flux Facebook dans un Webflow ?

Les étapes pour intégrer une page ou un flux Facebook dans un site Webflow sont les suivantes :

  1. Connectez-vous à Webflow, ouvrez l'éditeur de site web et dans la liste des pages principales, choisissez la page sur laquelle vous souhaitez afficher le widget.
  2. Cliquez sur le bouton en haut à gauche +iconet dans le panneau Éléments, recherchez l'élément Embarquer élément.
  3. Faites glisser et déposez l'élément intégré dans la zone de la page où vous voulez que le widget apparaisse, et dans la boîte HTML, collez le code.
How to embed Twitter in Webflow
Comment ajouter un flux Facebook sur Shopify ?

Voici comment ajouter un flux Facebook sur Shopify :

Comme pour les différentes plateformes de création de sites web, vous pouvez facilement intégrer un flux Facebook dans une plateforme de commerce électronique telle que Shopify. Voici les étapes à suivre pour intégrer un widget de page Facebook dans un site Shopify :

  1. Connectez-vous à votre boutique Shopify et allez sur Pages.
  2. Dans l'éditeur de page, dans la zone Contenu, cliquez sur le bouton icône de code.
  3. Collez le code du flux Facebook dans la zone de code et cliquez sur Économiser pour refléter les changements en direct sur votre page.
Steps to embed social media feed in Shopify

Lire le tutoriel complet sur la manière d'intégrer le flux Facebook dans Shopify →

Ajouter plusieurs flux Facebook

Enfin, vous voudrez peut-être ajouter plus d'un flux sur votre site web. Cette option est actuellement disponible pour tous les utilisateurs, donc OUI, vous pouvez obtenir des flux ILLIMITÉS et les intégrer sur n'importe quel site web.

Pour créer plusieurs widgets de flux Facebook, allez dans Widgets et cliquez sur le bouton

Étape 1 : Aller à Widgets et cliquez sur Ajouter un widget.

Create social media widget

Étape 2 : Sélectionnez la page Facebook ou plusieurs autres sources, comme une page Instagram, une chaîne YouTube ou un compte TikTok.

Étape 3 : Cliquez sur Créer un widget pour accéder à l'éditeur de widgets.

Steps to create a social media widget with multiple sources

Étape 4 : Vous pouvez personnaliser le widget et obtenir le code fourni dans l'éditeur.

Voilà, c'est fait. Vous pouvez maintenant créer un grand mur de médias sociaux pour votre site web ou créer différents widgets avec du contenu provenant de plusieurs sources et des mises en page. Voici un exemple de mur de médias sociaux :

Social media wall example
Voir la démonstration en direct du mur des médias sociaux >

Intégrer le flux Facebook avec l'outil de plugin social natif de Facebook

L'une des solutions les plus simples pour intégrer le flux chronologique de votre page Facebook consiste à utiliser le logiciel gratuit Page Plugin by Facebook.

  1. Saisissez l'URL de votre page Facebook.
  2. Définir les paramètres de largeur ou de hauteur.
  3. Cliquez sur Obtenir le code.
  4. Il suffit de copier le code d'intégration Facebook et de le coller dans le corps de votre site web.
Facebook page plugin

Note: Le plugin Page de Facebook a des fonctionnalités limitées pour les flux Facebook personnalisés, ne vous permettant pas d'afficher votre flux Facebook dans une disposition spécifique telle qu'une grille, une maçonnerie, un diaporama, ou similaire.

Flux Facebook sur le site web Exemples

Voici quelques exemples de l'aspect de votre fil Facebook sur un site web :

Caractéristiques du widget de flux Facebook d'EmbedFeed

EmbedFeed est un outil qui vous permet d'intégrer des flux Facebook et d'autres flux de flux de médias sociaux sur votre site web. L'utilisation d'un outil comme EmbedFeed peut offrir une variété de fonctions et d'avantages.

Voici quelques-unes des caractéristiques que vous trouverez :

  1. Intégration facile: EmbedFeed permet une intégration facile avec différentes plateformes de sites web telles que WordPress, Shopify, etc.
  2. Personnalisation: Vous pouvez créer un flux Facebook entièrement personnalisé et l'adapter à la conception et à la marque de votre site web.
  3. Conception adaptée: Le flux intégré est réactif, ce qui signifie qu'il s'affichera correctement sur les ordinateurs de bureau et les appareils mobiles.
  4. Modération du contenu: EmbedFeed vous permet de modérer le contenu qui apparaît dans votre flux, ce qui vous permet de contrôler ce qui est affiché sur votre site web.
  5. Plusieurs plateformes de médias sociaux: EmbedFeed prend en charge les flux provenant de plusieurs plateformes de médias sociaux, et pas seulement de Facebook.
  6. Mises à jour automatiques: EmbedFeed peut mettre à jour automatiquement le flux de votre site web avec du nouveau contenu au fur et à mesure qu'il est publié sur Facebook, vous évitant ainsi les mises à jour manuelles.
  7. RÉFÉRENCEMENT avantages: En intégrant un flux Facebook sur votre site web, vous pouvez maintenir le contenu de votre site web à jour, ce qui peut potentiellement bénéficier à votre référencement.

En savoir plus :

Guide ultime des commentaires sur Facebook

Article de Hel

Bonus : Comment intégrer une galerie de photos Facebook ?

Les étapes ci-dessus décrivent la capacité à intégrer des messages sur Facebook sur votre site web. Mais si vous avez créé des albums sur votre page Facebook et que vous souhaitez synchroniser ces albums avec votre site web, vous pouvez le faire à l'aide d'un outil comme EmbedAlbums - un produit de la plateforme EmbedSocial conçu uniquement pour intégrer de grands albums Facebook sur votre site web.

Techniquement, cela signifie que vous pouvez intégrer une galerie entière avec les photos de votre page FB sur un site web dans une disposition en grille avec une ligne de code qui synchronisera votre site web avec l'activité de votre page Facebook chaque fois que vous publiez une photo dans un album particulier.

Voici comment la galerie Facebook apparaît sur un site web :

Embed Facebook gallery with Facebook albums

Ne vous inquiétez pas si vous utilisez WordPress pour votre site web ou votre blog. Ce plugin vous aidera également à intégrer votre flux Facebook dans vos sites WordPress, Drupal ou Joomla.

À cet égard, vous ne pouvez intégrer qu'un seul album Facebook dans une présentation en grille avec l'option Plugin gratuit pour les albums Facebook. Elle diffère de la version EmbedFeed PRO car elle n'intègre que les photos de la page Facebook, et non le flux de texte.

Pourquoi intégrer un flux Facebook dans un site web ?

L'intégration d'un flux Facebook dans un site web peut offrir de nombreux avantages aux entreprises, aux blogueurs et aux autres propriétaires de sites web.

De l'élargissement de la portée et de la présence sur Facebook à la fourniture de preuve socialeVoici quelques-uns des principaux avantages :

Amélioration de l'engagement des utilisateurs

L'intégration d'un flux Facebook sur un site web peut augmenter de manière significative l'engagement des utilisateurs sur votre site. Il offre des mises à jour en temps réel directement à partir de votre page Facebook, ce qui fait que le contenu de votre site est toujours frais et à jour.

Il permet également aux utilisateurs d'interagir avec les messages directement sur votre site web, ce qui favorise l'engagement et permet aux visiteurs de rester plus longtemps sur votre site.

Augmentation de la preuve sociale

L'ajout d'un flux Facebook à votre site web constitue une preuve sociale en présentant des témoignages d'utilisateurs, des avis et des contenu généré par l'utilisateur de votre page Facebook.

Cela peut renforcer la crédibilité de votre marque dans les boutiques en ligne et créer un sentiment de communauté et de confiance autour de vos produits ou services, ce qui peut influencer les décisions d'achat des clients potentiels.

Amélioration de la valeur SEO

Le fait de disposer d'un flux Facebook en direct peut contribuer positivement au référencement de votre site. Les mises à jour continues du flux signifient que votre site est régulièrement mis à jour avec du contenu frais, un facteur qui est souvent pris en compte par les moteurs de recherche lorsqu'ils classent les sites web.

En outre, le contenu de valeur partagé par le biais du flux peut encourager les liens retour, ce qui améliore encore la position de votre site en matière de référencement.

Amélioration de l'attrait visuel

L'intégration d'un flux Facebook peut améliorer l'attrait visuel de votre site web. Elle permet d'incorporer du contenu riche en médias provenant de votre page Facebook et de votre site Shopify, ce qui ajoute une valeur esthétique et rend votre site plus attrayant pour les visiteurs.

Stratégie de contenu rentable

L'intégration d'un flux de contenu Facebook complet sur votre site web peut constituer une stratégie de contenu rentable. Elle permet la syndication de contenu, c'est-à-dire que vous pouvez partager le contenu de votre page Facebook directement sur votre site sans avoir à créer un nouveau contenu à partir de zéro.

Augmentation du nombre d'abonnés aux médias sociaux

Il sensibilise les visiteurs de votre site web à votre présence sur les médias sociaux et leur permet de suivre facilement votre page Facebook directement à partir de votre site web, ce qui encourage la croissance de votre audience sur les médias sociaux et favorise l'émergence d'une communauté plus large et plus engagée.

POUR INFORMATION : Intégrer un widget Facebook automatiquement avec le sociale médias agrégateur et la plateforme UGC d'EmbedSocial. Cliquez ci-dessous pour l'essayer gratuitement :

embed facebook feed

Embarquer Flux Facebook sur votre site web, automatiquement !

Essayer EmbedFeed et ajoutez des posts Facebook de votre page, des mentions ou des posts avec des hashtags spécifiques sur votre site web en quelques clics.

Toutes les fonctionnalités PRO peuvent être annulées à tout moment.

Conclusion

En conclusion, l'intégration d'un flux Facebook sur votre site web est un outil polyvalent qui permet d'améliorer l'engagement des utilisateurs et le contenu du site.

Vous pouvez intégrer le code fourni à partir de EmbedFeedIl s'agit d'un site web simple en HTML ou d'une plateforme web plus complexe.

Tout au long de l'article, nous avons exploré les différents types de flux que vous pouvez intégrer, les avantages qu'ils présentent et les différentes méthodes pour le faire efficacement.

L'utilisation de cette fonction peut amplifier votre présence dans les médias sociaux et favoriser une expérience dynamique et interactive sur votre site web.

FAQ sur l'intégration du flux Facebook

Pouvez-vous intégrer un flux Facebook ?

Oui, vous pouvez intégrer un flux Facebook sur votre site web afin d'afficher un flux de messages récents provenant d'une page Facebook.

Que se passe-t-il lorsque vous intégrez des publications Facebook ?

Lorsque vous intégrez une publication Facebook sur votre site web ou votre blog, les visiteurs de votre site web peuvent voir et interagir avec la publication (aimer, commenter, partager) directement à partir de votre site sans visiter Facebook.

Que signifie "intégrer" sur une page Facebook ?

Intégrer une page Facebook signifie intégrer des messages ou des flux spécifiques de la page dans un site web ou un blog, ce qui permet aux utilisateurs d'interagir avec le contenu directement à partir du site externe.

Qu'est-ce qu'un flux Facebook ?

Un flux Facebook est une liste d'informations constamment mise à jour qui se trouve au milieu de votre page d'accueil Facebook. Il contient des mises à jour de statut, des photos, des vidéos, des liens, des activités d'applications et des mentions J'aime de personnes, de pages et de groupes que vous suivez sur Facebook.
Il s'agit essentiellement du principal moyen par lequel les utilisateurs interagissent avec le contenu publié par leurs amis et par les pages ou les groupes auxquels ils sont connectés.


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.