Comment ajouter un carrousel de flux Facebook à WordPress (mis à jour)
Accueil Blog Comment ajouter un carrousel de flux Facebook à WordPress (mis à jour)

Comment ajouter un carrousel de flux Facebook à WordPress (mis à jour)

Comment ajouter un carrousel de flux Facebook à WordPress

Si l'affichage des publications Facebook est un excellent moyen de maintenir l'intérêt des visiteurs, l'intégration manuelle du contenu Facebook peut s'avérer longue et complexe.

Un carrousel de flux Facebook résout ce problème en affichant automatiquement vos derniers messages dans une belle barre de défilement interactive. Cela permet de maintenir votre site à jour, de stimuler l'engagement et même d'augmenter le nombre de vos abonnés sur les médias sociaux.

La manière la plus simple d'ajouter un carrousel de flux Facebook à WordPress est d'utiliser le plugin Smash Balloon Facebook Feed Pro.

Au lieu d'utiliser du code, vous êtes guidé pour connecter votre page Facebook, personnaliser l'apparence du carrousel et l'intégrer à votre site à l'aide d'un simple bloc WordPress.

Dans ce guide, je vous guiderai pas à pas à travers le processus, sans avoir besoin d'écrire du code.

Ajouter un carrousel Facebook à WordPress est techniquement possible, mais c'est assez difficile et cela s'accompagne de quelques restrictions ennuyeuses.

En plus d'avoir à gérer des codes complexes, vous devrez vous inscrire en tant que développeur d'applications sur Facebook pour commencer.

exemple d'intégration manuelle de contenu facebook

De plus, vous ne pouvez pas vraiment modifier le design sans modifier le code vous-même. Une erreur à ce niveau peut même endommager votre site web.

Pour éviter tous ces maux de tête, vous pouvez simplement utiliser un plugin de flux Facebook qui prend en charge le carrousel.

Il existe plusieurs options, mais je vous recommande le plugin Facebook Feed Pro.

facebook feed pro homepage

Avec cet outil, vous pouvez créer un magnifique carrousel Facebook en quelques clics. De plus, le flux comportera des boutons "J'aime" et "Partager", ce qui vous permettra de transformer le trafic de votre site en engagement sur Facebook.

En prime, voici quelques points forts du plugin qui le distinguent des autres :

  • Convivialité : un flux guidé en trois étapes permet à n'importe qui de commencer à l'utiliser, sans aucune connaissance technique.
  • Personnalisable : Vous pouvez choisir des thèmes et des modèles de flux pour importer rapidement de belles conceptions de flux et les personnaliser en détail avec le personnalisateur en direct.
  • Nombreux types de flux: Vous pourrez intégrer des albums Facebook, des photos, des chronologies de pages, des commentaires, des événements Facebook et bien plus encore.
  • Léger : Facebook Feed Pro a été optimisé et dispose même d'une mise en cache intelligente, de sorte que votre carrousel se charge aussi rapidement que possible, ce qui est excellent pour votre référencement dans les moteurs de recherche.
  • Très bien noté : Le plugin a une note de 4,9/5 étoiles avec plus de 250 000 utilisateurs, et les gens semblent assez satisfaits des fonctionnalités et du support client.
commentaires des utilisateurs de facebook

Comme vous pouvez le constater, Facebook Feed Pro peut aider votre entreprise de bien des façons. C'est un moyen sûr de maintenir l'intérêt de vos visiteurs, d'augmenter le nombre de vos abonnés, et bien plus encore.

Et si vous voulez essayer ce plugin, vous pouvez obtenir une copie de Facebook Feed Pro ici.

  • Avec un carrousel de flux Facebook, vous pouvez présenter votre contenu Facebook et obtenir facilement de nouveaux adeptes et des interactions de la part des visiteurs de votre site.
  • Vous pouvez utiliser un flux carrousel pour mettre en évidence les annonces, les nouvelles, les lancements de produits et d'autres publications importantes sur Facebook. De plus, cela montre aux visiteurs de votre site web que vous êtes actif sur Facebook.
  • Vous pouvez également afficher un grand nombre de contenus visuels magnifiques dans un espace réduit. Cela signifie que vous pouvez facilement attirer l'attention des gens et les garder sur votre site web.
  • Pour dynamiser une page produit ou une page de vente, vous pouvez utiliser un carrousel Facebook pour mettre en avant les avis et augmenter facilement vos conversions et vos ventes.

Comment ajouter un carrousel de flux Facebook à WordPress

Prêt à ajouter un carrousel Facebook à votre site web ? Je vais vous expliquer tout le processus ci-dessous, et vous pourrez le suivre :

Étape 1 : Installer le plugin Facebook Feed Pro

Tout d'abord, vous pouvez obtenir votre exemplaire du plugin Facebook Feed Pro. Vous pouvez également télécharger l'extension Carousel ici.

Une fois le téléchargement des deux plugins terminé, il vous suffit de les installer et de les activer sur votre site WordPress.

Si vous êtes bloqué, vous pouvez également consulter ce guide pratique sur l'installation d'un plugin WordPress.

L'étape suivante consiste à activer l'extension carrousel pour votre site WordPress. Pour ce faire, allez tout d'abord dans le menu Facebook Feed " Extensions de votre tableau de bord.

Sur cette nouvelle page, recherchez la section Carousel et cliquez sur le bouton Activer.

activer l'extension carousel facebook

Étape 3 : Créer un nouveau flux Facebook

Il est maintenant temps de créer un nouveau flux Facebook sur votre site.

Tout d'abord, allez dans le menu Facebook Feed " All Feeds " de votre tableau de bord WordPress et cliquez sur le bouton Add New.

ajouter un nouveau flux Facebook à l'aide du plugin

Le plugin vous présentera alors tous les types de flux que vous pouvez utiliser pour votre carrousel de flux Facebook.

Vous pouvez voir 9 options différentes ici, y compris les flux chronologiques, les flux de photos, les flux d'albums, les flux de commentaires, et plus encore.

sélectionner le type de flux facebook

Sélectionnez le type d'alimentation que vous souhaitez, puis cliquez sur le bouton Suivant pour continuer.

Pour notre tutoriel, j'opterai pour un flux chronologique.

Étape 4 : Connecter votre flux à Facebook

Maintenant que vous avez un nouveau flux Facebook, il est temps de le connecter à une page Facebook.

Cliquez sur le bouton Ajouter un nouveau dans la fenêtre contextuelle pour commencer.

ajouter une nouvelle source facebook feed pro

Ensuite, vous pouvez choisir de connecter une page Facebook ou d'entrer votre jeton d'accès à l'API.

Si vous disposez déjà d'un jeton, vous pouvez le saisir ici pour connecter votre compte manuellement.

Sinon, il suffit de cliquer sur le bouton Se connecter à Facebook.

connectez votre site elementor à facebook

Ensuite, le plugin vous enverra sur Facebook pour que vous puissiez choisir le compte Facebook que vous souhaitez connecter.

Cliquez sur le bouton Continuer pour poursuivre.

smash balloon facebook access

Le plugin vous demandera désormais un accès en lecture seule à votre profil Facebook. Cela permet à Facebook Feed Pro de voir vos informations, mais il ne peut pas les modifier.

En résumé, cela signifie que l'utilisation du plugin est totalement sûre.

Pour continuer, il suffit de cliquer sur le bouton Ajouter de la fenêtre contextuelle.

confirmez votre source pour les flux facebook

Une fois que vous avez fait cela, vous pouvez sélectionner cette page Facebook comme source de votre flux de carrousel.

Cliquez ensuite sur le bouton " Suivant" et vous aurez terminé.

continuer après avoir choisi la source facebook

Après avoir connecté votre flux à Facebook, le plugin vous proposera différents thèmes préconçus que vous pourrez importer.

Chacun de ces thèmes a un aspect différent qui modifie la façon dont les articles apparaissent sur votre site web :

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

Une fois que vous avez sélectionné votre thème, cliquez sur Suivant pour continuer.

sélectionnez votre thème facebook pour le widget

Après avoir modifié l'apparence de votre flux en important un thème, vous pouvez sélectionner un modèle de flux.

En choisissant différents modèles, vous pouvez modifier la mise en page de vos publications Facebook, de votre en-tête, etc.

Il suffit de sélectionner un modèle et de cliquer sur Suivant.

sélectionnez votre modèle de flux widget facebook

Une fois que vous avez importé un modèle de flux, vous pouvez voir votre flux ouvert dans l'éditeur de flux en direct.

Sur la gauche, vous trouverez toutes les options de personnalisation de votre flux. Vous pouvez ainsi modifier la mise en page du flux, la palette de couleurs, le style de l'encadré, le style de l'en-tête et bien d'autres choses encore.

éditeur de flux en direct pour facebook feed pro

Je vais vous montrer comment activer la disposition en carrousel et modifier quelques autres options de personnalisation.

Pour commencer la personnalisation, cliquez sur l'option Feed Layout à gauche.

flux layout facebook elementor feed

Sélectionnez ensuite l'option Carrousel pour activer la présentation en carrousel de votre fil d'actualité Facebook.

choisir la disposition du carrousel pour le flux facebook

Une fois que vous avez sélectionné la disposition du carrousel, vous verrez un aperçu en temps réel de votre nouveau carrousel de flux Facebook sur la droite.

Ensuite, vous pouvez faire défiler l'écran vers le bas à gauche et trouver les options pour changer les colonnes de bureau et les colonnes mobiles.

Vous pouvez également choisir d'afficher des flèches de navigation ou une pagination pour votre carrousel Facebook.

N'oubliez pas d'enregistrer les modifications une fois que vous êtes satisfait de votre flux Facebook.

Vous pouvez à présent cliquer sur le bouton Personnaliser pour afficher à nouveau toutes les options de personnalisation.

retour aux principales options de personnalisation pour facebook

Sélectionnez ensuite l'option Schéma de couleurs pour définir les couleurs de votre carrousel de flux Facebook.

sélectionner les options de couleurs facebook elementor

Avec le plugin Facebook Feed Pro, vous pouvez choisir parmi 4 schémas de couleurs différents :

  • Hérite du thème : Copie les couleurs de votre site
  • Léger : Arrière-plan plus clair avec police foncée
  • Dark : Fond sombre avec une couleur de police claire
  • Personnalisé : Sélectionner manuellement toutes les couleurs
options de couleurs pour le flux facebook d'elementor

Sélectionnez la palette de couleurs que vous préférez, puis cliquez à nouveau sur Enregistrer.

Et c'est ainsi que vous pouvez personnaliser votre nouveau carrousel de flux Facebook à l'aide de l'éditeur de flux en direct. Grâce à ces options, vous pouvez définir le type de flux, le style de la photo de couverture, les éléments de la publication et bien plus encore.

Une fois la personnalisation terminée, il vous suffit de cliquer sur Enregistrer.

Pour cette étape, vous pouvez enfin afficher votre nouveau carrousel de flux Facebook sur votre site. Vous pouvez le faire de deux manières différentes :

  • Incorporer le carrousel de flux Facebook sur votre page
  • Incorporer le carrousel de flux Facebook dans votre barre latérale ou votre pied de page

Vous pouvez facilement intégrer vos flux Facebook sur la page de votre site à l'aide de l'éditeur de flux en direct. Tout d'abord, cliquez sur le bouton Incorporer en haut de la page.

intégrer votre flux facebook elementor

Ensuite, une fenêtre contextuelle s'affiche pour vous demander où vous souhaitez intégrer votre carrousel de flux Facebook. Vous pouvez même copier le shortcode si vous souhaitez intégrer manuellement les flux de médias sociaux.

Pour continuer, il suffit de sélectionner l'option Ajouter à une page.

ajouter un flux facebook à la page

Ensuite, la fenêtre popup vous montrera une liste de vos pages WordPress.

Pour ce faire, choisissez une page pour votre flux Facebook et cliquez sur le bouton Ajouter.

sélectionner la page pour le flux Facebook

En faisant cela, vous ouvrirez cette page dans l'éditeur WordPress Gutenberg.

Cliquez maintenant sur la petite icône plus (+) pour ajouter un nouveau bloc.

ajouter un bloc de contenu pour le flux facebook

Vous pouvez ensuite rechercher "facebook" à l'aide de la barre de recherche située en haut de la page.

Sélectionnez ensuite le widget Custom Facebook Feed dans les résultats de recherche ci-dessous.

facebook feed pro block

Cliquez ensuite sur Publier , et vous aurez enfin ajouté votre carrousel de flux Facebook à votre site web !

Vous pouvez dès à présent ouvrir votre site web pour en vérifier l'aspect.

exemple de carrousel facebook dans wordpress

Comme vous pouvez le voir, il est très facile d'afficher des flux sur vos pages avec l'aide de Facebook Feed Pro. C'est vraiment le meilleur plugin WordPress Facebook du marché.

Ensuite, voyons comment vous pouvez intégrer des widgets Facebook sur votre site à l'aide de ce plugin.

En utilisant l'éditeur de flux en direct, vous pouvez également ajouter votre nouveau flux carrousel dans la barre latérale ou le pied de page de votre site.

Pour ouvrir à nouveau l'éditeur de flux en direct, allez dans le menu Facebook Feed " All Feeds (Tous les flux) de votre tableau de bord WordPress.

Vous y trouverez la liste de tous vos flux Facebook.

Pour continuer, il vous suffit de cliquer sur votre nouveau carrousel Facebook.

ouvrir à nouveau le widget de flux facebook

Vous êtes maintenant de retour dans l'éditeur de flux en direct. Pour commencer à intégrer votre carrousel de flux Facebook, cliquez sur Intégrer.

intégrer votre flux facebook elementor

Dans la nouvelle fenêtre, vous pouvez choisir l'endroit où vous souhaitez intégrer votre flux Facebook.

Sélectionnez l'option Ajouter à un widget pour l'instant.

ajouter le flux facebook comme widget

En cliquant sur ce lien, vous accéderez à la page Widgets de votre site WordPress. Ici, vous pouvez ajouter votre flux carrousel à votre pied de page ou à votre barre latérale sous la forme d'un widget Facebook.

Cliquez maintenant sur le panneau Sidebar pour continuer.

sélectionner la barre latérale pour le widget

Mais si vous souhaitez intégrer votre flux Facebook dans votre pied de page, vous pouvez cliquer sur le panneau Pied de page .

Pour ce tutoriel, je choisirai l'option du pied de page.

ouvrir le panneau de bas de page

Ensuite, cliquez sur l'icône plus (+) pour ajouter un nouveau widget au panneau.

Enfin, choisissez le widget Custom Facebook Feed parmi toutes les options proposées pour intégrer votre flux Facebook.

insérer un widget de flux facebook dans la barre latérale

Il suffit de cliquer sur le bouton " Mise à jour" pour terminer.

Ensuite, vous pouvez ouvrir votre site pour voir votre carrousel avec le contenu de Facebook affiché dans votre barre latérale.

exemple de widget carrousel de pied de page facebook

Et le tour est joué !

Vous savez maintenant comment ajouter un carrousel de flux Facebook à votre site WordPress. Comme vous pouvez le constater, c'est très simple. Pas besoin de codes complexes, et tout ce dont vous avez besoin, c'est du bon outil.

Une fois que vous avez choisi les bons posts pour votre carrousel, vous pouvez facilement engager les visiteurs et augmenter votre audience sur Facebook.

Prêt à intégrer des carrousels Facebook ? Commencez dès aujourd'hui avec Facebook Feed Pro.

Vous souhaitez afficher du contenu Instagram attrayant sur votre site ? Suivez ce guide pour apprendre à intégrer des flux Instagram sur votre site.

Plus de conseils 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.