Comment ajouter facilement un flux Facebook à un site WordPress Divi (2025)
Accueil Blog Comment ajouter facilement un flux Facebook à un site WordPress Divi (2025)

Comment ajouter facilement un flux Facebook à un site WordPress Divi (2025)

Comment ajouter un flux Facebook à votre site WordPress Divi

Vous souhaitez ajouter votre flux Facebook à un site Web WordPress Divi ?

Si vous souhaitez rendre le site Web Divi de votre marque encore plus attrayant, afficher du contenu Facebook peut être une excellente solution.

En tant que première plateforme de médias sociaux, Facebook est un endroit idéal pour trouver du contenu attrayant afin de maintenir l'intérêt de vos visiteurs.

Mais afficher manuellement du contenu Facebook peut être compliqué et prendre du temps. Nous allons donc vous montrer une façon simple d'ajouter du contenu Facebook dans Divi.

Dans cet article

Pourquoi utiliser un fil Facebook avec Divi ?

Développé par Elegant Themes, Divi est un créateur de sites web et un thème WordPress populaire qui facilite grandement la conception de sites web.

Mais si vous souhaitez promouvoir votre site Divi, l'un des meilleurs moyens est d'utiliser la plus grande plateforme sociale qui soit : Facebook !

"Avec plus de 3 milliards d'utilisateurs mensuels actifs, Facebook est le média social le plus populaire au monde. D'un point de vue marketing, il existe de nombreuses possibilités d'entrer en contact avec de nouveaux publics et d'étendre la portée de votre entreprise."

- Neil Patel, spécialiste du marketing numérique primé

Un excellent moyen de renforcer votre marketing sur Facebook est d'ajouter un widget de flux Facebook à votre site WordPress Divi.

Voici ce que vous pouvez obtenir en intégrant du contenu Facebook sur votre site :

  • En affichant le contenu de votre marque sur Facebook, vous obtiendrez plus de likes, de partages et d'adeptes de la part de toutes les personnes qui visitent votre site web.
  • L'ajout d'un flux de page Facebook est un excellent moyen d'inciter les visiteurs du site web à rejoindre votre communauté.
  • Vous pouvez afficher sur votre site web des avis et des témoignages provenant de Facebook en guise de preuve sociale. Ainsi, les visiteurs peuvent voir que des personnes réelles utilisent les produits, ce qui peut augmenter vos conversions.
  • Il est également facile d'afficher des photos et des vidéos Facebook et de rendre votre site plus intéressant pour vos visiteurs.
exemple de flux facebook sur votre site web

La façon la plus simple d'ajouter un flux Facebook à Divi

Auparavant, vous pouviez utiliser le plugin officiel de la page Facebook pour générer des codes d'intégration, modifier le code vous-même, puis l'ajouter à votre site WordPress.

Comme vous pouvez le deviner, tout cela a pris beaucoup de temps et d'efforts, car il fallait traiter un grand nombre de codes.

La solution ?

Vous pouvez utiliser un plugin facile à utiliser comme Facebook Feed Pro pour intégrer votre contenu.

custom facebook feed pro plugin

Ce plugin convivial vous permet de créer, de personnaliser et d'intégrer des flux Facebook en quelques clics, sans avoir besoin de coder. Dès sa sortie, il fonctionne parfaitement avec les constructeurs de pages tels que Divi et Elementor.

De plus, vous bénéficiez d'un grand nombre de fonctionnalités pour vous aider à créer des flux de médias sociaux attrayants :

  • Installation rapide et facile : L'installation du plugin est simple et rapide, vous pourrez donc publier vos flux de contenu Facebook en quelques minutes seulement.
  • Éditeur de flux en direct : Vous pouvez facilement personnaliser vos flux avec un personnalisateur visuel pour vous aider - pas besoin de CSS, HTML ou autre code personnalisé.
  • Nombreux types de flux : Vous pouvez choisir entre des flux de pages Facebook, des flux de groupes, des flux de commentaires, des flux d'albums, des flux de vidéos, et bien plus encore.
  • Optimisé pour la vitesse : Le plugin vous permet d'ajouter autant de flux que vous le souhaitez tout en gardant votre site aussi rapide que jamais. De plus, un site plus rapide sera également bénéfique pour votre référencement.
  • Support client : Il est également livré avec une équipe d'experts WordPress qui s'assureront que vous avez une expérience fluide.

Avec toutes ces fonctionnalités étonnantes, Facebook Feed Pro a plus de 250 000 utilisateurs actifs et une note de 4,9/5 étoiles, ce qui parle de lui-même.

commentaires des utilisateurs de facebook

En fait, l'équipe derrière ce plugin a également publié d'autres outils populaires comme Instagram Feed Pro, YouTube Feed Pro, Reviews Feed Pro, et plus encore.

Tous les plugins Smash Balloon fonctionnent parfaitement avec le thème Divi et le constructeur de pages. Vous pouvez donc obtenir plus d'engagement et de conversions sur votre site Divi en toute simplicité.

Pour intégrer facilement Facebook dans Divi, procurez-vous dès aujourd'hui Facebook Feed Pro.

Comment ajouter un flux Facebook aux sites WordPress Divi

Il vous suffit de suivre le tutoriel Divi ci-dessous, étape par étape, pour découvrir à quel point il est facile de créer, de personnaliser et d'intégrer du contenu Facebook sur votre site.

Étape 1 : Installer et activer Facebook Feed Pro

Tout d'abord, téléchargez votre copie de Facebook Feed Pro à partir d'ici. Maintenant, vous pouvez installer et activer le plugin sur votre site WordPress.

Vous pouvez suivre notre guide étape par étape sur l 'installation d'un plugin WordPress si vous souhaitez une mise à jour rapide.

Étape 2 : Créer le fil d'actualité de votre page Facebook

Maintenant que vous avez installé et activé le plugin, vous pouvez vous rendre dans le menu Facebook Feed " All Feeds de votre tableau de bord.

Sur cette nouvelle page, cliquez sur le bouton Ajouter un nouveau en haut.

ajouter un nouveau flux avec facebook feed pro

Ensuite, vous pouvez aller de l'avant et choisir le type de flux que vous voulez pour votre site WordPress Divi.

Vous disposez de 9 types de flux, dont le flux chronologique, le flux d'avis, le flux vidéo, le flux de photos et bien d'autres encore.

Choisissez le type d'alimentation que vous préférez, puis cliquez sur le bouton Suivant.

Pour ce tutoriel, nous opterons pour un flux chronologique.

sélectionnez votre type de flux facebook

Étape 3 : Connexion à votre profil Facebook

Pour afficher du contenu Facebook dans votre flux, vous devez connecter une page ou un groupe Facebook en tant que source.

Pour cela, cliquez sur le bouton Ajouter un nouveau pour commencer.

ajouter source facebook feed pro

Vous pouvez maintenant voir une fenêtre contextuelle qui vous demande de choisir entre une page ou un groupe pour la source.

Une fois que vous avez sélectionné le type de source souhaité, cliquez sur Connecter.

se connecter à facebook en utilisant facebook feed pro

En cliquant dessus, vous ouvrez Facebook, où vous pouvez choisir les pages ou les groupes que vous souhaitez connecter.

Pour continuer, sélectionnez votre page ou votre groupe dans la fenêtre contextuelle et cliquez sur Suivant.

sélectionner les pages facebook

Vous pouvez maintenant donner au plugin un accès en lecture seule afin qu'il puisse afficher le contenu de Facebook.

Bien entendu, le plugin est totalement sûr puisqu'il ne peut que lire votre contenu Facebook et ne peut y apporter aucune modification.

Il suffit de cliquer sur Terminé dans la fenêtre contextuelle pour confirmer l'accès en lecture seule.

autoriser l'accès en lecture seule au flux facebook pro

Cela vous ramènera sur votre site WordPress, où une nouvelle fenêtre popup vous demandera de confirmer cette source.

Pour ce faire, il suffit de cliquer sur Ajouter.

confirmer la source du flux facebook

Pour terminer la connexion de votre nouveau flux à Facebook, cliquez sur le bouton Suivant.

confirmer la source facebook feed pro

Étape 4 : Personnaliser votre fil d'actualité Facebook

Facebook Feed Pro copiera automatiquement le design de votre thème WordPress pour que votre flux soit immédiatement magnifique.

De plus, le plugin vous permet d'importer un thème professionnel pour votre flux nouvellement créé. Vous avez le choix entre 5 options :

  • Défaut
  • Moderne
  • Mur social
  • Aperçu
  • Chevauchement

Sélectionnez l'option que vous préférez et cliquez sur Suivant.

En outre, vous pouvez également importer un modèle de flux pour définir instantanément la mise en page des articles et de l'en-tête de votre site Web.

Pour continuer, sélectionnez un modèle et cliquez sur Suivant.

facebook feed pro template

Vous pouvez maintenant voir votre nouveau flux ouvert dans l'éditeur de flux en direct, où vous pouvez le personnaliser.

L'éditeur de flux en direct présente toutes les options de personnalisation sur la gauche et un aperçu en direct de votre flux sur la droite.

Ainsi, vous pouvez facilement définir votre type de flux, la mise en page du flux, la palette de couleurs, le style de l'en-tête, la mise en page de l'article, et bien d'autres choses encore.

live feed customizer facebook feed pro

Pour commencer, vous pouvez sélectionner l'option Feed Layout sur la gauche.

Vous pouvez ainsi modifier la mise en page du contenu Facebook sur votre site Divi.

open feed layouts facebook feed pro

Vous verrez ainsi les différentes mises en page de votre nouveau flux de contenu Facebook : Liste, Grille, Masonry et Carousel.

Nous allons examiner ci-dessous chacune de ces présentations :

options de mise en page du flux flux facebook flux de médias sociaux

Vous pouvez afficher toutes vos publications Facebook l'une après l'autre sur une seule ligne grâce à une présentation sous forme de liste.

C'est un excellent choix si vous voulez que les visiteurs se concentrent sur un seul article à la fois.

mise en page de la liste facebook

L'option suivante est la disposition en grille , où vos publications Facebook apparaîtront en lignes et en colonnes.

Si vous souhaitez afficher un grand nombre de photos et de vidéos Facebook en même temps, cette option peut vous convenir.

Si vous souhaitez afficher votre contenu Facebook dans différentes colonnes, vous pouvez opter pour la mise en page en maçonnerie.

Vous voulez inciter les visiteurs à interagir avec votre site web ? Vous disposez de la mise en page carrousel qui placera vos articles dans un carrousel Facebook.

carrousel flux vidéo facebook

Enfin, cliquez sur le bouton Enregistrer pour sauvegarder votre nouvelle mise en page.

Ensuite, il vous suffit d'utiliser le bouton Personnaliser pour revenir en arrière et voir le reste des options de personnalisation.

cliquer sur le bouton personnaliser facebook

Ensuite, vous pouvez définir l'en-tête de votre flux Facebook Divi à l'aide de l'éditeur de flux en direct.

Cliquez sur l'option En-tête à gauche pour commencer.

sélectionner l'option d'en-tête flux facebook

Une fois que vous avez fait cela, vous pouvez voir l'option d'activer ou de désactiver votre en-tête.

En dessous, Facebook Feed Pro vous propose deux options d'en-tête :

  • Visuel : Affichez votre photo de couverture, votre photo de profil et quelques informations supplémentaires sur votre groupe ou votre page.
  • Texte : Rédigez un titre personnalisé qui s'affichera en haut de votre flux de médias sociaux.
sélectionnez votre en-tête facebook

Comme précédemment, vous pouvez cliquer sur Enregistrer une fois que vous avez choisi le design de votre en-tête.

Vous pouvez maintenant personnaliser le reste de votre flux, y compris le style de l'en-tête, les éléments de l'article, la mise en page de l'article, les marges du flux, l'arrière-plan, l'encadré, et bien plus encore ici.

Étape 5 : Intégrer le flux Facebook sur votre site Divi WordPress

Il est assez facile d'intégrer des publications Facebook sur votre site à l'aide de votre éditeur de flux en direct. Cliquez d'abord sur le bouton Incorporer dans le coin supérieur droit.

bouton d'intégration pour le widget de flux social de facebook

Maintenant, vous pouvez voir un popup qui contient le shortcode unique de votre flux. Pour continuer, cliquez simplement sur le bouton Copier .

Vous pouvez utiliser ce code pour intégrer ce flux dans votre site WordPress Divi, n'oubliez pas de le copier correctement.

copy shortcode facebook feed

Ensuite, vous pouvez aller dans Pages " Add New " depuis votre tableau de bord pour créer une nouvelle page WordPress.

Sur la nouvelle page, cliquez sur le bouton Utiliser Divi Builder .

ajouter une nouvelle page dans divi

Vous pouvez également utiliser un article WordPress pour cela. Dans votre tableau de bord, allez dans Posts " Add New et sélectionnez Use Divi Builder.

ajouter un nouveau message dans divi

Maintenant que vous avez ouvert le constructeur Divi, vous avez 3 options :

  • Commencer à construire : Commencez à créer votre page à partir de zéro
  • Parcourir les mises en page : Importer la conception d'une mise en page préétablie
  • Choisir une page : Copier le design d'une page existante

Il vous suffit de cliquer sur l'une des trois options proposées.

options pour construire une page dans divi

L'option " Commencer à construire" affiche une page blanche.

À partir de là, vous pouvez commencer à modifier votre article ou votre page Divi immédiatement.

commencer à construire à partir d'un modèle vierge

L'option Parcourir les mises en page fait apparaître une nouvelle fenêtre contextuelle dans laquelle vous pouvez parcourir toutes les mises en page disponibles.

Si vous voyez une mise en page qui vous plaît, il vous suffit de cliquer dessus.

Chargement de la mise en page à partir de la bibliothèque

Une fois que vous avez fait cela, vous pouvez voir la fenêtre contextuelle Détails de la mise en page . Si vous voyez une mise en page que vous souhaitez utiliser, cliquez sur Utiliser cette mise en page.

utiliser une mise en page divi

Si vous choisissez l'option Choisir une page , vous verrez apparaître une fenêtre contextuelle contenant la liste de toutes les mises en page existantes.

Vous pouvez donc cliquer sur l'une de ces mises en page pour continuer.

charger vos pages existantes

Vous pouvez maintenant ajouter votre flux Facebook Smash Balloon au constructeur Divi. Pour cela, vous devez cliquer sur la petite icône verte plus (+) pour ouvrir la fenêtre contextuelle Insert Row .

Ensuite, cliquez sur le type de ligne que vous préférez parmi les options proposées dans la fenêtre contextuelle.

insérer une ligne dans divi builder

Après avoir sélectionné la ligne, cliquez sur l'icône plus (+) pour ajouter un nouveau module Divi.

Dans la nouvelle fenêtre, tapez "code" dans la barre de recherche pour trouver le module de code et cliquez dessus.

code-module-for-divi-theme.png

Ensuite, il suffit d'aller dans le champ de code et de coller le code précédent, qui vous permet d'intégrer des flux Facebook sur ce site WordPress Divi.

Enfin, cliquez sur l'icône de vérification en bas.

ajouter un module de code avec le shortcode facebook feed

Vous avez maintenant ajouté avec succès un flux Facebook à votre site WordPress Divi. En tant que l'un des meilleurs plugins Facebook pour WordPress, Facebook Feed Pro vous permet de le faire en quelques clics.

Si vous ouvrez votre site web, vous pouvez voir à quoi ressemble le contenu de Facebook pour les visiteurs de votre site web.

exemple de flux facebook divi

Et voilà !

Vous savez maintenant comment ajouter un flux Facebook à un site WordPress Divi. Il suffit de suivre les étapes et vous pouvez engager vos visiteurs avec du contenu Facebook pertinent en un rien de temps.

Avec Facebook Feed Pro, vous pouvez créer, personnaliser et ajouter des flux sociaux personnalisés qui peuvent vous aider à augmenter votre engagement, à obtenir plus de conversions et à commercialiser votre marque.

Et vous pouvez faire tout cela en 5 étapes simples :

  1. Ajoutez Facebook Feed Pro à votre site Web
  2. Créer un nouveau flux Facebook
  3. Connectez le flux à votre page Facebook
  4. Choisissez votre thème, votre modèle et votre design
  5. Ajoutez le flux à n'importe quelle page Divi de votre choix

Prêt à tenter l'expérience ? Téléchargez Facebook Feed Pro dès aujourd'hui !

Vous souhaitez également utiliser Twitter avec Divi ? Consultez notre guide sur la façon d'ajouter des flux Twitter Divi à votre site Web.

Plus de tutoriels et de guides sur le marketing des médias sociaux

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.