PubliĂ© par le 9 janvier 2018 ‱ 47 Commentaires

Chers lecteurs de la Marmite, 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 33 millions d’utilisateurs actifs du rĂ©seau social par mois, dans l’Hexagone. Soit 1 Français sur 2.

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 ;
  • Mettre en avant vos albums/galeries photos Facebook sur WordPress ;
  • Publier des commentaires Facebook sur WordPress ;
  • Partager automatiquement des articles ;
  • Ajouter un chat Messenger sur WordPress.

Voici quelques critĂšres de choix pris en compte :

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.

Voici le sommaire :

  1. WordPress et Facebook : 10 extensions passées au crible ;
    1. The Custom Facebook Feed
    2. Easy Facebook Like Box
    3. Simple Facebook Plugin
    4. Facebook Page Promoter Lightbox
    5. Facebook Widget
    6. Facebook Button by BestWebSoft
    7. Srizon Facebook Albums
    8. Facebook Comments
    9. Facebook Auto Publish
    10. Facebook Messenger for WordPress
  2. Comment intégrer Facebook sur WordPress sans extension
  3. Conclusion

Enfin, en cas de doute, je vous conseille l’article suivant d’Alex : « Comment installer un plugin WordPress dans les rĂšgles de l’art ».

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.

I. 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 5 premiĂšres extensions.

Avant-propos : pour plus de transparence, je vous prĂ©cise que cet article contient des liens affiliĂ©s. ConcrĂštement, la Marmite recevra une commission si vous passez par l’un d’eux pour acquĂ©rir un des plugins prĂ©sentĂ©s. GrĂące Ă  cela, nous pouvons rĂ©compenser le travail de recherche et d’Ă©criture des rĂ©dacteurs. Ce n’est pas pour autant que notre avis est biaisĂ©. Si une extension ne nous plaĂźt pas, on ne se prive pas pour vous le signaler.

1. The Custom Facebook Feed

Capture d'Ă©cran de l'extension The Custom Facebook 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 « 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 deux options dans la barre de gauche de votre admin WordPress : Settings (RĂ©glages) et Customize (Personnaliser).

Commençons par régler tout ça.

RĂ©glages de l'extension The Custom Facebook Feed

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

Custom Facebook Feeds 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.

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 la Marmite intĂ©grĂ©e au sein d’une page et en sidebar.

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

Intégration de l'extension The Custom Facebook Feeds dans un article WordPress

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$ (40€) pour l’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. Plus d’infos sur le site de Smash Balloon, le dĂ©veloppeur de l’extension.

Conclusion : on ne porte pas plainte pour faux témoignage et on valide cette extension hyper efficace. Suivante !

Télécharger Custom Facebook Feed

2. Easy Facebook Like Box (Facebook Page Plugin) – Custom Facebook Feed – Auto PopUp

Capture d'Ă©cran de l'extension Easy Facebook Likebox

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

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.

RĂ©glages du plugin Easy Facebook Like Box


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 sidebar, par exemple.

Ensuite, renseignez les infos demandĂ©es Ă  votre guise. Pour l’exemple, j’ai choisi de prendre la page de WP Rocket, LE plugin de cache qui permet d’accĂ©lĂ©rer votre WordPress.

Intégration du widget avec la page WPRocket


Et voilà le résultat sur une page.

Cas de figure n°2 : Vous avez juste envie d’ajouter une « Facebook Like Box ». Point dĂ©finition en image :

Exemple d'une Facebook Like Box avec le plugin WP Rocket

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

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

IntĂ©grer un widget Facebook n’a jamais Ă©tĂ© aussi simple, non ?

Si vous souhaitez prĂ©senter la Like Box Ă  l’intĂ©rieur de votre contenu, copiez-collez directement le shortcode gĂ©nĂ©rĂ© dans l’éditeur de votre article ou de votre page.

Par exemple : [efb_likebox fanpage_url="wprocketplugin" box_width="250" box_height="" locale="fr_FR" responsive="0" show_faces="1" show_stream="0" hide_cover="0" small_header="0" hide_cta="0" animate_effect="fadeIn"]

Exemple d'une Facebook Like Box dans un article

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.

Pensez Ă  bien coller le shortcode gĂ©nĂ©rĂ© par le widget « Easy Facebook Likebox » dans l’emplacement attitrĂ© – voir capture ci-dessous – et Ă  garder la mĂȘme hauteur et largeur, soit 250 pixels dans mon cas. Et c’est tout !

Configuration d'une fenĂȘtre pop-up pour le plugin Easy Facebook Like Box

Télécharger Easy Facebook Like Box

3. Simple Facebook Plugin

Capture d'Ă©cran de l'extension Simple Facebook 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 Facebook 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 – Facebook Page Plugin » et intĂ©grez-le lĂ  oĂč votre thĂšme le permet.

Pour ma part, j’opte pour la classique sidebar.

Intégration du widget Simple Facebook Plugin


Ensuite, donnez un titre si cela vous chante. Puis cochez les options qui vous intéressent.

Pour l’exemple, j’ai gardĂ© l’URL de la page du dĂ©veloppeur de l’extension (Topdevs). J’ai choisi de montrer les petits minois des personnes qui aiment la page et d’afficher le fil d’actualitĂ© Facebook sur WordPress.

Enregistrez. C’est pliĂ©.

WordPress et Facebook : exemple d'intégration en sidebar du plugin Simple Facebook Plugin

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 la Marmite. Voici le shortcode crĂ©Ă©.

[sfp-page-plugin url=https://www.facebook.com/WPMarmite timeline=true show_facepile=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, je montre les visages des personnes qui aiment la page (show_facepile=true). « Height » correspond Ă  la hauteur du flux, soit 300 pixels ici.

Visuellement, ça donne ça.

Intégration dans une page du plugin Simple Facebook plugin grùce à un shortcode

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

Télécharger Simple Facebook Plugin

4. Facebook Page Promoter Lightbox

Capture d'Ă©cran de l'extension Facebook Page Promoter LightBox

Installations actives : 10,000+

Vous n’avez pas envie de vous embĂȘter et cherchez l’efficacitĂ© ? Restez par lĂ , j’ai encore du bon matos.

Faites désormais connaissance avec « Facebook Page Promoter Lightbox ».

Son objectif : ĂȘtre certain que vos visiteurs sachent que vous avez une page Facebook. Et, si possible, interagissent avec elle.

Comment ? GrĂące au procĂ©dĂ© magique de la lightbox. « Dans le contexte du marketing digital, l’expression de lightbox dĂ©signe gĂ©nĂ©ralement une « fenĂȘtre » ou « boĂźte » s’affichant en surimpression de la page web visitĂ©e alors que dans le mĂȘme temps la page explorĂ©e est obscurcie pour rendre le message plus visible », dĂ©taille le site DĂ©finitions Marketing.

VoilĂ  pour la thĂ©orie. Venons-en Ă  la pratique. Commencez par installer et activer l’extension.

Ensuite, passons aux Réglages. Les options sont, disons, épurées. Au moins, vous ne vous y perdrez pas.

Facebook Page Promoter Lightbox


Voici notamment ce que j’ai configurĂ© :

  • l’URL de la page Facebook Ă  afficher. J’ai choisi celle de Matt Mullenweg, co-crĂ©ateur de WordPress.
  • le lieu d’affichage de la lightbox. J’ai optĂ© pour tout le contenu. Mais vous pouvez indiquer qu’elle ne s’affiche que sur vos articles, par exemple.
  • le temps Ă©coulĂ© avant l’affichage de la lightbox : 4 secondes.
  • la fermeture de la lightbox en cliquant n’importe oĂč sur la fenĂȘtre aprĂšs ouverture.
Exemple de lightbox dans un article

Au total, cela m’a pris 30 petites secondes Ă  mettre en place. Et encore, j’ai regardĂ© par la fenĂȘtre en le faisant donc vous pouvez aller encore plus vite !

Le revers de la mĂ©daille, avec ce genre d’extension, c’est le manque de personnalisation. Si vous y accordez de l’attention, rĂ©flĂ©chissez-y avant de l’installer.

Par exemple, vous ne pouvez pas traduire en français les expressions de base comme « Like Page », « Share » ou encore « Be the first of your friends to like this ».

Ceci dit, pas besoin d’avoir passĂ© sa vie Ă  Londres pour les comprendre, je pense. Si vous ĂȘtes vraiment fĂąchĂ© avec Shakespeare, prenez un dictionnaire en ligne. Ou envisagez une autre option.

Tiens, pourquoi pas « Facebook Widget » ? Penchons-nous là-dessus tout de suite.

Télécharger Facebook Page Promoter Lightbox

5. Facebook Widget

Capture d'Ă©cran de l'extension Facebook Widget


Installations actives : 100,000+

Avec plus de 100 000 installations actives et des mises Ă  jour frĂ©quentes, on s’attend Ă  quelque chose de fonctionnel pour intĂ©grer sa page Facebook dans WordPress.

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

Puis cliquez sur « Here » comme indiqué sur la capture ci-dessous.

Configuration de l'extension Facebook Widget

Glissez-dĂ©posez le widget « Facebook Page Like Widget » lĂ  oĂč votre thĂšme le permet. Je choisis, encore une fois, la 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 😉

Widget du plugin Facebook 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 Paris, qui se dĂ©roulera le 9 mars 2018. Si ça vous intĂ©resse, dĂ©couvrez-en plus sur le site dĂ©diĂ© Ă  l’évĂ©nement.

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

Plugin Facebook Widget en sidebar

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.

NĂ©anmoins, cette fameuse – et trĂšs pĂ©nible – application Facebook pourrait ĂȘtre obligatoire pour vous servir d’autres plugins. Rendez-vous sur la prĂ©sentation de l’extension n°7, Srizon Facebook Albums, pour dĂ©couvrir la marche Ă  suivre Ă  ce sujet.

Télécharger Facebook Widget

Bonus : Attendez, ne partez pas trop vite. Je sais que NoĂ«l est dĂ©jĂ  passĂ© mais j’ai envie de vous offrir quelques cadeaux en plus.

Vous trouverez ci-dessous les liens vers 4 autres extensions. J’ai croisĂ© leur route au cours de mes recherches mais comme il faut faire des choix, je n’en parlerai pas ici.

NĂ©anmoins, si vous n’avez pas trouvĂ© votre bonheur avec celles prĂ©sentĂ©es juste avant, n’hĂ©sitez pas Ă  les tester et Ă  me communiquer vos retours !

Devenez un freelance WordPress accompli

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

6. Facebook Button by BestWebSoft

WordPress et Facebook : capture d'Ă©cran de l'extension Facebook Button

Installations actives : 30,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 Facebook Button > RĂ©glages, comme indiquĂ© sur la photo ci-dessous.

RĂ©glages de l'extension Facebook Button

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.

Affichage des boutons de l'extension Facebook Button au sein d'un article

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]. Ce dernier sera prĂ©sent dans la barre d’outils de vos articles et pages.

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 (21,50€) sur le site de BestWebSoft.

Télécharger Facebook Button by BestWebSoft

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

7. Srizon Facebook Albums

Capture d'Ă©cran de l'extension Srizon Facebook Albums


Installations actives : 10,000+

Laissez-moi deviner. Vous adorez les photos. Vous ĂȘtes connectĂ© sur Facebook H-24. Vous adorez partager vos tranches de vie et vos clichĂ©s avec vos abonnĂ©s.

En plus, vous avez un blog/site WordPress. Et vous aimeriez beaucoup pouvoir afficher vos photos qui déchirent dessus. En 2 temps, 3 mouvements.

L’extension « Srizon Facebook Album » devrait vous plaire. Elle permet de mettre en avant vos albums et galeries Facebook sur WordPress.

PrĂȘts Ă  dĂ©couvrir comment ? Faisons un test avec un album photo concernant une page Facebook.

Dans votre admin, cliquez sur FB Album > Albums.

RĂ©glages du plugin Srizon Facebook Albums

Donnez un nom Ă  votre album. Ensuite, sĂ©lectionnez « A Facebook Page » et entrez l’identifiant de l’album en question. Celui-ci se trouve Ă  la fin de l’URL, lorsque vous avez cliquĂ© sur l’album qui vous intĂ©resse, sur votre page. Collez-le dans la zone « Album ID(s) ».

Identifiant de l'URL

Terminez par rĂ©gler l’affichage de vos photos. Pour l’exemple, j’ai laissĂ© le rĂ©glage de base (Thumb – Miniature). Vous avez 7 possibilitĂ©s, comme celle d’intĂ©grer un slider, l’animation au survol de la souris, la taille des photos, etc.

RĂ©glages de l'affichage des photos extension Srizon Facebook Albums

Une fois que vous avez fait le job, enregistrez en cliquant sur « Save Album ».

Il ne vous reste plus qu’à copier dans votre contenu le shortcode gĂ©nĂ©rĂ©. Il ressemble Ă  ça : [srizonfbalbum id=1].

Si vous choisissez un article ou une page, placez le shortcode oĂč vous le souhaitez via votre Ă©diteur de texte.

Si une envie pressante vous prend de l’afficher dans la sidebar (encore elle !), rendez-vous dans Apparence > Widgets.

SĂ©lectionnez le widget « Texte » et faites un glisser-dĂ©poser dans votre sidebar. N’oubliez pas d’y coller le shortcode !

Exemple d'intégration d'un album-photos au sein d'un article

Pour info, les photos sont issues de la page Facebook du site Awwwards, qui dĂ©cerne des prix aux meilleurs dĂ©veloppeurs et designers mondiaux. Si vous cherchez de l’inspiration pour vos crĂ©ations, c’est un incontournable.

Pour terminer avec cette extension, sachez que la version gratuite permet l’affichage de 25 photos, au maximum, par album et galerie.

Si vous ne souhaitez pas ĂȘtre limitĂ©, il existe une version pro qui coĂ»te 20$ (16,50€). Elle est utilisable sur un nombre illimitĂ© de sites.

Télécharger Srizon Facebook Album

PS : si vous souhaitez afficher les photos d’un album issues de votre profil privĂ©, il faudra crĂ©er une application Facebook.

Voici comment faire pour y parvenir. En détails.

Étape 1 : dirigez-vous sur la Plateforme Facebook pour dĂ©veloppeurs Ă  l’adresse suivante : https://developers.facebook.com/.
Cliquez sur le bouton bleu, « Créer une app », en haut à droite de votre écran.

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

Étape 3 : sur votre Tableau de bord, cliquez sur ParamĂštres. Ajoutez une plate-forme et sĂ©lectionnez « Site web ».
Entrez l’URL de votre site. Exemple : https://www.votresite.fr

Terminez cette Ă©tape en rajoutant votre nom de domaine dans l’onglet : « Domaines de l’app ». Exemple : www.votresite.fr.

Pensez Ă  remplir l’URL de la Politique de confidentialitĂ© et Ă  choisir la catĂ©gorie de votre Page. Autrement, le processus pour rendre votre app publique risque d’ĂȘtre impossible.

Enregistrez vos modifications.

Nom de domaine de l'APP ID

Étape 4 : rendre l’App publique. Cliquez sur « Examen des app » dans le menu de gauche puis sur le bouton pour confirmer l’action.

Rendre publique son App Facebook

Étape 5 : rĂ©cupĂ©rez votre ID de l’app et votre clĂ© secrĂšte sur le Tableau de Bord.

Tableau de bord d'une App ID

Il ne restera plus qu’Ă  indiquer les informations dans les rĂ©glages du plugin. Attention toutefois Ă  bien choisir vos albums. Il serait dommage de rendre publiques des photos compromettantes…

8. Facebook Comments

Capture d'Ă©cran du plugin Facebook Comments


Installations actives : 40,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 de l'extension Facebook Comments

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

Pour cela, rendez-vous Ă  l’adresse indiquĂ©e sur la droite des rĂ©glages d’installation, et suivez les instructions.

Si vous n’y comprenez rien, je vous renvoie au test du plugin n°7, Srizon Facebook Albums.

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.

Intégration dans une page WordPress du plugin Facebook Comments


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.

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.

Télécharger Facebook comments WordPress

9. Facebook Auto Publish

Capture d'Ă©cran de l'extension Facebook Auto Publish


Installations actives : 40,000+

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

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 ». Retrouvez tous les dĂ©tails Ă  la fin de la prĂ©sentation de l’extension n°7, « Srizon Facebook Albums ».

RĂ©glages de l'extension Facebook 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 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.

Télécharger Facebook Auto Publish

Bonus : dans le mĂȘme genre que Facebook Auto Publish, vous pouvez aussi jeter un Ɠil Ă  : Facebook Auto Post WordPress Plugin – AccessPress Facebook Auto Post.

10. Facebook Messenger for WordPress

Capture d'Ă©cran de l'extension Facebook Messenger WordPress

Installations actives : 4,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 idéal 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 Messenger », dans la zone Réglages de votre administration.

Back office de l'extension Facebook Messenger

Entrez la page Facebook avec laquelle vous souhaitez que vos visiteurs vous contactent. En gĂ©nĂ©ral, il s’agira de celle de votre entreprise/business.

Pour la dĂ©mo, j’ai choisi la page de Chris Lema, un spĂ©cialiste amĂ©ricain de l’environnement WordPress. Entre autres (jetez aussi un oeil Ă  son site, ses analyses sont toujours intĂ©ressantes).

Vous constaterez que seuls quelques renseignements suffisent pour rendre l’extension fonctionnelle. J’ai par exemple cochĂ© la case « Show Timeline Tab » pour que les derniĂšres publications de la page puissent ĂȘtre affichĂ©es.

Vous aurez la possibilitĂ© de choisir la langue d’affichage et l’image qui servira d’icĂŽne sur votre site.

Enregistrez et regardez le résultat.

IcĂŽne de Facebook Messenger sur une page WordPress

Vous verrez apparaĂźtre, sur la droite, une icĂŽne reprĂ©sentant Facebook Messenger. En cliquant dessus, vous dĂ©clenchez l’ouverture d’une lightbox.

Lightbox sur une page WordPress avec le plugin Facebook Messenger

À partir de lĂ , vous ĂȘtes en mesure d’envoyer un message Ă  la page de Chris Lema, Ă  condition d’ĂȘtre connectĂ© sur Facebook.

Seul bĂ©mol de cette extension : il n’y a pas d’option pour modifier le positionnement et la taille de l’icĂŽne Messenger. Par dĂ©faut, elle apparaĂźtra toujours sur la droite ou la gauche de l’écran, selon votre choix (il faudra mettre les mains dans le code si vous dĂ©sirez la placer ailleurs).

Télécharger Facebook Messenger for WordPress

Bonus : si vous souhaitez faire jouer la concurrence, laissez-vous tenter par Facebook Messenger Live Chat.

Apprenez le CSS une bonne fois pour toutes

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

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

Page Social Plugins pour intégrer manuellement Facebook sur WordPress

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 (83 millions de J’aime au moment d’écrire cet article).

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

Code IFrame intégration bouton Facebook J'aime


Il ne vous reste plus qu’à le copier-coller dans votre contenu (avec l’éditeur Texte) pour vous auto-proclamer champion du monde. Je vous aide encore un peu.

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.

Bouton Facebook J'aime en sidebar

Si vous souhaitez aussi intĂ©grer ce bouton dans votre contenu, le procĂ©dĂ© est sensiblement le mĂȘme. Rendez-vous par exemple sur l’éditeur de texte de votre dernier article et collez le code dans la partie « Texte ».

Ne me mettez pas ça dans « Visuel », sinon vos yeux vont pleurer 😭

Editeur de texte WordPress pour intégrer un bouton Facebook J'aime

Et voilà le résultat sur un article. Notez que je parle couramment le Lorem Ipsum.

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). Voyez plutĂŽt :

Il vous reste quelques jours de vacances ? Alors profitez-en pour optimiser votre site avec ce tutoriel 😉

PubliĂ©e par WPMarmite sur Jeudi 4 janvier 2018

III. 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 The Custom Facebook Feed, Simple Facebook Plugin et Facebook Button by Best Web Soft.

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.