Publié par le 4 juin 2020 • 60 Commentaires

Chers lecteurs de WPMarmite, je sais quelque chose sur vous.

Quelque chose de personnel. Votre cœur palpite. Il s’emballe.

Révélation dans 3, 2, 1 : vous possédez un compte Facebook, n’est-ce pas ?

Quel scoop ! Si c’est le cas, sachez que vous faites partie des 37 millions d’utilisateurs actifs du réseau social par mois, dans l’Hexagone. Soit plus d’un Français sur deux.

Et même si la portée des publications Facebook tend à baisser, il n’en reste pas moins un canal de premier choix pour se constituer et communiquer avec une audience.

À part ça, si vous êtes tombé sur cet article, c’est sûrement que vous vous demandez comment lier WordPress et Facebook.

Je vous propose de voir ça ensemble.

Pour vous aider et vous faire gagner du temps, j’ai notamment testé 10 plugins pour Facebook.

Je vous proposerai aussi quelques bonus et vous montrerai comment procéder à une intégration manuelle de Facebook sur votre site. Alors restez bien attentifs !

L’article se concentre sur 6 « familles » d’extensions destinées à :

  • Afficher une page/un fil d’actus Facebook ;
  • Intégrer des boutons Facebook ;
  • Publier des commentaires Facebook sur WordPress ;
  • Partager automatiquement des articles ;
  • Ajouter un chat Messenger sur WordPress ;
  • Se connecter automatiquement à WordPress grâce à Facebook.

Voici quelques critères de choix pris en compte :

  • Compatibilité avec les dernières versions de WordPress.
  • facilité et simplicité d’utilisation. Même si, parfois, il faudra créer une app Facebook. J’y reviendrai. Ne fuyez pas.
  • présence sur le repository, le répertoire officiel de WordPress.

J’ai choisi de vous présenter 10 extensions. Soit une goutte d’eau dans l’océan de plugins Facebook pour WordPress. On en compte plus de 4 000, rien que sur le répertoire officiel. Ce sont toutefois, celles qui remontent le plus et qui m’ont semblé les plus pertinentes. Alors si vous utilisez une perle non évoquée ici, n’hésitez pas à la signaler en commentaire.

Initialement publié en janvier 2018, cet article a été mis à jour en juin 2020.

Besoin d’un hébergeur pour votre site ?

Faites comme WPMarmite, choisissez o2switch. Non seulement les performances sont au rendez-vous mais le support est exceptionnel.

WordPress et Facebook : 10 extensions passées au crible

Vous souhaitez intégrer votre page Facebook dans WordPress ? Et même votre fil d’actualité ? Voyons voir comment faire avec nos premières extensions.

Smash Balloon Social Post Feed

Smash Balloon Social Post Feed plugin WordPress et Facebook


Installations actives : 200,000+

Ouvrons le bal avec une extension Facebook pour WordPress incontournable, sur le papier. Roulement de tambours, j’appelle sur scène Smash Balloon Social Post Feed (anciennement baptisée The Custom Facebook Feed)..

Et je préviens : interdiction pour elle de décevoir. Sinon, je contacte les développeurs pour faux témoignages clients.

Faut dire qu’avec tous les commentaires positifs qu’elle suscite, on s’attend à du caviar. Exemples : « Formidable extension, support incroyable » ; « Le plugin parfait avec une assistance technique géniale ! Qu’est-ce que vous voulez de plus ? Téléchargez-le ! »

Ajoutons que l’extension, qui permet d’afficher sa page et son fil d’actualité, cumule plus de 200 000 installations actives et d’excellentes notes (4,8/5).

Après cette mise en bouche, il ne reste plus qu’à déguster. Passons à table !

Premier constat : l’extension est d’une simplicité d’utilisation enfantine. On ne se perd pas dans des menus incompréhensibles et fouillis. La navigation reste claire et agréable.

Quand vous l’aurez installée et activée, vous retrouverez trois options dans la barre de gauche de votre admin WordPress : Settings (Réglages), Customize (Personnaliser) et About Us (A Propos)

Commençons par régler tout ça.

Réglages Facebook Feed

Pour que l’extension fonctionne correctement, vous devez la connecter à une page ou à un groupe Facebook que vous maintenez. Une fois ceci effectué, vous pourrez ajouter l’identifiant de n’importe quelle page ou groupe Facebook.

Ajoutez votre identifiant de page Facebook. Vous le trouverez à la fin de l’URL de votre page. Pour l’exemple, j’ai choisi WPMarmite.

Hop, hop, hop, je vous vois venir. Vous vous dîtes peut-être : « Mais Thibaut, j’ai pas de page Facebook, j’ai qu’un profil privé. Et je veux afficher mon fil d’actu perso sur mon site/blog WordPress. Comment je fais ? »

Même si je vous aime beaucoup, ça ne va pas être possible. La politique de confidentialité de Facebook empêche d’afficher aux yeux du monde les publications d’un profil personnel. Si vous êtes un groupe, en revanche, pas de problème.

Maintenant que vous avez séché vos larmes, revenons-en à notre mouton. Vous pouvez aussi choisir le nombre de publications à exposer et le temps que met l’application pour contrôler si vous avez publié un nouveau contenu à afficher.

Finito ? Si vous voulez un truc qui marche mais pas tout tout beau, oui. Si vous voulez vous amuser à personnaliser l’apparence de votre fil pour le rendre lecteur-friendly, non.

Abordons tout de suite cette étape. Cliquez sur Customize.

Personnaliser Facebook Feed

À partir de maintenant, vous allez pouvoir modifier un nombre quasi-incalculable de paramètres. Impossible de tous les citer, tellement il y en a. Notons quand même :

  • Gestion de la hauteur et de la largeur du flux ;
  • Gestion de la couleur ;
  • Taille des icônes ;
  • Taille du texte ;
  • Traduction des textes ;
  • Ajout possible de code CSS ;

Le plus simple est d’y jeter un œil par vous-même. On relève qu’avoir autant de détail est assez rare chez des plugins concurrents.

Une fois que vous êtes au point, copiez-collez le shortcode [custom-facebook-feed] dans votre page/article/sidebar.

Voilà ce que ça donne avec la page Facebook de WPMarmite intégrée au sein d’une page et dans une barre latérale (sidebar).

NB : on ne critique pas les couleurs choisies, merci.

Custom Facebook Feed intégration en page

Autre point positif : le côté responsive de l’extension. Cela signifie que l’affichage est optimal sur tous types de supports, comme les smartphones et tablettes.

Vous en voulez encore ? Pour les plus gourmands d’entre vous, sachez qu’il existe une version pro. Il vous en coûtera 49$ (soit environ 45€) pour une utilisation sur un site.

Elle permet notamment d’afficher vos photos, vidéos, commentaires et autres partages sur votre fil d’actu, ce qui est bien sûr impossible en version gratuite.

C’est d’ailleurs une limite d’usage assez importante, car cela donne l’impression que votre site a des problèmes d’affichage en ne montrant les photos et autres vidéos associés à vos publications Facebook. 

Dommage car à part ça, cette extension reste hyper efficace.

Easy Social Post Feed

Easy Social Post Feed

Installations actives : 100,000+

Connaissez-vous l’effet 3 en 1 ? Indice : rien à voir avec du shampooing ou un produit de beauté. Vous séchez ? Allez jeter un œil à Easy Social Post Feed (ex Easy Facebook Like Box).

Créée par Sajid Javed, ingénieur chez Automattic – l’entreprise qui développe et distribue WordPress -, cette extension permet d’afficher soit votre fil d’actualité, soit votre Facebook Like Box (boîte J’aime), soit les 2. Le tout de 3 façons en utilisant :

Après une refonte, l’extension propose aussi d’intégrer votre fil Instagram, qui fait partie de Facebook, on le rappelle. 

Alors comme ça, ça semble complexe. Rassurez-vous, c’est hyper accessible. Tout est expliqué dans les réglages, en anglais. What, en aaaannnglaiiiiiiis ? Pas de panique, je vous aide pas à pas.

Pour commencer, vous devez connecter votre page Facebook à l’extension si vous souhaitez afficher votre fil d’actualité (seule la version Pro permet d’afficher le feed de n’importe quelle page).

Connexion page Facebook Easy Social Feed

C’est tout bon ? Alors, passons aux différents cas de figure.

Cas de figure n°1 : vous souhaitez faire profiter de votre fil d’actualité à vos lecteurs. Rendez-vous dans Apparence > Widgets et copiez-collez le widget Easy Facebook Feed dans votre barre latérale, par exemple.

Ensuite, renseignez les infos demandées à votre guise (ex : nombre de publications à afficher, logo, ouverture des liens dans un nouvel onglet etc.).

Easy Facebook Feed barre latérale

Et voilà le résultat sur une page.

Easy Facebook Feed intégration en page


Cas de figure n°2 : Vous avez juste envie d’ajouter une Facebook Like Box.

À quoi ça sert, ce bidule ? À promouvoir votre page Facebook et à inciter vos visiteurs à l’aimer pour renforcer votre image de marque et votre notoriété.

Comment faire, maintenant ? La procédure est exactement la même que pour l’insertion de votre fil de publication. Seul change le widget à déplacer dans la zone de votre choix, comme la sidebar ou le pied de page (footer).

Cette fois, sélectionnez Easy Facebook Like Box dans Apparence > Widgets. Paramétrez-le selon vos envies. Et le tour est joué.

Pour l’exemple, on s’est servi de la page Facebook dédiée à l’extension de cache WP Rocket :

Flux Facebook WP Rocket

Si vous souhaitez présenter la Like Box à l’intérieur de votre contenu, copiez-collez directement le shortcode généré dans votre article ou votre page, à l’aide du bloc Code court de Gutenberg.

Code court Easy Facebook Like Box
Le shortcode en question se trouve au bas du widget Easy Facebook Like Box.

Cas de figure n°3 : vous voulez intégrer une fenêtre pop-up pour être certain que vos visiteurs voient votre page.

Ce que l’on appelle pop-up est une fenêtre qui s’ouvre automatiquement lorsqu’un internaute parcourt une page web. On la retrouve souvent pour faire passer un message publicitaire qui vous donne envie de casser votre écran parce-que ça vous empêche de lire un contenu tranquillou.

Cela peut donc être intrusif. À vous de voir si cela est réellement utile à vos lecteurs.

Si vous tenez à mettre tout ça en place, cliquez sur l’onglet Auto PopUp, dans les réglages de l’extension.

Le développeur de l’extension recommande d’utiliser un autre de ses plugins appelé WPOptin. Personnellement, je ne suis pas fan d’ajouter plugin sur plugin sur mon installation WordPress.

Du coup, je préfère passer par les réglages proposés par Easy Social Post Feed, qui permettent aussi de le faire. 

Si vous choisissez aussi cette option, pensez à bien coller le shortcode généré par le widget « Easy Facebook Likebox » dans l’emplacement attitré (appelé PopUp Content) et à garder la même hauteur et largeur, soit 250 pixels dans mon cas. Et c’est tout !

Auto Popup Content

Simple Like Page Plugin

Simple Like Page Plugin

Installations actives : 40,000+

Voilà une extension qui porte vraiment bien son nom. Amis flemmards, amis pépères : j’ai ce qu’il vous faut.

Essayez Simple Like Page Plugin. Un plugin qui ravira aussi ceux qui n’aiment pas perdre leur temps et les configurations complexes.

Installez-le, activez-le. Et voilà. Euh, vraiment ? Oui, quasiment. Pour les 5% restants, lisez la suite.

Dirigez-vous sur Apparence > Widgets. Repérez le dénommé SFP – Like Page Plugin et intégrez-le là où votre thème le permet.

Pour ma part, j’opte pour la classique barre latérale.

SFP Like Page Plugin


Ensuite, donnez un titre si cela vous chante. Puis cochez les options qui vous intéressent. Enregistrez. C’est plié.

Intégration en page de l'extension SFP

Trop facile, qu’en pensez-vous ? Mais je vous vois venir. Vous voulez le beurre. L’argent du beurre. Et la crémière. On est tous les mêmes.

Bon, si je traduis, vous voulez pouvoir afficher ça ailleurs qu’en sidebar ou dans votre bon vieux footer.

C’est possible en utilisant un shortcode. Pour cela, les développeurs de l’extension vous facilitent la vie en mettant à disposition plein d’exemples sur leur page. N’hésitez pas à la parcourir.

Pour ma part, j’ai testé tout ça avec la page de WPMarmite. Voici le shortcode créé.

[sfp-page-plugin url=https://www.facebook.com/WPMarmite timeline=true height=300]

Si on décompose, on voit que je demande d’afficher la page Facebook de WP Marmite en insérant son URL (url=https://www.facebook.com/WPMarmite). Ensuite, je demande d’afficher les publications (timeline=true). Enfin, height correspond à la hauteur du flux, soit 300 pixels ici.

Visuellement, ça donne ça (le visiteur peut scroller sur la photo pour afficher les publications).

SFP Plugin

Notez bien que cette extension fonctionne uniquement pour les pages Facebook et non pour les groupes, les événements et les profils privés.

Widget for Social Page Feeds

Widget for Social Page Feeds

Installations actives : 100,000+

Anciennement dénommée Facebook Widget, l’extension Widget for Social Page Feeds cumule plus de 100 000 installations actives et des mises à jour fréquentes.

Du coup, on s’attend à quelque chose de fonctionnel pour intégrer sa page Facebook dans WordPress via un widget.

Commencez par installer et activer le plugin, qui permet aussi d’afficher son fil d’actualité sur votre WordPress.

L’extension vous redirige automatiquement sur les réglages des widgets de WordPress (dans Apparence > Widgets).

Glissez-déposez le widget « Facebook Page Like Widget » là où votre thème le permet. Je choisis, encore une fois, la colonne latérale.

Je précise que je ne fais pas de favoritisme et que je ne suis pas marié avec elle. Disons qu’elle me fait de l’effet 😉.

Facebook Page Like Widget


Après, c’est un jeu d’enfants. Réglez, écrivez et cochez à votre convenance.

Pour l’exemple, j’ai choisi la page du WordCamp Europe, qui s’est tenu en ligne en juin 2020.

Vous voulez voir le résultat ? Allons-y.

Intégration FB widgets

Notez que vous n’êtes pas obligé de créer une application Facebook pour faire marcher l’extension ci-dessus.

Celle préenregistrée fonctionne. Sinon, vous pouvez aussi utiliser le code proposé par le développeur de l’extension : 1590918427791514.

Devenez un freelance WordPress accompli

Trouvez les bons clients, vendez des sites rentables, et libérez-vous de vos contraintes​

Comment créer une app Facebook ?

Néanmoins, cette fameuse application Facebook va s’avérer obligatoire pour vous servir d’autres plugins.

Du coup, on va s’arrêter ici sur les détails pour la créer. Comme ça, ce sera fait.

Étape 1 : dirigez-vous sur la Plateforme Facebook pour développeurs à l’adresse suivante : https://developers.facebook.com/.

Cliquez sur le menu déroulant Mes applications, en haut à droite de votre écran. Puis choisissez Créer une app.

Créer une app Facebook

Étape 2 : entrez un nom d’usage (ex : App ID 1) et votre email. Puis validez le captcha.

Créer nouvel ID d'app

Étape 3 : Sélectionnez le produit Facebook Login et cliquez sur le bouton Configurer.

Facebook Login Facebook App

Etape 4 : Sélectionnez Web et entrez l’URL de votre site (ex : www.votresite.fr). Cliquez sur le bouton Save (Enregistrer).

Etape 5 : Dans l’onglet Général du menu Paramètres, renseignez les informations requises. Par exemple le domaine de l’app, une adresse email de contact, l’URL de la politique de confidentialité et des conditions de service etc. Pensez à enregistrer vos modifications.

Coordonnées app Facebook

Etape 6 :  Si vous avez correctement rempli toutes les informations, vous pourrez publier votre app en la passant en ligne en haut de l’écran. Lorsque des extensions en auront besoin pour fonctionner, elles vous demanderont l’ID de l’app et la clé secrète qui lui est associée (voir ci-dessous) :

App en ligne

BestWebSoft’s Like & Share

Best Web Soft Like & Share

Installations actives : 10,000+

Comme son nom l’indique, cette extension permet d’ajouter des boutons spécifiques à Facebook sur votre WordPress. À savoir les célèbres :

  • Like (J’aime)
  • Follow (Suivre)
  • Share (Partager)

Son utilisation répond à un besoin bien spécifique et ne vous permettra pas d’afficher votre fil d’actualité, par exemple.

Une fois l’extension activée, rendez-vous dans l’admin de WordPress et sélectionnez Like & Share > Réglages, comme indiqué sur la photo ci-dessous.

Réglages de l'extension Like & Share

En version gratuite, les possibilités de configuration sont assez restreintes. Vous allez uniquement pouvoir agir sur des réglages généraux comme le type de boutons à afficher, leur taille, leur emplacement (avant-après/avant et après le contenu) etc.

Ceci dit, cela s’avère largement suffisant dans la majorité des cas.

Une fois que vous avez paramétré comme bon vous semble, pensez à sauvegarder.

L’extension affiche ensuite automatiquement les boutons sélectionnés avant/après ou avant et après le contenu de chaque article/page.

Voici ce que cela donne en action.

Intégration Best Web Soft

La traduction est appréciable. Si vous cherchez un plugin Facebook pour WordPress en français, vous serez servis.

Notez qu’il est possible d’ajouter un lien vers votre page Facebook via votre identifiant présent dans votre URL. Lorsqu’un visiteur cliquera sur le bouton « My Page », il sera redirigé vers votre page, donc.

Il est également envisageable de personnaliser ce bouton avec une image ou un logo représentant vos services.

Parmi les options disponibles, vous serez aussi en mesure d’afficher le nombre exact de J’aime.

Pour intégrer les boutons là où vous le souhaitez (corps d’un article/page, widget, custom post type), il suffit de copier-coller le shortcode suivant [fb_button]dans un bloc Gutenberg Code court.

Code court Gutenberg

Au final, cette extension sobre et accessible fait le travail. Pour plus de personnalisation, vous pouvez bidouiller le code CSS ou vous tourner vers la version payante, commercialisée 25,90$/an pour un site (environ 23€) sur le site de BestWebSoft.

Bonus : si votre truc, c’est les boutons, peut-être aimerez-vous aussi l’extension suivante : WP Like Button.

WP2Social Auto Publish

WP2Social Auto Publish

Installations actives : 30,000+

Vous souhaitez publier sur Facebook depuis WordPress ? Cette extension est faite pour vous.

WP2Social Auto Publish, anciennement baptisée Facebook Auto Publish, vous autorise à « publier automatiquement les contenus de votre blog (ou site) sur Facebook », explique le développeur du plugin.

Pour les réglages, il est d’abord nécessaire de créer une « Application Facebook ». Mais ça, vous savez faire, désormais ;-).

Réglages WP2Social

Ensuite, passons tranquillement à la configuration. Vous pouvez choisir, entre autres :

  • la façon dont va être affiché votre contenu sur Facebook (texte, texte avec image, texte avec un lien).
  • de publier automatiquement vos articles, ou vos pages, ou les deux.
  • de choisir les catégories d’articles qui doivent être divulguées automatiquement.

Enregistrez vos réglages favoris et jetez un œil à Facebook dès votre prochaine publication.

Exemple d'intégration au sein d'un article de l'extension Facebook Auto Publish

Notez que la partie « Logs », située sous les « Settings » de l’extension, dans votre administration WordPress, permet de contrôler l’état des publications.

WpDevArt Social comments

WpDevArt Social comments répertoire officiel

Installations actives : 30,000+

Cette extension permet à vos visiteurs de commenter le contenu de votre site à l’aide de leur compte Facebook.

Cela comporte plusieurs intérêts :

  • la possibilité de commenter n’importe où sur votre site.
  • diminuer le spam et favoriser les discussions de qualité. « Lorsque les gens publient des commentaires avec leur profil Facebook, les discussions sont de meilleure qualité et les contenus indésirables se font plus rares », précise Facebook sur son espace dédié aux développeurs.
  • « Augmenter le temps passé sur votre site et le degré d’interaction » entre les visiteurs, toujours selon Facebook.

Pour régler l’extension, rendez-vous, comme d’hab, dans la barre d’admin de votre WordPress, sur la gauche.

Assurez-vous, au préalable, de bien l’avoir installée et activée.

Réglages Facebook comments

Pour que Facebook Comments fonctionne, il est nécessaire de créer une app ID.

Ensuite, configurez votre futur espace de commentaires en choisissant, notamment, les éléments suivants :

  • titre
  • couleur
  • police
  • nombre de commentaires à afficher
  • lieu d’apparition des commentaires (articles, pages, accueil)
  • langue

Enregistrez en cliquant sur Save section et rendez-vous sur un de vos articles, par exemple. Par défaut, la boîte de commentaires s’intégrera automatiquement en bas de la publication.

Facebook Comments intégration en page


Si vous voulez intégrer et importer des commentaires à l’intérieur de vos contenus, vous pouvez utiliser et personnaliser le shortcode proposé par les développeurs de l’application.

Il se situe dans la partie droite des réglages de l’extension.

Notez aussi que vous pouvez choisir de désactiver l’affichage des commentaires Facebook de façon individuelle, par article ou par page. Pour cela, servez-vous du petit encart situé au bas de votre contenu.

Autoriser les commentaires Facebook Comments

Pour plus d’options, il existe une version pro qui coûte 10$/an pour un site (8€). Elle permet notamment de customiser la couleur de fond de votre boîte de commentaires et d’ajouter des effets d’animation.

Live Chat with Messenger Customer Chat

Live Chat with Messenger Customer Chat

Installations actives : 20,000+

Cette extension permet à vos visiteurs d’entamer une discussion avec vous via Facebook Messenger. Le tout depuis votre blog/site WordPress.

Ce qui est plutôt pas mal pour permettre à vos lecteurs de vous poser des questions sur vos produits, ou pour proposer du support.

Pour la mettre en place, cliquez sur FB Live Chat sur votre tableau de bord WP.

FB Live Chat menu

Après avoir entré votre email et l’URL de votre site web, vous serez redirigé(e) vers une page tierce gérée par le service Zotabox, qui propose une vingtaine d’outils marketing, dont notre fameux chat Facebook.

Vous allez voir, le tableau de bord est assez touffu, avec de nombreuses options. Pas hyper-simple de s’y retrouver au départ, d’autant que tout est en anglais. 

La colonne de gauche liste tous les outils proposés par Zotabox (1 sur la capture ci-dessous). Les réglages du chat Facebook ont lieu sur la partie de droite (2).

Réglages de Facebook Live Chat

En gros, vous pouvez agir à 2 niveaux :

  • Réglages de base (Basic settings). Ils permettent de personnaliser l’icône de chat qui va apparaître sur l’écran, ainsi que les textes qui la composent. Vous avez par exemple le choix entre l’affichage d’une icône, d’un texte dans un onglet, ou d’un texte dans un bouton. Vous pouvez personnaliser le texte à afficher, sa couleur, sa taille, ou encore sa police. Enfin, il est possible de sélectionner le français comme langue par défaut. Ca, c’est tip-top !
Basic settings Facebook Live Chat
  • Options d’affichage (Display Options). Via cet onglet, vous pouvez paramétrer finement l’affichage de votre icône ou bouton. L’extension vous permet de l’afficher à un certain type de visiteurs (ex : tous les visiteurs ; uniquement les nouveaux visiteurs ; uniquement les visiteurs de retour sur votre site etc.), sur certains types de pages, en fonction de zones géographiques et même de la taille d’écran de vos visiteurs.
Options d'affichage Facebook Live Chat

Dès que vous êtes O.-K. au niveau des réglages, enregistrez à l’aide du bouton Save, puis associez votre page Facebook.

Afin de rendre tout cela actif, passez le petit curseur situé en haut de votre page de réglages sur On.

Facebook Live Chat

Désormais, vous visiteurs verront apparaître votre chat Facebook lorsqu’ils débarqueront sur votre site.

Chat Facebook intégration on page

L’extension est très efficace, agréable à utiliser et ses options sont fournies. Seul souci : Zotabox est un outil premium. Sa version d’essai gratuite est limitée à 30 jours.

Au-delà, il vous en coûtera au minimum 12,99$/mois (soit environ 11€) pour une jauge limitée à 5 000 visites.

Wp Facebook Login for WordPress

Wp Facebook Login for WordPress

Installations actives : 8,000+

Wp Facebook Login for WordPress ajoute un bouton Facebook sur votre page de connexion, afin de vous connecter à votre site en utilisant automatiquement vos identifiants du réseau social.

Cela marche aussi pour les utilisateurs qui disposent d’un compte sur votre site (ex : un éditeur qui écrit des articles de blog pour vous).

Pour configurer le plugin, il suffit juste d’entrer l’identifiant de votre App Facebook, ainsi que la clé secrète qui lui est associée, en passant par le menu Réglages > Facebook Login.

Il est aussi possible d’afficher votre avatar Facebook, c’est-à-dire la photo utilisée sur votre profil. A vous de voir si vous comptez utiliser ce petit effet de style.

Réglages Facebook Login

Pensez à enregistrer vos modifications. Pour visualiser le résultat, déconnectez-vous de votre site. En principe, vous êtes redirigé vers la page de connexion à l’administration de WordPress. Et là, magie : un joli bouton d’un bleu éclatant, avec la mention “Se connecter avec Facebook”, vient de faire son apparition.

Vous pouvez vous en servir pour vous connecter. Notez qu’il vous reste encore la possibilité de rejoindre votre site en vous servant de votre identifiant et de votre mot de passe WordPress.

Facebook Login bouton  de connexion

Dans le même genre, le plugin Nextend Social Login and Register permet aussi de vous connecter à l’administration de WordPress en utilisant vos comptes de réseaux sociaux : Facebook, donc, mais également Google et Twitter.

10Web Social Post Feed

10Web Social Post Feed

Installations actives : 40 000+

Vous cherchez à ajouter votre fil d’actualités (feed) Facebook sur votre site WordPress ? 10Web Social Post Feed devrait vous intéresser, puisqu’il est fait pour ça :-).

Pour les réglages, rendez-vous sur le menu Facebook Feed sur votre interface d’administration. Sélectionnez Feeds, puis Add new.

Premier constat : dommage que l’interface de l’extension ne soit disponible qu’en anglais. Si cela vous embête, sachez que vous pouvez activer Loco Translate pour la traduire en français.

Deuxième chose : on regrette aussi que les boutons d’appel à l’action soient un peu petits, mais ce n’est pas non plus la mer à boire.

Facebook Feed réglages

Au niveau des réglages, vous disposez de 3 options : 

  • Main (Principal). C’est ici que vous allez choisir la page ou le groupe sur laquelle vous souhaitez récupérer votre fil d’actualités. On notera aussi la présence de réglages intéressants comme la possibilité de régler la largeur du fil d’actualités. Vous pouvez également choisir d’afficher ou non les commentaires, les mentions J’aime, les partages liées aux publications de votre fil, ou encore une longueur maximum pour le message de votre publication.
  • Lightbox settings (Réglages de la lightbox). Pour rappel, une lightbox est une fenêtre qui apparaît en surbrillance sur votre écran, lorsqu’un visiteur clique sur un élément, par exemple une photo présente sur votre fil d’actus. Il est possible de régler les dimensions de la lightbox, la lecture automatique, ou encore le plein écran.
Réglages de la lightbox
  • Comments (Commentaires). Dans cet onglet, vous pouvez par exemple choisir d’afficher vos commentaires dans l’ordre chronologique, ou montrer les réponses associées aux commentaires.

Une fois votre tambouille terminée, direction l’article ou la page de votre choix. Pour l’intégration, c’est très simple : un bloc Gutenberg est présent (vous pouvez aussi vous servir d’un shortcode, si vous le souhaitez).

Bloc Gutenberg Facebook Feed

Ajoutez le bloc en question, puis sélectionnez le nom que vous avez donné à votre fil d’actualités. Publiez votre contenu, et c’est tout bon :

Facebook Feed intégration en page
Voilà le résultat sur mon article en ligne

Au final, l’extension fait bien le job. Par contre, sans passer par un peu de code CSS, il n’est pas possible d’intervenir sur le design du fil d’actus pour le faire coller à votre charte graphique.

Vous disposerez de plus d’options à ce niveau-là en vous procurant la version Premium (à partir de 25$, soit environ 22€ pour une utilisation sur 1 site), qui propose notamment plusieurs mises en forme prêtes à l’emploi.

Avec ces extensions-là aussi, vous pouvez aussi intégrer Facebook sur WordPress

Depuis le début de cet article, on a abordé uniquement des extensions dédiées spécifiquement à l’ajout de Facebook sur WordPress.

Cependant, sachez aussi qu’il existe des extensions plus généralistes qui permettent sous certains aspects de “marier” Facebook et WordPress : 

  • Social Warfare est une extension qui permet d’ajouter des boutons de partage et de suivi (Social follow) sur les réseaux sociaux. Evidemment, il est possible de le faire avec Facebook.
  • Jetpack est une extension couteau-suisse dont le but est d’améliorer la gestion et le fonctionnement de votre site sur 3 aspects principaux (design, sécurité, marketing). Jetpack propose un widget pour ajouter une Facebook Like Box dans un widget.
  • Yoast SEO est un plugin qui permet avant tout d’optimiser votre référencement naturel. Cependant, il dispose d’un onglet Réseaux sociaux qui permet par exemple d’effectuer certains réglages liés à Facebook, comme l’ajout de métadonnées OpenGraph.
  • Pixel Caffeine est une extension qui permet d’installer le pixel Facebook sur WordPress. Le pixel Facebook est un morceau de code qui sert à mesurer et à optimiser vos publicités Facebook.

Apprenez le CSS une bonne fois pour toutes

Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.

Comment intégrer Facebook sur WordPress sans extension ?

Si vous êtes amateurs de facilité, allergiques au code et que vous pleurez en voyant l’expression « Plateforme de développeur Facebook », il vous faut sûrement opter pour une extension.

Pour les autres, sachez qu’il est possible d’intégrer Facebook sur WordPress manuellement. Parfois, vous n’aurez même pas le choix parce qu’une extension peut :

  • entrer en conflit avec un autre plugin et faire planter votre site.
  • ralentir votre site.
  • présenter des failles de sécurité.
  • nécessiter la création d’une Application Facebook. Et ça, c’est niet pour vous.

Pour gérer tout ça avec vos petites mains, rendez-vous sur la « Plateforme de développeur Facebook », dans la rubrique « Social Plugins ».

Dans la colonne de gauche, choisissez ce que vous souhaitez intégrer. Pour l’exemple, je choisis le fameux bouton « J’aime ».

Bouton J'aime Plugin Page

Ensuite, scrollez un peu sur la page pour tomber sur la rubrique Configurateur du bouton J’aime.

Entrez les infos que vous souhaitez. Là, j’ai renseigné l’URL de Youtube, l’une des pages les plus aimées sur Facebook (85 millions de J’aime au moment d’écrire cet article).

Cliquez sur Obtenir le code puis sur l’onglet IFrame.

Iframe Facebook


Il ne vous reste plus qu’à le copier-coller dans votre contenu pour vous auto-proclamer champion du monde. Je vous aide encore un peu.

Via l’éditeur Gutenberg, choisissez le bloc HTML personnalisé, puis collez le code à l’intérieur :

Code HTML personnalisé Gutenberg

Publiez votre page et allez constater le résultat sur l’interface front-end (ce que vos visiteurs voient) : votre bouton J’aime a fait son apparition ;-). Notez que je parle couramment le Lorem Ipsum.

Bouton J'aime intégration en page

Attention : si jamais vous utilisez SecuPress et que cela ne fonctionne pas, il y a des chances pour que vous ayez activé l’option “HTML non filtré dans l’éditeur des articles” située dans Modules > Coeur de WordPress. Désactivez-la, collez votre code iframe, sauvegardez votre contenu et réactivez l’option dans SecuPress. Fin de l’aparté.

Maintenant, vous voulez aussi mettre ce petit bouton en sidebar. Choisissez le widget HTML personnalisé dans Apparence > Widgets. Faites un glisser-déposer dans la sidebar puis collez le code.

Code HTML personnalisé sidebar

Bravo, vous avez pigé le principe, j’en suis certain. C’est exactement la même chose pour les autres options proposées (S’abonner, Commentaires, Partager etc.).

Pour finir, notez que depuis WordPress 4.7 vous pouvez inclure directement des publications Facebook dans WordPress.

C’est tout simple, il y a juste à coller l’URL de la publication en question. Et cela fonctionnera quel qu’en soit le type (photo, vidéo, question ou simple statut).

Pour cela, cliquez sur la date de votre publication, ce qui va l’ouvrir dans une page à part. Sélectionnez l’URL et collez-la directement sur Gutenberg.

URL d'une publication Facebook

Le contenu embarqué ne peut pas être visualisé sur Gutenberg, mais tout s’affiche correctement en ligne, ne vous inquiétez pas. 

Voyez plutôt :

Intégration page URL Facebook

Conclusion

Il ne reste plus que quelques mètres avant la ligne d’arrivée.

Avant de la franchir, je vous distille quelques ultimes conseils. Essayez de les appliquer à chaque fois que vous installerez une extension :

  • Contrôlez le temps de chargement de vos pages après installation.
    Vous pouvez par exemple utiliser GTMetrix pour vous faire une idée. Si vous souhaitez aller plus loin, je vous conseille l’article de Florian, sur la Marmite : « Comment optimiser un site WordPress sans se ruiner ».
  • Sauvegardez votre site avant une grosse mise à jour.
  • Vérifiez le nombre de téléchargements. Une extension très téléchargée est souvent synonyme de qualité, même s’il ne faut pas généraliser.
  • Jetez un œil aux commentaires des internautes et aux notes (étoiles).
  • Contrôlez la date de dernière mise à jour. Si l’extension qui vous fait de l’œil n’a pas été actualisée depuis 2 ans, tracez votre route.

J’espère que vous avez bien compris comment ajouter Facebook sur WordPress.

Difficile pour moi de vous donner un top 3 des extensions testées étant donné qu’elles ne sont pas toutes destinées au même usage. Néanmoins, j’ai bien aimé utiliser Widget for Social Page Feeds, Smash Balloon Social Post Feed et Simple Like Page Plugin.

Et vous, quel plugin avez-vous choisi pour votre site ?

Expliquez-moi pourquoi en commentaire.

Et si l’article vous a plu, partagez-le sur Facebook (ou ailleurs, je ne vous en voudrai pas) ! À bientôt.