Comment ajouter des flux de groupe Facebook à WordPress

Avec plus de 2,8 milliards d’utilisateurs, Facebook est l’une des principales plateformes de médias sociaux. Elle offre aux particuliers et aux entreprises de nombreuses options communautaires et permet aux utilisateurs de se connecter et de trouver des groupes de personnes partageant les mêmes centres d’intérêt. Ces groupes et communautés se sont avérés extrêmement utiles, tant pour les particuliers que pour les entrepreneurs. Aujourd’hui, certains de ces groupes sont devenus des forums où les utilisateurs discutent de sujets variés, et même des lieux de vente et d’achat de produits.

Facebook a réussi à fédérer utilisateurs et entreprises, et il existe des moyens d’en tirer parti. Dans ce guide, nous vous montrerons comment ajouter des flux de groupes Facebook à votre site WordPress. Mais avant de commencer, voyons pourquoi cette solution est judicieuse.

Pourquoi intégrer les flux de groupes Facebook dans WordPress ?

L’ajout de flux de groupes Facebook à votre site web présente de nombreux avantages . Facebook vous permet de créer des groupes qui peuvent ensuite se transformer en une communauté active autour de votre entreprise ou de vos services. C’est l’un des meilleurs moyens d’ accroître l’engagement de votre public , car vous pouvez interagir avec lui directement depuis le groupe Facebook.

En ajoutant un flux de groupe à votre site, vos visiteurs peuvent suivre les discussions et accéder au groupe depuis votre site. Cela peut également accroître les interactions entre vous et votre public. De plus, une utilisation judicieuse du groupe Facebook d’un point de vue marketing peut également vous aider à augmenter le trafic sur votre site web .

Une plus grande participation au groupe entraînera également une augmentation du trafic sur votre site et de vos ventes . Les utilisateurs qui vous connaissent et vous considèrent comme une autorité respectée dans votre secteur grâce au groupe sont plus susceptibles d’acheter chez vous. Par exemple, nous avons créé un groupe Facebook pour QuadLayers où les gens peuvent discuter de sujets liés à WooCommerce, ce qui s’est avéré bénéfique pour notre site web.

Maintenant que nous comprenons mieux les avantages, passons en revue le processus d’ ajout de flux de groupe Facebook à votre site WordPress .

Comment ajouter des flux de groupes Facebook dans WordPress ?

Ajouter un flux de groupe Facebook est extrêmement simple et vous pouvez le faire en utilisant deux méthodes différentes :

1. Avec le plugin officiel de la page Facebook
2. Utiliser un plugin WordPress dédié

1. Ajoutez des flux de groupe Facebook avec le plugin de page Facebook

Facebook propose de nombreuses options de personnalisation pour ajouter des options de réseaux sociaux à votre site web. De nombreux outils de développement sont disponibles pour utiliser des extraits de code. Page Plugin en fait partie et vous permet d’ajouter facilement des flux de groupe à votre site WordPress.

Il s’agit d’une approche conviviale pour les développeurs, c’est donc une bonne option si vous avez des connaissances de base en codage et en programmation.

1.1. Configurez et personnalisez votre flux de groupe Facebook

Pour ajouter des flux Facebook à l’aide du plugin Page, accédez à la page du plugin dans la communauté des développeurs Facebook et ajoutez le lien vers le groupe ou la page Facebook que vous souhaitez afficher sur votre site web. Pour obtenir le lien, ouvrez simplement la page d’accueil Facebook du groupe et copiez son URL.

Collez ensuite l’URL dans la zone de texte « URL de la page Facebook » . De même, vous pouvez ajouter les détails des onglets, de la largeur et de la hauteur selon l’affichage souhaité du flux de groupe sur votre site web.

Vous pouvez également utiliser un en-tête plus petit, masquer la photo de couverture, adapter la largeur du conteneur du plugin ou afficher les visages de vos amis. Une fois satisfait de vos choix, un aperçu du flux s’affichera en direct sur votre site. Vous pourrez ensuite effectuer d’autres modifications en fonction de cet aperçu jusqu’à ce que votre flux vous convienne.

1.2. Obtenez le code de flux de groupe pour votre site Web

Une fois que vous avez terminé de personnaliser votre flux de groupe, appuyez sur Obtenir le code .

Vous verrez désormais deux ensembles d’extraits de code pour votre flux de groupe sous l’ onglet SDK JavaScript . Vous y trouverez également un ensemble de codes incluant des iFrames . Vous devrez copier-coller ces codes sur votre site web.

1.3. Ajoutez le code à votre site Web

Avant de les ajouter, gardez à l’esprit que les fichiers de thème contiennent des informations très sensibles sur votre site web. Par conséquent, toute modification accidentelle ou tout problème pourrait endommager votre site. C’est pourquoi nous vous recommandons d’effectuer une sauvegarde complète de votre site web et de créer un thème enfant avant d’effectuer ces modifications.

Une fois que vous avez fait cela, vous devez ajouter le premier code JavaScript SDK à vos fichiers de thème.

Copiez le code, puis accédez à Apparence > Éditeur de thème sur votre tableau de bord WordPress. Ouvrez le fichier header.php à droite de votre écran, collez le code juste après l’ouverture de la balise body et mettez à jour le fichier.

Les codes et les fichiers de thème peuvent être un peu différents selon le thème que vous utilisez, mais ils devraient ressembler à celui ci-dessous.

De même, vous devez ajouter le deuxième code. Dans ce cas, vous pouvez le placer où vous souhaitez pour afficher le flux du groupe sur votre site web.

Copiez simplement le code et collez-le à la destination souhaitée à l’aide de l’éditeur de code.

iFrame

Vous pouvez également utiliser le code iFrame. Cependant, inutile de le copier-coller dans les fichiers du thème. Collez-le simplement où vous le souhaitez sur votre site web à l’aide de l’éditeur de code.

Par exemple, pour cette démonstration, nous l’avons ajouté dans la barre latérale droite depuis Apparence > Widgets à l’aide du widget texte. Prévisualisez ensuite votre site pour voir à quoi il ressemble.

Voilà ! Voici comment ajouter des flux de groupe Facebook grâce au plugin officiel de page Facebook .

2. Ajouter des flux de groupe Facebook à l’aide d’un plugin WordPress

Si vous n’avez aucune compétence en codage et que vous ne vous sentez pas à l’aise pour modifier les fichiers principaux, vous pouvez ajouter des flux de groupe Facebook à votre site WordPress à l’aide d’un plugin.

Il existe de nombreux plugins pour les réseaux sociaux. Pour ce tutoriel, nous utiliserons Smash Balloon Social Post Feed .

Il s’agit d’un plugin freemium, facile à utiliser, qui vous permet d’ajouter un flux de groupe Facebook à WordPress sans effort et vous offre une large gamme d’options de personnalisation pour votre flux de groupe Facebook.

Voyons comment ajouter des flux de groupe Facebook à l’aide de ce plugin étape par étape.

2.1. Installer et activer le plugin

Tout d’abord, vous devez installer et activer l’extension. Dans votre tableau de bord WordPress, accédez à Extensions > Ajouter et recherchez l’extension. Cliquez ensuite sur « Installer maintenant » et « Activer ».

Si vous n’êtes pas familier avec ce processus, consultez notre guide sur la façon d’installer manuellement les plugins WordPress.

2.2. Connectez-vous à votre groupe Facebook

Après avoir activé le plugin, ouvrez l’ onglet « Flux Facebook » depuis votre tableau de bord. L’onglet « Configuration » s’affichera . Connectez votre compte Facebook ici. Cliquez sur « Connecter un compte Facebook » pour connecter votre compte automatiquement.

Ensuite, vous devez décider si vous souhaitez afficher une page Facebook ou un groupe sur votre site web. Puisque nous allons ajouter un groupe, sélectionnez « Groupe Facebook » et cliquez sur « Continuer » .

Il détectera automatiquement votre compte Facebook, vous sélectionnerez donc simplement le compte Facebook avec lequel vous souhaitez continuer.

Vous obtiendrez ensuite la liste de tous les groupes auxquels appartient votre compte Facebook, ainsi que leurs identifiants. Sélectionnez le groupe que vous souhaitez afficher et cliquez sur « Utiliser un jeton pour ce groupe » pour l’obtenir.

Vous verrez ensuite un message contextuel vous expliquant comment ajouter l’application Smash Balloon. Suivez les étapes, puis appuyez sur « Terminé » .

Votre groupe Facebook sera ensuite répertorié dans le tableau de bord du menu WordPress du flux Facebook. L’identifiant de la page et le jeton d’accès Facebook seront automatiquement renseignés. Cliquez sur « Enregistrer les paramètres » pour enregistrer votre compte de groupe Facebook.

Vous pouvez également connecter le groupe manuellement en cliquant sur le bouton « Connecter manuellement le compte » . Nous vous recommandons toutefois de connecter votre groupe automatiquement, car le processus est plus simple et plus rapide.

2.3. Connectez un groupe Facebook avec l’application Smash Balloon

Pour garantir le bon fonctionnement du plugin, vous devez également ajouter l’application Smash Balloon à votre groupe Facebook. Pour cela, accédez à la page de votre groupe Facebook et ouvrez les Paramètres .

Sous « Gérer les paramètres avancés » , vous trouverez l’option permettant de modifier les applications. Cliquez sur l’ icône « Modifier » pour en ajouter une.

Vous y trouverez toutes les applications actives de votre groupe Facebook. Cliquez sur « Ajouter des applications » pour ajouter une nouvelle application à votre groupe.

Recherchez maintenant Smash Balloon et sélectionnez-le.

Enfin, appuyez sur Ajouter pour ajouter l’application à votre groupe Facebook.

2.4. Personnalisez votre flux de groupe Facebook

En faisant défiler la page vers le bas dans « Flux Facebook » > « Paramètres » , vous trouverez des paramètres supplémentaires pour ajouter des flux de groupe Facebook. Vous pouvez modifier diverses options, telles que le nombre de publications à afficher, le fuseau horaire, les publications à afficher sur la page, etc. Effectuez les modifications nécessaires et n’oubliez pas d’ enregistrer les paramètres.

Vous disposez également d’options de personnalisation supplémentaires sous l’ onglet « Personnaliser » . Vous y trouverez plusieurs sections personnalisables.

La section Général vous permet de personnaliser les différentes options des informations générales, des types de publication, des mises en page d’en-tête, des boîtes et du plugin de page.

De plus, vous pouvez personnaliser différentes mises en page de publication et choisir ce qui s’affiche et se masque dans le flux du groupe depuis la section « Mise en page de publication » . Notez toutefois que ces mises en page ne sont disponibles que dans la version premium du plugin.

La section « Style des publications » vous permet de personnaliser les éléments de la publication, le texte, la description, l’auteur, la date, etc. Vous pouvez également modifier les détails de l’événement, les zones de commentaires et les liens d’action.

Dans l’ onglet Divers , vous pouvez ajouter du CSS et du JavaScript personnalisés, et modifier les paramètres RGPD, les médias (premium) et autres. Enfin, dans la section Texte personnalisé/Traduction , vous pouvez personnaliser le texte et traduire presque tous les textes originaux que vous souhaitez afficher sur votre site web.

Une fois les personnalisations terminées, assurez-vous d’enregistrer les modifications .

2.5. Ajoutez le flux du groupe Facebook à votre site Web

Avec Smash Balloon, vous pouvez ajouter des flux de groupes Facebook à votre site de deux manières : en utilisant des shortcodes ou les blocs de flux Facebook, car le plugin est compatible avec Gutenberg.

Si vous souhaitez utiliser l’éditeur de blocs, ouvrez la page ou la publication où vous souhaitez afficher le flux et cliquez sur « + » pour ajouter un nouveau bloc. Recherchez ensuite le bloc « Flux Facebook personnalisé » et sélectionnez-le.

Si vous souhaitez ajouter des flux de groupe Facebook à d’autres emplacements que vos publications et pages, vous pouvez utiliser un shortcode. Ce shortcode sera disponible en bas des pages du tableau de bord du flux Facebook . Copiez-le et placez-le où vous le souhaitez sur votre site web.

Après cela, n’oubliez pas d’enregistrer les modifications et vous pourrez voir vos groupes Facebook sur le frontend.

Bonus : Comment intégrer les flux de groupes Facebook dans Divi

Nous vous avons présenté différentes manières d’ajouter des flux de groupes Facebook à votre site WordPress. Voyons maintenant comment procéder avec Divi. Le processus est très similaire et ne prend que quelques minutes.

Il vous suffit de copier-coller les codes du plugin de page Facebook dans la section Intégration des options du thème. Voyons comment procéder étape par étape.

Installer le thème Divi

Pour ajouter des flux de groupes Facebook avec Divi, vous devez d’abord installer le thème Divi . Dans votre tableau de bord WordPress, accédez à Apparence > Thèmes et cliquez sur le bouton Ajouter ou sur l’option Ajouter un nouveau thème dans la collection de thèmes.

Divi n’étant pas disponible dans le dépôt de thèmes WordPress.org, vous devez le télécharger. Cliquez sur « Télécharger le thème » et sélectionnez le fichier zip que vous avez téléchargé lors de l’achat de Divi.

Appuyez sur Installer maintenant pour installer le thème et activez -le une fois l’installation terminée.

Obtenez les codes du plugin de page Facebook et collez-les sur votre site Web

Ensuite, vous devez récupérer les codes du plugin officiel de page Facebook sur la page Facebook pour les développeurs. Comme expliqué précédemment, récupérez l’URL de votre groupe et collez-la dans la zone de texte « URL de la page Facebook » . Personnalisez le flux et, une fois satisfait, cliquez sur « Obtenir les codes » .

Copiez ensuite le premier ensemble de code sous l’ onglet SDK JavaScript et, dans votre tableau de bord WordPress, accédez à Divi > Options du thème . Ouvrez l’ onglet Intégration , recherchez la zone de texte pour ajouter les codes dans la balise <body> et collez-les.

Après cela, copiez le deuxième code et ajoutez-le où vous souhaitez afficher le flux de groupe à l’aide de l’éditeur de code.

Vous pouvez également utiliser le code iFrame et éviter les étapes précédentes. Ouvrez simplement l’onglet iFrame et copiez-collez le code à l’endroit où vous souhaitez afficher les flux de groupe.

Vous pouvez également modifier la page ou l’article avec Divi Builder. Ajoutez ensuite une zone de texte à l’emplacement souhaité, collez le code dans l’ éditeur de texte (code) et enregistrez les modifications.

Enfin, vous pourrez voir le flux de votre groupe Facebook sur le front-end.

Conclusion

Dans l’ensemble, ajouter des flux de groupe et permettre aux visiteurs de suivre les discussions et de visiter le groupe depuis votre site peut être un excellent moyen d’accroître l’engagement avec votre public et d’augmenter le trafic de votre site.

Dans ce tutoriel, nous vous avons montré deux manières d’ajouter des flux de groupe Facebook dans WordPress :

• Avec le plugin officiel de la page Facebook
• Utilisation du flux de publications sociales Smash Balloon

Si vous maîtrisez le code et que vous êtes à l’aise avec la modification des fichiers de thème, vous pouvez utiliser le plugin Page Facebook. Sinon, vous pouvez utiliser Smash Balloon (ou tout autre outil de votre choix) et ajouter des flux de groupe avec de nombreuses options de personnalisation.