Fait amusant : plus de 200 millions d'entreprises font déjà du marketing sur Facebook !
Avec une telle concurrence, l'ajout de widgets Facebook peut être un excellent moyen de stimuler l'engagement et de faire sortir votre entreprise du lot.
Mais différents articles font la promotion de différentes méthodes, et beaucoup d'entre eux sont remplis d'un jargon technique déroutant. Cela peut être un casse-tête si vous n'avez pas l'habitude de travailler avec du code.
Pour vous aider, je vais vous montrer les moyens les plus simples d'afficher des widgets Facebook sur votre site web, sans aucun codage.
Quelle est la méthode la plus simple pour créer un widget Facebook ?
Vous pouvez créer un widget Facebook en vous connectant manuellement à l'API Facebook et en générant des codes d'intégration. Cette méthode présente toutefois de nombreuses limites :
- Vous devrez suivre un long processus d'enregistrement auprès de Facebook en tant que développeur, créer une application, vérifier votre compte, définir les autorisations nécessaires et générer un jeton d'accès.
- Vous souhaitez modifier la couleur d'arrière-plan de votre flux ? Vous ne pouvez pas. Et la taille de la police ? Vous ne pouvez pas non plus.
- Et si vous voulez changer l'icône Facebook sur votre fil d'actualité ? Vous ne pouvez pas non plus.
- D'accord. Et si vous voulez simplement personnaliser votre flux pour qu'il s'intègre parfaitement au thème de votre site ? Utilisez le code.
- Modifier l'en-tête du flux ? Utiliser un code ? Afficher le flux sur WordPress ? Utilisez également du code.
Pour plus de facilité, vous pouvez vous procurer un plugin de flux Facebook qui récupérera les posts et les intégrera sur votre site web pour vous.
Bien qu'il existe de nombreuses options, je choisirai Facebook Feed Pro pour ce guide. Ce plugin s'impose comme l'option n°1 pour plusieurs raisons :
- Super simple à installer : Une fois le plugin installé, vous pouvez tout configurer en moins de 5 minutes !
- Mise en page personnalisable : Les posts de votre flux Facebook peuvent être affichés en différentes tailles : vignettes, demi-largeur et pleine largeur.
- Différents types de flux au choix: le plugin vous permet d'afficher des posts Facebook, des photos, des vidéos, des flux en direct, des albums, des événements et des commentaires.
- Temps de chargement ultra-rapide: Comme le plugin met efficacement les données en cache, votre flux se charge très rapidement sur votre site. De plus, votre site affichera toujours un flux, même si Facebook est temporairement indisponible.
- Thème réactif: Il est adapté aux mobiles et s'adapte à toutes les tailles d'écran.
- Optimisation du référencement: en affichant automatiquement du contenu frais provenant de Facebook, vous pouvez obtenir un meilleur classement dans les résultats des moteurs de recherche.
- Personnalisez facilement les visuels de votre flux: Changez la couleur d'arrière-plan ou le style de police en quelques clics.
2 méthodes pour ajouter un widget Facebook à votre site web
Maintenant que nous avons notre plugin, commençons le tutoriel. Pour des raisons de commodité, je vais le diviser en deux méthodes différentes.
1. Ajouter un widget Facebook aux articles et pages de WordPress
Tout d'abord, ajoutons un widget Facebook à une page ou à un article de votre site web WordPress. C'est assez simple et cela ne prend que quelques minutes.
Étape 1 : Installer le plugin Facebook Feed Pro
Pour commencer, obtenez votre propre copie du plugin Facebook Feed Pro ici. Puis installez-le et activez-le sur votre site web.
Vous ne savez pas comment faire ? Vous pouvez utiliser ce tutoriel utile sur l'installation des plugins WordPress comme guide.
Étape 2 : Créer votre widget Facebook
Pour créer votre widget Facebook, accédez au menu Flux Facebook " Tous les flux " de votre tableau de bord.
Ensuite, il suffit de cliquer sur le bouton Ajouter un nouveau en haut de la page.
Vous pouvez maintenant voir tous les types de flux disponibles avec ce plugin. Vous avez le choix entre 9 options, dont un flux chronologique, un flux de commentaires, un flux de photos, un flux de vidéos, et plus encore.
Il vous suffit de sélectionner le type d'alimentation que vous souhaitez et de cliquer sur Suivant.
Pour ce tutoriel, je vais sélectionner l'option de flux chronologique .
Étape 3 : Connexion à votre compte Facebook
Cette étape permet d'ajouter une source, qui peut être une page Facebook.
Ainsi, votre widget Facebook peut afficher les messages, les photos ou les vidéos de cette page.
Pour ajouter une nouvelle source, cliquez sur Ajouter nouveau dans cette fenêtre.
Une autre fenêtre contextuelle s'affiche pour vous demander de choisir entre l'utilisation de l'assistant de connexion facile et la connexion manuelle à Facebook.
Pour l'instant, vous pouvez simplement cliquer sur Connexion à Facebook.
Une fois que vous avez fait cela, le plugin vous redirige vers Facebook. Vous pouvez alors donner un accès en lecture seule au plugin afin qu'il puisse afficher vos publications sur Facebook.
Et comme l'accès se fait en lecture seule, vos données sont toujours en sécurité et le plugin ne peut rien changer.
Pour continuer, il suffit de cliquer sur le bouton Continuer de la fenêtre contextuelle.
Vous êtes maintenant de retour sur votre site web. Sélectionnez votre page Facebook ici et cliquez sur le bouton Ajouter pour l'ajouter en tant que source.
Vous pouvez maintenant connecter votre widget Facebook à la source en cliquant sur le bouton Suivant.
Étape 4 : Personnalisez votre widget Facebook
Pour vous aider à personnaliser facilement votre widget Facebook, le plugin vous permet d'importer le design d'un thème préconstruit.
Vous avez le choix entre 5 thèmes, chacun ayant un design unique :
- Défaut
- Moderne
- Mur social
- Aperçu
- Chevauchement
Pour continuer, sélectionnez le thème que vous souhaitez utiliser et cliquez sur Suivant.
Facebook Feed Pro vous permet également d'importer rapidement un modèle pour modifier la mise en page des publications Facebook dans votre widget.
Vous avez le choix entre 7 modèles :
- Défaut
- Maçonnerie simple
- Widget
- Grande grille
- Dernier album
- Carrousel de présentation
- Carrousel simple
Pour continuer, sélectionnez votre modèle et cliquez sur Suivant.
Vous pouvez maintenant voir votre widget Facebook ouvert dans l'éditeur de flux en direct.
Si vous consultez la partie gauche de l'écran, vous verrez toutes les options de personnalisation disponibles. Vous pouvez donc utiliser ces options pour modifier le type de flux, la mise en page du flux, la palette de couleurs, les éléments de l'article, l'arrière-plan, et bien d'autres choses encore.
Lorsque vous modifiez l'une de ces options, vous pouvez voir un aperçu en direct sur la droite. Vous pouvez ainsi voir à quoi ressemblera votre widget Facebook lorsque vous le personnaliserez.
Commençons donc par personnaliser la mise en page. Pour ce faire, il suffit de sélectionner l'option Feed Layout .
Avec ce plugin, vous avez le choix entre 3 options de mise en page : Liste, Masonry et Carousel.
Je vais passer en revue chacune de ces options ci-dessous :
Vous souhaitez afficher vos publications Facebook dans une seule colonne ? Vous pouvez alors choisir la mise en page sous forme de liste .
Mais si vous souhaitez afficher de nombreuses publications en même temps sur votre widget Facebook, vous pouvez opter pour la mise en page en maçonnerie .
Enfin, l'option carrousel permet d'afficher vos publications dans un carrousel Facebook. C'est un excellent moyen d'inciter les internautes à interagir avec votre site web.
Une fois que vous avez choisi la présentation du flux que vous souhaitez, cliquez sur le bouton Enregistrer dans le coin supérieur droit.
Si vous souhaitez revenir à la personnalisation de votre flux, vous pouvez cliquer sur le petit bouton Personnaliser .
Vous pouvez également personnaliser les couleurs de votre widget Facebook ici. Pour cela, sélectionnez l'option Schéma de couleurs .
Vous avez désormais le choix entre 4 options différentes pour la palette de couleurs de votre widget Facebook.
- Hériter du thème : Copie les couleurs de votre thème WordPress
- Clair : Affiche un arrière-plan de couleur claire avec un texte plus foncé.
- Foncé : Utilisez un arrière-plan plus foncé et utilisez une couleur claire pour votre texte.
- Personnalisé : Choisissez vous-même les couleurs de votre widget Facebook.
Une fois que vous avez choisi la palette de couleurs qui vous convient, cliquez sur Enregistrer.
Et ce n'est qu'un début.
Avec l'éditeur de flux en direct, vous pouvez également personnaliser l'en-tête, la photo de couverture, la boîte du bouton "J'aime", les éléments de l'article, l'arrière-plan, les marges et bien plus encore. De plus, tout cela est très facile et ne nécessite aucun code HTML, CSS personnalisé ou autre.
Une fois que vous avez fini de personnaliser votre flux, cliquez à nouveau sur le bouton Enregistrer.
Étape 5 : Intégrer votre widget Facebook
Vous pouvez intégrer vos flux Facebook ici, directement à partir de l'éditeur de flux en direct.
Pour commencer, cliquez sur le bouton " Embed" dans le coin supérieur droit.
Vous verrez maintenant une nouvelle fenêtre contextuelle qui vous demandera de choisir l'endroit où intégrer votre widget Facebook.
Dans la fenêtre contextuelle, il suffit de cliquer sur l'option Ajouter à une page pour continuer.
Vous pouvez alors voir toutes les pages où vous pouvez ajouter votre nouveau widget. Une fois que vous avez sélectionné votre page, vous pouvez aller de l'avant et cliquer sur le bouton Ajouter.
Ensuite, le plugin ouvrira cette page pour que vous puissiez afficher votre nouveau widget Facebook.
Pour ce faire, cliquez d'abord sur la petite icône plus (+) pour ajouter un nouveau bloc.
Il ne vous reste plus qu'à sélectionner le bloc Custom Facebook Feed dans la section Widgets .
Enfin, cliquez sur Publier, et vous avez réussi à intégrer votre widget de flux Facebook. Vous pouvez maintenant ouvrir votre site et en vérifier l'apparence.
2. Ajoutez le widget Facebook à votre barre latérale WordPress
En plus de vos articles et pages WordPress, votre barre latérale est également une zone prête à accueillir des widgets. Apprenez à ajouter un widget de flux Facebook à votre barre latérale en suivant les étapes ci-dessous :
Étape 1 : Ouvrez votre widget Facebook dans l'éditeur de flux en direct
Avant d'intégrer votre widget Facebook, vous devez l'ouvrir dans l'éditeur de flux en direct. Pour cela, naviguez vers Facebook Feed " All Feeds depuis votre tableau de bord WordPress.
De là, cliquez sur votre widget Facebook pour l'ouvrir.
Maintenant qu'il est ouvert dans l'éditeur de flux en direct, vous pouvez l'intégrer.
Étape 2 : Intégrer votre widget Facebook dans la barre latérale
Tout d'abord, cliquez sur le bouton " Embed" en haut de la page.
Cela ouvrira une fenêtre contextuelle qui vous demandera de sélectionner l'endroit où vous souhaitez intégrer votre widget. Cliquez alors sur Ajouter à un widget.
Le plugin vous renvoie maintenant à la page Widgets , où vous pouvez gérer tous vos widgets actuels et en ajouter de nouveaux.
Pour continuer, cliquez sur le panneau Sidebar .
Ensuite, cliquez sur l'icône plus (+) en bas. Il ne vous reste plus qu'à sélectionner Flux Facebook personnalisé parmi toutes les options proposées.
Comme vous pouvez le voir, il est très facile de créer un widget FB pour WordPress avec l'aide de ce plugin. Vous pouvez ensuite ouvrir votre site et voir à quoi ressemble votre widget.
Et c'est tout !
Vous avez enfin appris à ajouter un widget Facebook à votre site web. Et vous n'avez pas eu à vous préoccuper de codes d'intégration complexes, de HTML ou de Javascript.
Après tout, s'il existe un moyen plus simple d'atteindre votre objectif, pourquoi ne pas le faire, n'est-ce pas ?
Vous êtes prêt à l'essayer ? Vous pouvez obtenir votre exemplaire de Facebook Feed Pro ici.
Pendant que vous êtes ici, vous pouvez jeter un coup d'œil à ce guide sur la façon d'intégrer un flux Instagram sur votre site Web WordPress.
Plus de tutoriels et de guides sur les médias sociaux
- Comment partager automatiquement les anciens articles de WordPress sur les médias sociaux (méthode facile)
- TikTok est votre arme secrète : Meilleures idées TikTok pour les petites entreprises
- Comment programmer des posts Facebook depuis WordPress (étape par étape)
- Les meilleurs plugins WordPress pour Facebook
