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 40 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 !

Initialement publié en janvier 2018, cet article a été mis à jour pour la dernière fois en décembre 2021.

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.

Avant-propos : comment créer une app Facebook ?

Avant de vous jeter à corps perdu dans la lecture de cet article, une mise au point technique s’impose.

Pour vous servir de certaines des extensions de ce test, vous aurez besoin d’une application (app) Facebook.

On parle ici d’un outil qui permet de transférer des données depuis et vers Facebook.

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

Étape 1 : Accéder à la page Meta for Developers

Au préalable, vous devez posséder un compte de développeur Facebook (plus d’infos ici).

Puis rendez-vous sur la plateforme dédiée aux développeurs du réseau social (Meta for developers), et cliquez sur « Mes applications », en haut à droit de votre écran.

La plateforme Meta for Developers.

Le groupe Facebook a changé de nom fin octobre 2021. Il est désormais baptisé Meta et englobe plusieurs outils : Facebook, Instagram, WhatsApp, Oculus etc.

Étape 2 : Choisir un type d’application

Sur cette nouvelle interface, cliquez sur le bouton vert « Créer une app », puis choisissez un type d’application.

Vous avez 6 possibilités : 

  • Entreprise ;
  • Consommateurs ; 
  • Jeux instantanés ; 
  • Gaming ; 
  • Workplace ; 
  • Aucun.

Pour les besoins de ce test, je coche la case « Entreprise ». Cependant, Facebook précise la chose suivante : « si vous créez une application pour la première fois et souhaitez simplement explorer le processus de création, choisissez l’option Aucun ».

Sélection d'un type d'application Facebook.

Cliquez sur le bouton bleu « Suivant » pour passer à la suite.

Étape 3 : Ajouter des détails sur votre application

À ce stade, vous devez : 

  • donner un nom d’usage à votre application ;
  • fournir une adresse e-mail qui lui sera associée ; 
  • définir le but de votre application : voulez-vous l’utiliser pour vous-même, ou pour vos clients ?

Enfin, vous avez le choix de lier votre compte Business Manager (pour faire de la pub Facebook, notamment), si vous en avez un.

Terminez en cliquant sur le bouton vert « Créer une application ».

Créer une application Facebook pour l'utiliser sur WordPress.

Félicitations, votre application est désormais créée. Elle est disponible sur votre tableau de bord :

Le tableau de bord de l'espace Développeurs de Facebook.

Lorsque certaines extensions vous la réclameront, vous n’aurez plus qu’à la copier-coller dans la zone demandée. En tout cas, bravo : vous voilà armé pour passer à la suite.

En parlant d’extensions, à leur tour de passer sur leur gril !

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é ?

Avant de découvrir comment procéder, voici quelques précisions concernant le contenu des prochaines lignes.

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 plusieurs centaines, rien que sur le répertoire officiel. Les extensions qui remontent le plus et m’ont semblé les plus pertinentes figurent dans cet article.

Mais si vous utilisez une perle non évoquée ici, n’hésitez pas à la signaler en commentaire.

Critères de choix et types de plugins

Pour info, l’article se concentre sur 7 « 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 ;
  • afficher des avis clients issus de votre page Facebook.

Parmi les critères de choix pris en compte, je me suis basé sur :

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

À présent, les bases sont posées. Je vous propose maintenant de voir ce qui se cache dans le ventre de chaque extension.

Smash Balloon Social Post Feed

Smash Balloon Social Post Feed.

Installations actives : 200K+

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 d’excellentes notes au moment de rédiger ces lignes (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.

Pour créer votre premier fil d’actus, cliquez sur All Feeds > Add new.

Créer d'un fil d'actus WordPress & Facebook avec Smash Balloon.

Ensuite, tout se passe en 4 étapes, où vous êtes à chaque fois guidé pas à pas :

  • vous sélectionnez le type de fil d’actualités. Avec la version gratuite, vous n’avez qu’un seul choix possible (Timeline). Vous pouvez juste afficher les publications issues de votre page Facebook (ce qui est déjà bien suffisant pour commencer) ;
  • vous connectez l’extension à votre page ou groupe Facebook ;
  • vous personnalisez votre fil d’actus. Ici, les options sont légion et variées. Vous pouvez notamment agir sur l’apparence de votre fil d’actus (affichage des publications sous forme de liste ou masonry), sa hauteur, ses couleurs, le nombre de publis à afficher (le nombre peut être différent en fonction de l’écran utilisé par vos visiteurs), mais aussi agir sur l’apparence visuelle du header (en-tête) et des publis (couleurs, taille). Tout changement appliqué se visualise en temps réel, ce qui est fort pratique :
La personnalisation du fil d'actus Facebook avec l'extension Smash Balloon Social Post Feed sur WordPress.
  • vous intégrez votre fil Facebook où vous le souhaitez sur votre site. Pour cela, 2 possibilités. Vous voulez afficher votre fil sur une page, un article, ou dans une zone de widgets ? Servez-vous du bloc Gutenberg appelé « Custom Facebook Feed ». Autre option, moins intuitive : copiez-collez le shortcode généré à la fin de la personnalisation de votre fil d’actus.
Bloc Custom Facebook Feed de l'extension Smash Balloon Social Post Feed sur WordPress.

Et voilà, finito. Avec cette extension, tout est simple. On relève aussi que disposer d’autant d’options est très rare – voire inexistant – chez les plugins concurrents.

Autres points positifs à détacher : 

  • vous pouvez traduire tous les textes de votre fil d’actus en passant par l’onglet Translation (Traduction) du sous-menu Settings (Réglages) ;
  • le côté responsive de l’extension. Cela signifie que l’affichage est optimal sur tous types de supports, comme les smartphones et tablettes ;
  • la possibilité d’utiliser l’extension pour activer le oEmbed. En raison d’un changement d’API (une interface de programmation) opéré en octobre 2020, il faut savoir que Facebook et Instagram ne prennent plus en charge le oEmbed, un format qui permet par exemple d’intégrer du contenu issu de ces réseaux sociaux sur WordPress en copiant le simple lien d’une publication. Du coup, si le oEmbed n’est pas activé (il le sera si vous disposez d’une app Facebook, par exemple), les publications Facebook et Instagram que vous souhaitez copier-coller ne s’afficheront pas sur l’interface visible de votre site.

Pour info, la politique de confidentialité de Facebook empêche d’afficher aux yeux du monde les publications d’un profil personnel. C’est la raison pour laquelle vous avez seulement le choix d’afficher les publications issues d’une page ou d’un groupe.

Vous en voulez encore ? Pour les plus gourmands d’entre vous, sachez que Smash Balloon Social Post Feed propose également une version pro. Il vous en coûtera 49 $ (soit environ 43 €) 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 pas les photos et autres vidéos associées à vos publications Facebook. 

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

Notez également que Smash Balloon Social Post Feed fait partie d’une suite d’extensions permettant aussi d’afficher sur votre site les fils d’actualité issus des réseaux sociaux suivants : Instagram, Twitter et YouTube.

Télécharger Smash Ballon Social Post Feed :

Easy Social Feed

Easy Social Feed est un plugin pour ajouter Facebook sur WordPress.

Installations actives : 70K+

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 Feed (ex Easy Facebook Like Box).

Créée par Sajid Javed, ingénieur chez Automattic – l’entreprise qui contribue majoritairement à WordPress.org –, 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).

Connecter un compte Facebook au plugin Easy Social Feed Facebook sur WordPress.

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 choisissez le bloc « Easy Facebook Feed ».

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 permet d'ajouter un fil Facebook sur WordPress dans une zone de widgets.

Cas de figure n°2

Vous avez juste envie d’ajouter une « Facebook Like Box » (Encart « J’aime »).

À 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 (barre latérale) ou le footer (pied de page).

Cette fois, sélectionnez le bloc « Easy Facebook Like Box » (page plugin) 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 :

Intégration d'une like box Facebook sur WordPress.

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 l’éditeur de contenu (Gutenberg).

Le shortcode issu d'une like box Facebook sur WordPress.
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, sachez que Easy Social Feed ne propose plus d’option à proprement parler pour cela.

Pour bénéficier de cette fonctionnalité, il vous faudra passer par une extension dédiée créée par les développeurs du plugin, appelée Top Bar.

À noter qu’Easy Social Feed propose également une version Pro (à partir de 39 $/an, soit environ 35 €), qui propose notamment plus d’options de mise en page pour votre fil d’actus, un système de filtres pour vos publications, ou encore un module de création de fenêtre pop-up avancé.

Télécharger Easy Social Feed :

Formez-vous à WordPress en 8 semaines

Apprenez à concevoir des sites WordPress sécurisés, rapides et conformes aux obligations légales avec la formation à distance la plus généreuse du marché (éligible aux financements)

WPChef, la formation WordPress de référence

Social Reviews & Recommendations

Social Reviews & Recommendations est une extension Facebook pour WordPress.

Installations actives : 20K+

Social Reviews and Recommendations est une extension à l’usage très spécifique.
Comme elle se définit sur sa page de présentation issue du répertoire officiel, elle permet d’afficher les avis publiés sur Facebook par vos clients et/ou utilisateurs au sein d’une zone de widgets sur votre site WordPress

Cela peut être très intéressant pour renforcer la preuve sociale : on est plus enclin à faire confiance à un produit/service si d’autres personnes l’ont déjà utilisé et le valident.

Si vous disposez par exemple d’une boutique WooCommerce, cela peut vous aider à faire plus de ventes.

Au-delà de son côté singulier, cette extension m’a aussi séduit parce qu’elle est extrêmement bien notée (4,9/5 sur près de 300 avis déposés lors de la rédaction de cet article).

À l’usage, je peux vous confirmer que le plugin est très efficace : il s’utilise facilement et on parvient à un résultat final très vite. 

Pour afficher ces fameux avis Facebook, il suffit de vous rendre dans Apparence > Widgets, puis de sélectionner le bloc « Facebook Reviews »

Connectez-vous à Facebook, puis procédez aux réglages de votre choix. Il est possible d’agir notamment sur : 

  • la hauteur et la largeur des recommandations qui vont s’afficher ;
  • le nombre de caractères à afficher avant l’apparition du lien « Lire plus » (Read more) ;
  • l’affichage des notes laissées par les utilisateurs/clients : vous pouvez les masquer ;
  • l’ouverture des liens dans un nouvel onglet.
Le bloc Gutenberg Facebook Reviews.

Au final, le rendu en page donne ce genre de choses :

Affichage d'avis Facebook sur WordPress.

Au-delà des zones de widgets proposées par votre thème, notez que vous pouvez également afficher les avis laissés sur votre page Facebook dans une page ou un article. Pour cela, l’usage d’un code court est requis.

Vous pouvez le générer en vous rendant dans Réglages > Facebook Reviews > Shortcode. Une fois qu’il est disponible, servez-vous du bloc « Code court » sur l’éditeur de contenu pour l’intégrer au sein de votre contenu.

Enfin, sachez que l’extension créée par l’équipe de RichPlugins propose une version premium (à partir de 85 $/an, soit environ 75 € pour un usage sur un site).

Cette dernière permet notamment d’afficher des avis issus de Google et Yelp (en plus de Facebook), plus d’options au niveau de l’affichage et des filtres, ainsi que la possibilité de permettre à vos visiteurs de laisser un avis directement depuis votre site WordPress.

Télécharger Social Reviews and Recommendations :

Widget for Social Page Feeds

Widget for Social Page Feeds.

Installations actives : 100K+

Anciennement dénommée Facebook Widget, l’extension Widget for Social Page Feeds cumule plus de 100 000 installations actives et des mises à jour relativement 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).

Sélectionnez le bloc « Facebook Page Like Widget » là où votre thème le permet. Cette fois, je choisis la colonne latérale (sidebar).

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. 😉

Réglages de l'extension 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.

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

Intégration d'une page Facebook sur WordPress en sidebar.

Et c’est tout. C’était simple, rapide et efficace : tout ce que l’on aime, en somme.

Télécharger Widget for Social Page Feeds :

BestWebSoft’s Like & Share

Best Web Soft Like & Share.

Installations actives : 10K+

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 BestWebSoft's Like & Share, pour relier WordPress à Facebook.

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 et/ou 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 en page des boutons de l'extension de 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.

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 ».

Un code court pour afficher un bouton Facebook sur WordPress.

Lors de mon test, il m’a été impossible d’afficher le bouton « J’aime » de Facebook sur mon site. Vous devriez avoir le même problème chez vous, puisque Facebook a apporté des modifications à ce bouton pour les utilisateurs européens. Je reviendrai là-dessus un peu plus en détails à la fin de cet article.

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 €).

Grâce à cette dernière, vous pourrez par exemple choisir les pages ou custom post types sur lesquels afficher vos boutons, ou encore afficher un widget avec les articles les plus aimés.

Télécharger BestWebSoft’s Like & Share :

WP2Social Auto Publish

L'extension WP2Social Auto Publish, pour relier WordPress à Facebook.

Installations actives : 20K+

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 de l'extension WP2Social Auto Publish.

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 WP2Social Auto Publish.

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

Télécharger WP2Social Auto Publish :

Devenez un freelance WordPress accompli

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

Social comments by WpDevArt

Social comments by WpDevArt sur le répertoire officiel.

Installations actives : 20K+

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 principaux de WpDevArt.

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

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.

Un exemple d'intégration en page réalisé avec l'extension WpDevArt.


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 WpDevArt.

Pour plus d’options, il existe une version pro vendue à partir de 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.

Télécharger Social comments by WpDevArt :

Live Chat with Messenger Customer Chat

Live Chat with Messenger Customer Chat.

Installations actives : 10K+

Cette extension conçue par Zotabox 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.

Facebook propose aussi son extension de live chat officielle, appelée Facebook Chat Plugin. Cependant, elle a reçu de nombreux avis très mitigés de la part de ses utilisateurs, raison pour laquelle j’ai préféré me concentrer sur l’extension de Zotabox, beaucoup mieux reçue par la critique.

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

Menu FB Live Chat de Zotabox sur WordPress.

Après avoir entré votre e-mail et l’URL de votre site web, vous serez redirigé 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 Zotabox.

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. Ça, c’est tip-top !
Réglages de base de Zotabox.
  • 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

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

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

Désormais, vos 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.

Télécharger Live Chat with Messenger Customer Chat :

Nextend Social Login and Register

Nextend Social Login and Register.

Installations actives : 300K+

Nextend Social Login and Register ajoute un bouton Facebook sur votre page de connexion (mais aussi Google et Twitter, si vous le souhaitez), afin de vous connecter à votre site en utilisant automatiquement vos identifiants du réseau social.

Pour configurer le plugin, créé par les concepteurs de l’extension Smart Slider 3, rendez-vous dans Réglages > Nextend Social Login. Puis choisissez l’encart dédié à Facebook en cliquant sur « Getting started » (Commencer).

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, dans l’onglet « Settings » (Réglages) :

Nextend Social Login nécessite une app Facebook pour fonctionner.

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.

Bouton « Se connecter avec Facebook » de Nextend Social Login & Register.

L’extension dispose également d’une version premium, accessible à partir de 45 € (licence à vie), pour une utilisation sur 1 site.

Elle propose notamment une intégration à WooCommerce, afin que l’utilisateur puisse facilement se connecter à son compte utilisateur sur la page de paiement.

Vous pourrez aussi personnaliser l’aspect de vos boutons de connexion, ou encore permettre à vos utilisateurs de laisser un commentaire sur votre site en se connectant à l’aide leur réseau social favori.

Dans la version initiale de cet article, je vous présentais l’extension Wp Facebook Login for WordPress. Très efficace également, elle est fermée depuis mai 2021, raison pour laquelle je l’ai remplacée par Nextend Social Login and Register.

Télécharger Nextend Social Login and Register :

10WebSocial

10WebSocial sur le répertoire officiel WordPress.

Installations actives : 30K+

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. Vous devez d’abord associer l’extension à votre compte Facebook.

Une fois que cela est fait, sélectionnez le sous-menu « Feeds », puis cliquez sur « Add new ».

Ajout d'un fil d'actus WordPress avec 10WebSocialPostFeed.

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.

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

  • « Main » (Principal). C’est ici que vous allez choisir la page ou le groupe sur lequel 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és aux publications de votre fil, ou encore une longueur maximale pour le message de votre publication ;
  • « 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 Facebook Feed by 10Web.

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.

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.

Télécharger 10WebSocial :

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

Depuis le début de cet article, on a abordé en grande majorité 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. Évidemment, 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 Cat 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. Notez que Facebook propose également sa propre extension pour ajouter le pixel Facebook sur votre site : Facebook for WordPress. Cependant, elle est très mal notée et peut même se désactiver après une mise à jour. À éviter, donc.

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 amateur de facilité, allergique 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.

Comme ça, tout a l’air simple. Et cela l’était avant la mise à jour de cet article !

Pour ajouter un bouton Facebook dans votre contenu (ex : « J’aime », « Partager »), il suffisait de vous rendre sur la plateforme dédiée aux outils pour les développeurs de Facebook (nouvellement appelée Meta), dans la rubrique « Plugins sociaux ».

Après avoir choisi le bouton de votre choix, vous pouviez générer un morceau de code HTML en un clic, puis l’ajouter où bon vous semblait sur votre site WordPress.

Les nouvelles règles de Facebook

Mais ça, donc, c’était avant. Oui, avant que Facebook n’apporte des « modifications aux plugins sociaux pour l’Europe », comme elle l’explique. À présent, les boutons « J’aime » et « Commenter » ne pourront plus s’afficher et être vus par les utilisateurs, si deux conditions ne sont pas remplies :

  • être connecté à son compte Facebook (on parle ici de l’utilisateur) ;
  • avoir donné son consentement sur la commande « Cookies des applications et site web ».

Bref, autant vous dire que cela ne s’affichera pas souvent, ce que j’ai pu constater lors de mon test. Les fameux boutons n’ont jamais fait leur apparition sur l’interface visible de mon site… Malgré tout, il existe quelques parades pour pallier ce problème.

Je pense par exemple au constructeur de site Elementor. Dans sa version premium, Elementor Pro (lien aff), le page builder dispose de plusieurs widgets dédiés à Facebook. Ils vous permettront notamment d’afficher : 

  • un bouton « J’aime » (avec le nombre total de « J’aime », si vous le souhaitez) ;
  • un fil d’actus Facebook ; 
  • une option pour permettre à vos visiteurs de commenter sur votre site à l’aide de leur compte Facebook ;
  • l’ajout de vidéos et publications Facebook.

Formez-vous à Elementor

Apprenez à créer votre site WordPress grâce au constructeur de page le plus populaire du marché.

Elementor icon CTA

Le cas des oembeds

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. 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.

Cependant, il y a quand même un « mais ». Comme vous l’avez lu au début de cet article, Facebook ne figure plus sur la liste blanche établie par WordPress concernant les fournisseurs de liens oEmbed, depuis octobre 2020. 

Par conséquent, la publication Facebook que vous aurez choisie ne s’affichera pas sur l’interface visible de votre site. Pour que cela soit le cas, vous devez posséder une application Facebook.

Pour activer tout cela, le plus simple consiste à utiliser une extension : 

  • soit Smash Balloon Social Post Feed, que vous connaissez déjà ;
  • soit oEmbed Plus.

Cela complexifie pas mal la chose, c’est le moins que l’on puisse dire.

Quels plugins Facebook méritent vraiment un « J’aime » ?

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 Smash Balloon Social Post Feed et Widget for Social Page Feeds.

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

Dites-moi tout en commentaire.