X

Comment afficher un flux Facebook dans WordPress (5 étapes faciles)

Comment ajouter un flux Facebook dans WordPress

Cherchez-vous un moyen fiable d'ajouter un flux Facebook à votre site WordPress ?

L'ajout d'un flux Facebook personnalisé rend votre site plus attrayant et interactif. En même temps, vous fournissez également une preuve sociale d'une présence en ligne active, ce qui vous aide à transformer vos lecteurs en fans. 

Le moyen le plus simple d'ajouter un flux Facebook à WordPress est d'utiliser un plugin. Il s'occupe des aspects techniques et vous permet de tout configurer en quelques clics.

Dans ce tutoriel, nous vous montrerons comment créer un flux Facebook personnalisé dans WordPress en seulement 5 étapes simples.

Tout d'abord, assurons-nous que vous avez vraiment besoin d'un flux Facebook sur votre site.

Raisons pour lesquelles vous avez besoin d'un flux Facebook sur votre site WordPress

Avec plus de 2,9 milliards de visiteurs mensuels, Facebook compte des utilisateurs mondiaux intéressés par de nombreuses choses. En tant que propriétaire de site, vous pouvez profiter de ces chiffres et développer votre audience.

Connecter votre Facebook à votre site présente de nombreux avantages, notamment :

  • Améliorer la découverte de contenu et garder le contenu du site Web frais
  • Construire une communauté
  • Améliorer l'autorité de votre domaine
  • Faire du cross-marketing entre les réseaux sociaux et votre site Web
  • Utiliser les ressources de manière rentable
  • Tenir votre public informé des dernières informations sur votre marque
  • Augmenter l'engagement grâce aux commentaires, partages et likes

Or, WordPress n'offre pas d'option par défaut pour ajouter un flux Facebook à votre site.

Au lieu de cela, vous devrez trouver un plugin fiable pour vous aider.

Le meilleur plugin pour vous aider à ajouter votre flux Facebook à votre site Web est Smash Balloon, et nous vous dirons pourquoi.

Pourquoi choisir Smash Balloon ?

flux facebook pro smashballoon

Smash Balloon est le meilleur moyen d'ajouter un flux Facebook personnalisé à votre site WordPress en raison de sa facilité d'utilisation et de sa flexibilité. 

Il s'agit d'une configuration unique, puis le plugin s'exécutera de lui-même, récupérant le nouveau contenu de votre fil d'actualité Facebook et l'affichant sur votre site.

Vous pouvez entièrement personnaliser votre fil d'actualité pour afficher les publications que vous souhaitez. Smash Balloon vous permet de le faire en choisissant des types de contenu spécifiques, tels que des vidéos ou des événements, en filtrant par hashtags et en utilisant des mots-clés pour omettre certaines publications.

Vous pouvez également configurer plusieurs fils d'actualité pour afficher différents types de publications Facebook sur des pages spécifiques. Chaque fil d'actualité que vous créez peut avoir un design et un emplacement différents.

Ainsi, si vous avez un catalogue de produits, vous pouvez afficher les publications relatives aux produits sur cette page. Ou vous pouvez configurer le fil d'actualité Facebook de votre site pour n'afficher que les événements si vous gérez une entreprise locale. De cette façon, vous pouvez utiliser les médias sociaux et votre site Web pour mieux commercialiser votre entreprise hors ligne. 

Voici quelques raisons pour lesquelles ce plugin est notre choix n°1 pour les fils d'actualité Facebook :

  • Intégration facile avec Facebook
  • Configuration « régler et oublier »
  • Fil d'actualité entièrement personnalisable
  • 4 mises en page différentes au choix
  • Afficher/masquer des publications spécifiques
  • Optimisé pour la vitesse et le SEO

Maintenant, nous allons vous montrer comment configurer Smash Balloon sur votre site WordPress.

Ajouter un flux Facebook dans WordPress

Dans ce tutoriel, nous vous montrerons comment installer le plugin Smash Balloon et configurer les paramètres importants pour vous aider à afficher un magnifique flux Facebook ajouté à votre site.

Étape 1 : Installer Smash Balloon

Commencez par visiter le site web Smash Balloon pour créer un compte. Ensuite, vous aurez accès à votre propre compte Smash Balloon, où vous pourrez télécharger le plugin et copier votre clé de licence.

clé de licence smash balloon

Vous devrez installer et activer le plugin Facebook Feed Pro dans votre tableau de bord WordPress. Vous ne savez pas comment faire ? Suivez notre guide sur Comment installer un plugin WordPress.

Une fois activé, dans le menu WordPress à gauche, allez à la page Flux Facebook » Paramètres. Ici, vous pouvez coller votre clé de licence et activer le plugin pro.

activation smash balloon

Vous devriez maintenant avoir Smash Balloon Pro configuré. Ensuite, nous connecterons votre site WordPress à votre page ou groupe Facebook.

Étape 2 : Connecter votre groupe ou page Facebook

Smash Balloon vous permet de connecter votre site à un groupe ou une page Facebook, selon votre préférence.

Un groupe Facebook peut aider votre audience à avoir des discussions plus ciblées en privé, renforçant l'engagement, tandis qu'une page Facebook peut aider à construire votre marque et votre autorité dans votre niche. 

Pour couronner le tout, vous pouvez avoir à la fois votre groupe et votre page intégrés sur votre site en même temps, profitant du meilleur des deux mondes.

Pour ce tutoriel, nous allons connecter un flux de page Facebook, mais gardez à l'esprit que les étapes resteront pratiquement les mêmes pour un groupe Facebook.

Rendez-vous sur la page Flux Facebook » Tous les flux dans votre tableau de bord WordPress pour connecter votre premier flux.

Vous verrez un bouton Ajouter qui vous permettra de démarrer le processus.

ajouter un flux smash balloon

Smash Balloon vous permet d'ajouter l'intégralité de votre flux Facebook ou uniquement des types de contenu spécifiques. 

Ces types de contenu peuvent aller des publications, vidéos, événements et images, en fonction du type de réaction que vous souhaitez de la part de votre public. 

Pour notre exemple, nous utiliserons le réglage par défaut, qui permet à Smash Balloon de récupérer l'intégralité de votre chronologie Facebook. 

type de flux smash balloon

Sur la page suivante, choisissez la source du flux Facebook en sélectionnant « Ajouter ».

Vous devriez maintenant voir un bouton bleu indiquant « Connecter à Facebook ».

connecter un flux smash balloon

Une nouvelle page s'ouvrira où vous trouverez un autre bouton Ajouter. C'est également ici que vous pourrez vous connecter à d'autres pages plus tard et démarrer plusieurs flux.

ajouter un nouveau flux Facebook dans smash balloon

Cela vous mènera à Facebook, où vous pourrez vous connecter rapidement à votre compte.

Une fois connecté, vous verrez une fenêtre contextuelle présentant toutes les pages de votre profil. Sélectionnez celle que vous souhaitez afficher dans le flux.

choisir la page Facebook

Pour vous assurer que vous avez un contrôle total sur tout le contenu accessible par Smash Balloon, vous pouvez activer ou désactiver ce à quoi le plugin peut accéder dans la fenêtre suivante.

Nous vous suggérons de régler tous ces paramètres sur « Oui », afin que le contenu Facebook affiché sur votre site ne soit pas affecté. Une fois que vous avez accordé les autorisations, vous verrez un message de succès indiquant que vous avez lié votre compte.

Et voilà ! Vous avez connecté avec succès Smash Balloon à votre flux Facebook. La page devrait se recharger automatiquement et vous ramener à votre tableau de bord WordPress.

Étape 3 : Personnaliser votre thème et votre mise en page

Maintenant que votre page Facebook est connectée, personnalisons le flux pour qu'il corresponde à vos préférences.

Smash Balloon vous redirigera automatiquement vers une fenêtre contextuelle où vous pourrez sélectionner la page que vous venez de connecter et l'ajouter à votre tableau de bord Smash Balloon. Vous la verrez apparaître comme ceci :

flux Facebook Smash Balloon ajouté

Choisissez la page et passez à l'étape suivante.

Vous pouvez maintenant sélectionner le thème du flux. Vous pouvez le laisser par défaut ou le changer en Moderne, Mur social, Contour, et Chevauchement. Nous utiliserons le thème par défaut.

thème Facebook Smash Balloon

À l'étape suivante, choisissez le type de modèle. Vous pouvez afficher votre flux dans une grille en maçonnerie, des widgets, des cartes ou des carrousels. Vous pouvez même afficher uniquement la dernière publication Facebook.

modèle Facebook Smash Balloon

Une fois votre sélection effectuée, la page devrait se recharger et vous diriger vers votre page Tous les flux.

Étape 4 : Personnaliser votre flux Facebook

Vous pouvez maintenant modifier le flux. Pour ce faire, choisissez l'icône en forme de crayon « Modifier » tout à droite du nom du flux. 

Smash Balloon ajouter plus de flux

Après avoir ouvert l'éditeur de flux, vous devriez voir les menus Personnaliser et Paramètres à gauche et une fenêtre d'aperçu de leur apparence à droite.

Dans ce tutoriel, nous nous concentrerons sur le menu Personnaliser car il contient tous les éléments essentiels dont vous aurez besoin.

panneau d'édition Smash Balloon

La fenêtre d'aperçu à droite vous montrera à quoi ressemblera le flux lorsqu'il sera intégré sur votre site. Utilisez-la pour vérifier les erreurs et les problèmes de mise en forme pendant que vous concevez le flux Facebook de votre site.

Même si vous avez choisi un modèle, un type de flux et un thème lors des étapes précédentes, cette fenêtre vous permet également de les modifier.

Commençons par configurer l'apparence du flux Facebook personnalisé en allant dans « Disposition du flux » dans la barre des tâches de gauche.

Smash Balloon sélectionner la mise en page du flux

Vous pouvez modifier si vous souhaitez que le flux apparaisse en format liste, maçonnerie ou carrousel. Choisissez la hauteur de la publication pour qu'elle s'adapte bien à votre site. 

Comme les tablettes, les téléphones et les ordinateurs de bureau ont des écrans de tailles différentes, sélectionnez le nombre de colonnes et de publications pour une meilleure expérience utilisateur en fonction de l'appareil de votre visiteur. 

L'écran d'aperçu dans le coin supérieur droit contient des icônes pour les écrans mobile, tablette et ordinateur dans le coin supérieur droit. Utilisez cette fonctionnalité pour vérifier comment le flux apparaîtra sur différentes tailles d'écran. 

Expérimentez pour voir quel ratio de publications par colonne fonctionne le mieux pour chaque taille d'écran avant de prendre une décision finale.  

mise en page du flux Smash Balloon

Bien que nous vous recommandions de personnaliser le nombre de publications, par défaut, Smash Balloon autorise moins de publications sur les écrans plus petits afin d'offrir une bonne expérience à votre public, même si vous ne les définissez pas vous-même. 

Une fois que vous avez choisi la disposition du flux, revenez au menu principal à gauche.

Changeons maintenant la palette de couleurs.

menu schéma de couleurs dans Smash Balloon

Par défaut, Smash Balloon utilise les couleurs de votre thème afin que le flux s'intègre parfaitement au reste de votre site. Mais vous pouvez le personnaliser ici selon vos envies. Vous pouvez également opter pour le design plus conventionnel d'une palette de couleurs sombre ou claire.

Cependant, si vous choisissez une palette de couleurs personnalisée, vous pouvez sélectionner une couleur de fond, de texte et de lien différente pour mieux correspondre au design de votre site web. 

schéma de couleurs Smash Balloon

Une fois que vous avez choisi la palette de couleurs, revenez au menu de personnalisation.

Pour modifier le titre de votre flux et les éléments associés, faites défiler le menu Personnaliser et trouvez le sous-menu « En-tête ».

Ici, choisissez si vous souhaitez que l'en-tête soit en format texte ou visuel, la taille et la couleur du texte du titre, la taille et la couleur du texte de la biographie, et les dimensions de la photo de couverture. 

modifier l'en-tête Smash Balloon

Pour modifier la disposition des publications, revenez au menu Personnaliser et sélectionnez l'onglet Publications. Ici, vous pouvez modifier la disposition en Miniature, Demi-largeur et Pleine largeur.

Ensuite, sous Style de publication, sélectionnez si vous souhaitez que les publications soient « Normales » ou « Encadrées ». Vous pouvez également personnaliser la couleur et l'épaisseur de la ligne de séparation. 

De plus, Smash Balloon vous permet de cocher ou décocher les « Éléments de publication individuels » que vous souhaitez afficher.

modifications des publications Smash Balloon

Une fonctionnalité intéressante de Smash Balloon est que vous pouvez permettre aux utilisateurs d'interagir avec votre contenu de médias sociaux directement depuis votre site web. Pour ajouter un bouton « J'aime », faites défiler le menu Personnaliser et allez dans Boîte J'aime

Tout d'abord, activez le bouton J'aime pour qu'il apparaisse dans votre flux. Ensuite, vous pouvez personnaliser sa taille et sa position. 

bouton J'aime Smash Balloon

Ensuite, vous pouvez décider de la largeur de votre flux. Cependant, si vous le laissez par défaut, il s'ajustera automatiquement en fonction de la taille de l'écran.

Pour donner plus de poids à l'appel à l'action, vous pouvez montrer à vos utilisateurs de site web leurs amis Facebook qui suivent également votre page. 

Il y a maintenant une fonctionnalité vraiment intéressante de Smash Balloon que nous voulons vous montrer. Vous pouvez déplacer le bouton J'aime en dehors du menu déroulant ici. Ce que cela fait, c'est montrer à votre public le bouton « J'aime » quel que soit l'endroit où il fait défiler la page. 

personnalisation du bouton J'aime Smash Balloon

De cette façon, vous avez une plus grande chance de les inciter à cliquer sur le bouton J'aime.

Une fois que vous avez terminé, retournez au menu Personnaliser.

La dernière chose que nous voulons vous montrer ici est le bouton Charger plus. Celui-ci affichera plus de contenu du flux lorsqu'il sera cliqué par un lecteur. Vous pouvez activer ou désactiver cette option. 

L'une des principales raisons de désactiver le bouton « Charger plus » est d'améliorer l'expérience utilisateur en réduisant la surcharge de contenu et en permettant aux lecteurs de se concentrer sur le contenu qui les a amenés sur la page. D'un autre côté, activer ce bouton peut augmenter l'engagement du site et maintenir un lecteur sur la page plus longtemps, améliorant ainsi vos métriques SEO. 

Smash Balloon charger plus

Vous pouvez personnaliser le texte Charger plus comme vous le souhaitez. Vous pouvez même le changer dans une langue de votre région cible pour mieux communiquer avec votre public. Ou soyez plus aventureux et écrivez quelque chose d'accrocheur.

Le but final est d'inciter les gens à voir plus de votre flux.

Une fois que vous avez tout personnalisé à votre goût, n'oubliez pas de Sauvegarder votre flux.

Étape 5 : Publier le flux Facebook

Maintenant que vous avez configuré l'apparence de votre flux personnalisé, il est temps de l'afficher sur votre site web.

Comme tout le reste avec Smash Balloon, vous n'avez pas besoin d'avoir une expérience en codage pour publier un flux.

Il existe 3 façons d'ajouter votre flux personnalisé à votre site web WordPress. Vous pouvez utiliser un bloc, un widget ou un shortcode. Chaque méthode est facile et directe, mais idéale pour différentes situations. 

  • Bloquer le flux personnalisé : Cette méthode permet de personnaliser facilement le placement visuellement. Avec cette méthode, vous pouvez facilement voir comment le flux apparaîtra sur votre site.
  • Widget de flux personnalisé : Vous pouvez optimiser entièrement l'espace de la barre latérale, en assurant la cohérence de votre flux sur l'ensemble du site.
  • Flux personnalisé par shortcode : Permet un placement flexible n'importe où sur votre site sans erreurs.

N'hésitez pas à choisir la méthode qui correspond le mieux à vos besoins du moment. 

Pour ajouter le flux à l'aide d'un bloc, ouvrez une page ou un article sur votre menu WordPress. Pour ce tutoriel, nous utiliserons une page.

Sur la page, localisez l'endroit où vous souhaitez que le flux apparaisse et cliquez sur l'icône Plus pour ajouter un nouveau bloc. Dans la barre de recherche du bloc, tapez « Flux Facebook personnalisé », puis ajoutez le bloc de flux à la page.

smash balloon page custom feed

Si vous n'avez qu'un seul flux ajouté, il s'affichera par défaut. Pour les comptes avec plus d'un flux, Smash Balloon en choisira un par défaut ou vous devrez ajouter le shortcode du flux spécifique. 

Pour obtenir le shortcode, allez dans Tous les flux, vous verrez le shortcode affiché à côté du nom du flux.

smash balloon copy shortcode

Copiez le shortcode et retournez à la page et au bloc que vous avez créés pour le flux. Sur la droite, allez dans Paramètres, vous verrez une zone de texte appelée « Paramètres du shortcode ». Collez le shortcode ici et Appliquez les paramètres au bloc de flux que vous avez précédemment créé.

smash balloon add specific-feed on page

Votre site web devrait maintenant afficher automatiquement ce flux spécifique. 

Pour ajouter un flux Facebook via un widget, allez dans Apparence » Widgets sur votre tableau de bord WordPress.

Ici, vous devez ajouter un nouveau bloc via l'icône plus. Ensuite, dans la barre de recherche, recherchez le widget « Flux Facebook personnalisé ». 

smash balloon widget feed add

Ensuite, faites-le glisser et déposez-le à l'endroit exact où vous souhaitez que le flux Facebook apparaisse. 

Si vous avez plusieurs flux, vous devrez ajouter le shortcode spécifique dans la zone de texte à droite, comme avec le processus précédent. 

Une fois terminé, cliquez sur le bouton Appliquer les modifications.

Enfin, pour inclure le flux à l'aide d'un shortcode, commencez par copier le shortcode depuis le menu Smash Balloon Tous les flux, comme à l'étape ci-dessus.

Sélectionnez n'importe quelle page ou publication à laquelle vous souhaitez ajouter un flux. Ajoutez un nouveau bloc via l'icône Plus et recherchez « Shortcodes ».

smash balloon shortcode

Faites glisser et déposez l'icône Shortcode n'importe où sur la page ou la publication où vous souhaitez que le flux apparaisse. 

Il vous suffit de coller le shortcode, et il devrait s'afficher automatiquement.

C'est tout !

Vous avez configuré un flux Facebook sur votre site WordPress. Il fonctionnera désormais automatiquement – récupérant les nouvelles publications de votre page et les affichant sur votre site.

Et ensuite ? Faites-en plus avec Smash Balloon

Smash Balloon est un puissant plugin de flux de médias sociaux. Il peut vraiment augmenter l'engagement et votre nombre d'abonnés.

Une fonctionnalité remarquable de Smash Balloon est que vous pouvez connecter directement des flux YouTube, Instagram et Twitter à votre site.

Vous pouvez même combiner des plateformes pour créer un mur social ultime.

Mur social Smash Balloon

Si vous hébergez des diffusions en direct YouTube, vous pouvez facilement les synchroniser avec votre site WordPress. Ainsi, les visiteurs de votre site pourront également regarder votre diffusion en direct. Intéressé par la configuration ? Consultez notre tutoriel sur Comment lier votre diffusion en direct YouTube à votre site.

Pour résumer, Smash Balloon fonctionne comme un aimant à contenu de médias sociaux. Il tirera du contenu frais de vos flux et l'ajoutera à votre site. Pensez-y comme un pont entre le contenu du site et le contenu des médias sociaux.

Nous espérons que ce tutoriel vous a été utile. Vous pourriez également être intéressé par l'apprentissage de Comment ajouter des notifications de preuve sociale dans WordPress. Nous avons également ces tutoriels pour vous aider à configurer plus de liens entre les réseaux sociaux et votre site WordPress :

Les 2 premiers tutoriels vous aideront à tirer le meilleur parti de Smash Balloon, tandis que le dernier vous montrera comment générer automatiquement du contenu de médias sociaux lorsque vous publiez un article sur votre site.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !