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.
Sommaire
Initialement publié en janvier 2018, cet article a été mis à jour en juin 2020.
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
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.
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.
À 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.
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
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 :
- l’un de vos widgets ;
- un shortcode ;
- une fenêtre pop-up.
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).
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.).
Et voilà le résultat sur une 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 :
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.
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 !
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.
Ensuite, donnez un titre si cela vous chante. Puis cochez les options qui vous intéressent. Enregistrez. C’est plié.
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).
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
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 😉.
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.
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
.
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.
Étape 2 : entrez un nom d’usage (ex : App ID 1) et votre email. Puis validez le captcha.
Étape 3 : Sélectionnez le produit Facebook Login et cliquez sur le bouton Configurer.
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.
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) :
BestWebSoft’s 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.
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.
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.
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
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 ;-).
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.
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
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.
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.
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.
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
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.
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).
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 !
- 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.
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.
Désormais, vous visiteurs verront apparaître votre chat Facebook lorsqu’ils débarqueront sur votre site.
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
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.
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.
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
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.
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.
- 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).
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.
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.
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 ».
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.
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 :
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.
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.
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.
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 :
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.
Recevez gratuitement les prochains articles et accédez à des ressources exclusives. Plus de 40000 personnes l'ont fait, pourquoi pas vous ?
Bien complet, merci.
J’utilise autre chose mais si je devais changer…
Merci pour ton message Gilles ! Quel plugin utilises-tu ?
Article bien intéressant… J’utilise aspexi Facebook likebox. Quelques problèmes d’affichage suivant les navigateurs… Je n’ai pas trop regardé encore pourquoi… Sinon il est très sort et propre… Je vais regarder les extensions proposées… Merci
Merci pour cet article. Il me confirme que j’avais fait le on choix à l’époque avec Custom Facebook Feed, en particulier pour les clients qui postent plus de contenu sur Facebook que sur leurs sites. En revanche, j’ai fini par supprimer tout ce qui était blocs Facebook sur les sites car j’ai remarqué que ça fournissait une invitation aux internautes à « aller voir ailleurs » que sur le site, ce qui s’avérait contre productif pour générer du trafic. Je privilégie maintenant les boutons de partage 🙂
Wow! Quel contenu… Grand merci pour cette sélection commentée… Cela va beaucoup nous aider à s’y retrouver…
Merci Micheline ! En effet, l’objectif de la Marmite est d’aider ses lecteurs à y voir plus clair 🙂
Ah, je vois une extension que je vais tester sur un des sites que je gère – Messenger dans WP.
Mais personnellement, pour mes partages, j’utilise NextScripts qui ne se contente pas que de FB et va même récupérer les commentaires postés sur FB par les visiteurs – ces fainéants.
Bonjour Alex,
Mi décembre 2017, je ne connaissais pas WordPress . Grâce à toi et à l’aide de tes excellents tutos, mon site est presque terminé. Je t’en remercie infiniment car je commence à bien le manipuler.
Pour facebook, je suis perdu. Je souhaite avoir ce que tu as sur ton site :
– L’icône Facebook flottante à gauche de l’écran
– Un clic sur cette icône ouvre une fenêtre de partage contenant l’image de la page ou de l’article avec un bref résumé et bien sûr la possibilité de commenter. Éventuellement toujours une même image conçue à cet effet .
Je n’ai pas de compte Facebook pour mon site et pour l’instant je ne souhaite pas en créer, j’ai assez de boulot sur WordPress. Pas encore en ligne. Travail local avec Flywheel.
En te remerciant
Bonjour,
Merci pour cet article très complet ! Je suis régulièrement les publications de La Marmite et cela me permet de faire évoluer mon blog sous WordPress.
J’utilise actuellement le widget de « Jetpack » pour afficher le fil d’actualité de ma page Facebook dans la sidebar et le plugin « Sassy Social Share » pour les boutons de partage.
En revanche, je rencontre souvent des problèmes d’affichage de l’image mise en avant lorsque je souhaite publier directement un article du blog sur Facebook en utilisant la fonction dédiée de « Mailshimp ». Je suis obligé de faire de nombreuses manipulations en passant par « Pretty Links ». Je pense que je vais essayer « Facebook Auto Publish » si cela permet de simplifier cette action.
merci pour cette article de qualité
Merci pour ces infos précieuses. Une question dans le cheminement inverse, je cherche une solution pour ajouter des onglets sur ma Page Facebook qui renvoie vers mon site WP ? Existe-il une nouvelle procédure depuis les derniers changements en mars dernier?
Par avance merci de votre retour.
Emilie
Salut, tu peux utiliser les boutons d’appels à l’action de facebook
Bonour,
Très très instructif. Personnellement, j’ai installé easy facebook like, mais tout apparaît en anglais. Je suis un peu déçue… Vous pensez que c’est un problème de code
Bonjour Stéphanie, merci pour votre retour. Non, il ne s’agit pas d’un problème de code. Tout dépend de ce que vous souhaitez faire. De mémoire, il me semble que l’on ne peut pas modifier directement la langue pour le widget « Easy Facebook Feed ». En revanche, pour la like box et la pop-up, il suffit de modifier la donnée suivante (locale= »en_US » => locale= »fr_FR »), soit dans votre widget, soit via un shortcode. L’affichage en Français devrait ensuite fonctionner. En espérant avoir répondu à votre question.
Bonjour,
moi j ajouterai le code officiel facebook:
https://developers.facebook.com/docs/plugins/page-plugin
Bonjour CystM,
Tout à fait, c’est aussi une possibilité (voir la partie II pour la marche à suivre). Merci pour ce retour !
Moi j’ai voulu mettre en place facebook autopublish….
cela ne fonctionne pas car mon blog n’est pas en https.
J’ai vu que je pouvais changer un paramètre pour que le https ne soit pas obligatoire, mais moi je ne peux pas cliquer dessus.
Donc pas possible pour moi de mettre à jour facebook depuis wordpress.
Snif snif snif
bonjour,
c’est un super guide, merci beaucoup.
Mais après l’avoir lu, il y a un truc que je n’ai pas trouvé …
J’aimerais pouvoir afficher le feed horizontalement, penses-tu que ce soit possible ?
Merci beaucoup,
Côme
Salut Côme, merci pour ton retour. De mémoire, sur les réglages des extensions présentées, il ne me semble pas que cela soit possible. Il faudra que tu utilises un peu de CSS, par exemple. Je ne sais pas quelle extension tu as choisi mais The Custom Facebook Feed propose par exemple un bout de code pour t’aider : https://smashballoon.com/can-display-facebook-post-horizontally-multiple-columns/ Si tu trouves une autre solution, partage-la nous !
Merci beaucoup pour cet article. J’avais Easy like box… mais je suis un peu boulet et je ne savais pas l’installer ! 😀 J’ai un peu honte vu comme c’est simple !
Merci encore
Bonjour, je n’ai pas compris ce que c’est qu’un support dans votre précommentaire…
J’aimerais vous demander de toutes ces extensions FB dont vous parlez, laquelle me permettrait de mettre en widget non pas une page FB…mais le lien vers mon groupe FB ! C’est pas facile facile à trouver. Un peu comme la page, cela dirait « rejoignez nous ». Cela existe-t-il ?
Merci, bon WE et bel été ! Anne
Bonjour Anne, par support je veux dire l’assistance, c’est-à-dire l’aide que peut vous apporter le développeur d’un plugin.
Si vous souhaitez créer un lien vers votre page FB, un moyen très simple est d’utiliser le widget Texte, par exemple, est d’y inclure le lien vers votre page.
Ah merci pour l’éclairage « support ». Oui j’ai fait ça pour mon groupe il y a quelques semaines, mais je me demandais s’il y avait quelquechose de plus « formel ». Vous parlez de page, j’insiste, mais je parle de GROUPE, ce qui est vraiment différent ! Saurez-vous me répondre ? Bonne journée Thibaut.
The Custom Facebook Feed propose cela, de mémoire. Par contre, bien sûr, il faut que le groupe soit public pour que le flux s’affiche. Sinon vous pouvez embed (intégrer) le lien du groupe. Autre solution : il y a aussi ce plugin qui pourrait correspondre à ce que vous souhaitez faire : https://wordpress.org/plugins/fb-group-to-wp/
Bonjour Thibaut. Depuis le 4 avril, il n’est plus possible de faire cela avec un groupe sur Custom facebook feed. 🙁 Et pour Fb to wp, il s’agit d’autre chose, je crois de publier de l’un sur l’autre, mais ce n’est pas ce que je cherche. bon, rien de grave non plus, il y a des choses plus importantes ! Merci d’avoir pris le temps de chercher avec moi. Bonne semaine. Anne P
Ca marche, merci pour ce retour Anne, cela servira pour d’autres lecteurs. Bonne journée également.
J’ai trouvé ! Sur facebook directement :
https://developers.facebook.com/docs/plugins/group-plugin/#settings
Bon moi je n’y arrive pas encore, mais si on vous demande, c’est possible sur ce lien. Bonne journée. Anne
Merci pour ce tuto très complet.
Je suis parvenue à embed le feed de ma page Facebook sur mon site à l’aide de Facebook développeurs comme indiqué plus haut. Cela permettra de dynamiser mon site sans avoir de blog… C’est bon pour le SEO ou est-ce sans effet?
Une question : je ne trouve pas la procédure pour pouvoir faire de même avec les événements créés sur Facebook.
Une petite ou grande idée? Note : Je préférerais utiliser le code de Facebook développeurs.
Enfin, Facebook change souvent son algorithme. Est-ce que cela génère des modifications aux codes produits par la page https://developers.facebook.com ? En d’autres termes, est-ce préférable d’ajouter un plugin (ralentit le téléchargement) ou d’entrer dans le code avec facebook développeur?
Bonjour, en terme de SEO ça ne change rien. Pour ce qui est des évènements je t’avoue que je ne sais pas du tout…
Bonsoir,
j’aimerais que mes posts Facebook soient directement visibles dans ma page « blog » de mon siteWP. Est-ce possible avec un bout de CSS?
J’arrive à les voir si je mets [custom-facebook-feed] dans un article mais je ne peux pas intégrer ce code à ma page « articles »
Bonjour, regarde cet article qui devrait t’aider: https://wpmarmite.com/social-wall-wordpress/
Encore un excellent article !
Bravo et merci beaucoup. 🙂
Léon
Bonjour Thibaut,
je vous remercie pour cet article bien complet et super bien présenté et précis!
Malgré celà, je cherche un moyen simple d’intégrer des évenements facebook à mon wordpress, sans devoir passer par facebook developper et de préférence par widget, mais je n’ai pas trouvé grand chose… Pouvez m’aiguiller?
Merci
Jeff
Bonjour, malheureusement la tu n’as pas trop le choix 🙁
Bonjour Thibaut
Merci pour toutes ses superbes infos!!
J’aime beaucoup le plugin des boutons réseaux sociaux que tu utilises sur cette article.
Lequel tu utilises ?
Merci 🙂
Salut Sébastien,
Le plugin qu’utilise WP Marmite pour le partage sur les réseaux sociaux s’appelle Social Warfare.
On l’a testé par ici si tu veux en savoir plus 😉
Bonjour et merci pour cet article très complet.
Je souhaite installer customs facebook feed, mais j’ai un soucis : je gère plusieurs pages facebook et le plugin me récupère systématiquement le mauvaise ID de page Facebook. Il ne me permet pas de choisir entre mes différentes pages, il en prend une par défaut et, malheureusement, ce n’est pas la bonne ! Où puis-je trouver de l’aide pour régler ce problème ?
Merci d’avance pour votre aide !
Anne-Lise
Bonjour, essaye de joindre directement le support du plugin 😉
J’ai essayé mais pour avoir le support, il faut prendre la version premium du plugin, hélas !
Pas le choix 🙁
Bonjour, je souhaite utiliser Facebook autopublish, cependant je n’arrive pas à finir la configuration de l’app.
Lorsque je valide les différents champs avec ceux de l’app, j’ai un message d’erreur et ensuite plus de possibliter d’accéder à l’admin wordpress. Je suis obligé de désactiver et réactiver les plugins pour pouvoir y retourner.
Avez vous une solution car j’avoue que je sèche.
Merci
Bonjour,
Merci pour cet article intéressant sur les plug-ins Facebook.
Nous partageons des articles de notre site web sur notre page Facebook. Nous récoltons des « j’aime » sur les 2 plateformes, ce qui est très bien. Par contre, les j’aime de l’un ne s’additionnent pas avec les j’aime de l’autre. Savez-vous s’il y a un plug-in qui cumulerait les deux? Par exemple, si nous recevons 10 j’aime sur notre site web, et 15 j’aime sur notre page Facebook, nous aimerions voir 25 j’aime sur chacune de ces 2 plateformes.
Merci beaucoup
Bonjour, tu parles de j’aime sur les publications ou pour ton site en général?
Bonjour Julien,
Pour répondre à ta question, je parle des j’aime sur nos publications.
Merci
Hélène
Bonjour; tu utilises quoi pour le bouton facebook du coup? Car s’il n’est pas lié à ta page cela est impossible.
Bonjour Julien,
J’utilise le plug-in AccesPress Social Share, et en effet, je ne vois pas d’option pour lier ma page Facebook. J’ai essayé de faire une recherche de plug-in, mais je ne suis pas experte et j’avoue que je m’y perd. Connais-tu un plug-in qui lie les pages Facebook?
Merci
Hélène
La comme ça je ne sais pas exactement lequel te conseiller pour être sur d’avoir ce que tu veux.
Bonsoir, je viens d’installer Custom Facebook Feed, le fonctionnement est relativement simple pour mon peu de niveau mais je bloque sur une chose, mes photos facebook ne s’affichent pas sur la page de mon site, seulement une icône et le mot « photo » tous deux clicables. Ce n’est pas très beau. Avez-vous une piste pour que je modifie ça ? Je me demande si ça ne peut pas concerner mes paramètres facebook…. Merci pour votre aide.
Bonjour Marianne, quelle version as-tu? Si tu as la Pro, il faut bien désactiver et supprimer la free (si elle est installée). La version Free ne permet pas l’affichage de toutes les images. Bonne journée!
Merci Virginie, j’ai fini par comprendre que la version gratuite m’interdisait d’afficher les photos…. j’ai changé pour la seconde proposition, c’est pas encore parfait….J’aurais voulu pouvoir mettre sur 3 colonnes, supprimer le visuel de ma page qui revient trop etc… mais visiblement avec le gratuit il y a véritablement beaucoup moins d’options.
Bonjour,
Article très utile merci !
En revanche rien pour publier automatiquement un produit (woocommerce), comme s’il s’agissait d’un article ?
Ne trouvant rien de mon côté non plus, dois-je en conclure que ce genre de plugin n’existe pas ?
Merci d’avance !
Bonjour Olivier, lorsque tu dis « automatiquement » tu veux dire programmer la publication?
Bonjour
Merci pour votre aide précieuse.
Je cherche une extension pour intégrer des albums facebook à une page WordPress. Je me suis jeté sur votre rubrique sur « Srizon-facebook-album »…
Mais hélas : « Cette extension est fermée depuis le 18 septembre 2019 et n’est pas disponible au téléchargement. Cette fermeture est définitive. »
Avez-vous un plan B ?
Merci d’avance
Bonjour Thomas et merci pour ton message, je suis désolée pour l’instant je n’ai pas d’autre solution à t’apporter. Belle journée
Bonjour, je cherche un plugin gratuit qui permet aux clients de créer leur compte en cliquant sur Facebook lors de l’achat sur ma boutique woocommerce plutôt que de remplir le formulaire d’inscription.
Bonjour, tu peux tester celui ci : https://fr.wordpress.org/plugins/wp-fb-autoconnect/
Bonjour, Merci pour ces conseils. J’en ai testé plusieurs et à chaque fois le même problème. Les images n’apparaissent pas. J’ai le flux mais aucune image. Que faire ? Merci
Bonjour, as-tu essayé sur différents navigateurs ? Egalement en navigation privée ?
bonjour Alex
Merci pour tes conseils et cours détaillés
est ce qu’il y a un plugin Facebook feed qui permet au visiteurs d’aimer ma page Facebook depuis le plugin sans quitter le site web
Bonjour Yassin, normalement la plupart ouvrent une nouvelle fenêtre pour se connecter au compte facebook. Le visiteur reste donc sur le site.
BOnjour,
Merci pour toutes les recettes de la Marmite… Toujours super documentés…
En ce qui concerne Easy Social Post Feed je n’ai pas réussi à le faire fonctionner en mode tablette ou mobile…Il n’est pas responsive?
Merci
Bonjour Louis,
Merci pour ton retour.
Je n’ai pas le souvenir d’avoir expérimenté ce genre de soucis lors de mon test, mais ça remonte un peu.
Tu peux regarder sur le support lié à la page de l’extension, ou poser ta question directement si le problème persiste.
Bonjour
Merci pour cet article ! Est ce que vous connaissez un plugin similaire, mais au lieu d’avoir l’avis d’un site ou d’une entreprise permet avoir des avis sur plusieurs sociétés ?
J’ai un blog avec des reviews de différentes sociétés et je voudrais avoir sur chaque article les avis de fb ou google etc. de ses différentes sociétés ? C’est possible ?
J’espère que vous m’avez compris ^^
Bonjour, le principe est le même non ?