Comment intégrer un flux de groupe Facebook dans WordPress

Vous souhaitez intégrer les publications d'un groupe Facebook sur votre site WordPress ?

La promotion de votre groupe Facebook sur votre site WordPress est un excellent moyen d'obtenir plus d'engagement et d'augmenter le nombre de vos abonnés. Le contenu de votre groupe peut également aider à garder votre site à jour, même pour les visiteurs réguliers.

Dans cet article, nous allons vous montrer comment ajouter facilement un flux de groupe Facebook dans WordPress.

Pourquoi ajouter du contenu de groupe Facebook à votre site WordPress ?

Les groupes Facebook peuvent vous aider à créer une communauté, à créer un sentiment de fidélité et à établir une relation positive avec vos utilisateurs. Une fois qu'ils ont rejoint votre groupe, vous pouvez promouvoir des articles de blog, des mises à jour d'entreprise ou même des produits WooCommerce auprès de ces personnes sans avoir à dépenser d'argent pour des publicités en ligne.

Notre groupe Facebook WPBeginner Engage compte plus de 89 000 utilisateurs actifs et se développe à un rythme incroyable.

Après avoir créé votre groupe Facebook, vous voudrez promouvoir ce groupe et y attirer les gens. La meilleure façon de développer votre groupe Facebook consiste à intégrer le flux de groupe sur votre site Web WordPress.

De cette façon, les personnes qui visitent votre site peuvent voir tout le contenu que vous publiez sur Facebook. Cela les encouragera à consulter votre groupe, à interagir avec votre contenu et peut-être même à cliquer sur le bouton "Rejoindre".

Après avoir intégré le flux de groupe sur votre site, les nouveaux messages apparaîtront automatiquement sur votre site Web. Cela en fait un moyen facile de garder votre site à jour, même pour les visiteurs réguliers.

Dans cet esprit, voyons comment intégrer un flux de groupe Facebook dans WordPress.

Comment installer un plugin de flux Facebook personnalisé

La meilleure façon d'intégrer un flux de groupe Facebook dans WordPress consiste à utiliser le plugin Smash Balloon Custom Facebook Feed.

Ce plugin vous permet d'intégrer des albums Facebook, des commentaires, des critiques, des publications de la communauté et bien plus encore sur votre site Web WordPress.

Si vous intégrez des vidéos dans WordPress, Smash Balloon permet aux utilisateurs de regarder ce média sans avoir à visiter Facebook, en ouvrant une fenêtre contextuelle directement sur votre site Web.

Dans ce guide, nous utiliserons la version pro de Smash Balloon car elle vous permet d'afficher des albums, des vidéos et des photos Facebook sur votre site Web WordPress. Cependant, il existe également une version gratuite qui vous permet d'intégrer facilement les publications de statut Facebook dans WordPress, quel que soit votre budget.

La première chose que vous devez faire est d'installer et d'activer le plugin Smash Balloon Custom Facebook Feed. Pour plus de détails, consultez notre guide sur la façon d'installer un plugin WordPress.

Lors de l'activation, vous devrez vous rendre sur Flux Facebook » Paramètres et saisir votre clé de licence dans le champ « Clé de licence ».

Vous trouverez ces informations sous votre compte sur le site Web de Smash Balloon.

Après avoir entré la clé, cliquez sur le bouton 'Activer'.

Comment ajouter l'application Smash Balloon à votre groupe Facebook

Après cela, vous devrez ajouter l'application Facebook de Smash Balloon au groupe Facebook que vous souhaitez afficher sur votre site Web WordPress.

Remarque : En raison de la configuration de l'API Facebook, Smash Balloon ne peut afficher que les messages publiés après l'ajout de l'application à votre groupe Facebook.

Dans cet esprit, allons-y et installons l'application avant de faire quoi que ce soit d'autre. Dans un nouvel onglet, connectez-vous à Facebook et accédez à votre groupe Facebook.

Ensuite, dans le menu de gauche, cliquez sur "Paramètres du groupe".

Après cela, faites défiler jusqu'à la section "Gérer les paramètres avancés".

Ici, cliquez sur l'icône en forme de crayon à côté de "Applications".

Cela ouvre une fenêtre contextuelle affichant toutes les applications que vous avez déjà ajoutées à ce groupe.

Puisque nous voulons installer l'application Smash Balloon, cliquez sur "Ajouter des applications".

Dans la barre de recherche, tapez "Smash Balloon WordPress".

Lorsque la bonne application apparaît, cliquez dessus.

Une fenêtre contextuelle apparaîtra maintenant montrant toutes les informations auxquelles l'application peut accéder et toutes les actions qu'elle peut effectuer.

Si vous êtes d'accord pour installer l'application, cliquez sur "Ajouter".

Après quelques instants, vous devriez voir un message indiquant que vous avez ajouté avec succès l'application Smash Balloon à votre groupe Facebook.

Connectez Smash Balloon à votre groupe Facebook

Maintenant, il est temps de connecter votre page Facebook à WordPress, en allant sur Facebook Feed » All Feeds et en cliquant sur 'Add New.'

Smash Balloon vous permet d'afficher des photos, des événements, des vidéos, des albums, etc.

Puisque nous voulons intégrer notre flux de groupe Facebook, cliquez sur "Chronologie", puis sélectionnez "Suivant".

Après cela, vous devrez sélectionner le groupe Facebook à partir duquel vous obtiendrez la chronologie.

Pour commencer, cliquez sur "Ajouter un nouveau".

Sur l'écran suivant, sélectionnez le bouton radio à côté de "Groupe".

Après cela, cliquez simplement sur "Se connecter à Facebook".

Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez vous connecter à votre compte Facebook et choisir le groupe que vous souhaitez utiliser.

Après avoir coché la case à côté d'un ou plusieurs groupes, cliquez simplement sur "Suivant".

Vous devriez maintenant voir une fenêtre contextuelle vous demandant d'installer l'application Smash Balloon WordPress.

Puisque nous avons déjà installé cette application, vous pouvez continuer et cliquer sur "Terminé".

Comment créer un flux de groupe Facebook dans WordPress

Maintenant que vous avez ajouté votre groupe Facebook à Smash Balloon, il apparaîtra comme une option. Cliquez simplement pour sélectionner le groupe, puis cliquez sur "Suivant".

Sur cet écran, vous pouvez choisir le modèle que vous utiliserez comme point de départ pour votre flux de groupe Facebook.

Tous ces modèles sont entièrement personnalisables afin que vous puissiez affiner la conception en fonction de la façon dont vous souhaitez afficher les mises à jour de statut, les vidéos et les photos de votre groupe Facebook.

Nous utilisons le modèle "Simple Masonry", mais vous pouvez choisir le modèle de votre choix.

Smash Balloon va maintenant continuer et créer le flux en fonction de votre groupe Facebook et du modèle que vous avez choisi.

C'est un bon début, mais Smash Balloon dispose de nombreux paramètres que vous pouvez utiliser pour personnaliser l'apparence de ce flux de groupe sur votre blog WordPress.

Comment personnaliser votre flux de groupe Facebook

Le plugin Smash Balloon vous offre de nombreuses façons de personnaliser la façon dont le flux apparaît sur votre site Web. Dans cet esprit, cela vaut la peine de voir quels changements vous pouvez apporter.

Sur l'écran Flux Facebook » Tous les flux , recherchez votre flux de groupe, puis cliquez sur son bouton "Modifier", qui ressemble à un petit crayon.

Cela ouvre l'éditeur de flux Smash Balloon, qui affiche un aperçu de votre flux de groupe Facebook à droite.

Sur le côté gauche, vous verrez tous les différents paramètres que vous pouvez utiliser pour personnaliser l'apparence des publications sur votre site. La plupart de ces paramètres sont explicites, mais nous aborderons rapidement certains domaines clés.

Si vous souhaitez modifier le modèle que vous utilisez, cliquez simplement sur "Modèle".

Ensuite, sélectionnez le bouton "Modifier".

Pour commencer, vous pouvez modifier l'affichage des publications de votre groupe en cliquant sur "Mise en page du flux".

Sur cet écran, vous pouvez basculer entre les dispositions de maçonnerie et de liste et modifier la hauteur d'alimentation. Au fur et à mesure que vous apportez des modifications, l'aperçu se met à jour automatiquement afin que vous puissiez essayer différents paramètres pour voir ce qui convient le mieux à votre groupe Facebook.

Par défaut, le flux de groupe Facebook affichera un nombre différent de messages sur les ordinateurs de bureau et les appareils mobiles.

Vous pouvez prévisualiser l'apparence de votre flux sur les ordinateurs de bureau, les tablettes et les smartphones à l'aide de la rangée de boutons dans le coin supérieur droit.

Après avoir testé la version mobile de votre site Web WordPress, vous souhaiterez peut-être modifier le nombre de publications que vous affichez sur les smartphones et les tablettes.

Pour effectuer ce changement, recherchez simplement la section "Nombre de publications" et saisissez un numéro différent dans le champ "Mobile".

Vous pouvez également afficher moins de colonnes sur les smartphones et les tablettes en modifiant les paramètres "Colonnes".

Par exemple, dans l'image suivante, nous divisons le contenu en 3 colonnes sur ordinateur, 2 colonnes sur tablettes et 1 colonne sur appareils mobiles.

Lorsque vous êtes satisfait de la mise en page, cliquez sur le lien "Personnaliser".

Cela vous ramènera à l'éditeur principal de Smash Balloon, prêt à passer à l'écran de paramètres suivant, qui est "Schéma de couleurs".

Par défaut, Smash Balloon utilise le même schéma de couleurs que votre thème WordPress, mais sur cet écran, vous pouvez passer à un schéma de couleurs "Clair" ou "Sombre".

Une autre option consiste à concevoir votre propre jeu de couleurs en sélectionnant "Personnalisé", puis en utilisant les commandes pour modifier la couleur d'arrière-plan, modifier la couleur du texte dans WordPress, etc.

Vous pouvez ajouter un en-tête au-dessus de votre flux de groupe, qui peut inclure du contenu tel que la photo de profil et le nom de votre groupe. Cela peut aider les visiteurs à comprendre le contenu qu'ils voient et comment ils peuvent trouver votre groupe sur Facebook.

Pour ajouter une section d'en-tête, cliquez sur "En-tête" dans le menu de gauche.

Sur cet écran, cliquez sur le curseur "Activer" pour le faire passer du gris au bleu.

Après avoir ajouté une section d'en-tête, vous pouvez utiliser les commandes pour modifier la taille de l'en-tête et sa couleur, masquer ou afficher votre photo de profil Facebook, etc.

Si vous souhaitez supprimer l'en-tête à tout moment, cliquez simplement pour désactiver la bascule "Activer".

Après cela, vous pouvez modifier l'apparence des publications individuelles dans votre fil de groupe en sélectionnant "Style de publication" dans le menu de gauche.

Après cela, cliquez à nouveau sur "Post Style".

Sur cet écran, vous pouvez choisir entre une mise en page régulière et en boîte.

Si vous sélectionnez "En boîte", vous pouvez créer un arrière-plan coloré pour chaque message. Vous pouvez également agrandir le rayon de bordure pour créer des coins incurvés et ajouter une ombre de bordure.

Si vous choisissez "Normal", vous pouvez modifier l'épaisseur et la couleur de la ligne qui sépare vos différentes publications sur les réseaux sociaux.

Dans l'image suivante, nous avons ajouté une ligne plus épaisse au flux de groupe et modifié sa couleur.

Vous pouvez également personnaliser les parties individuelles de chaque publication en revenant à l'écran principal des paramètres.

Encore une fois, sélectionnez 'Post Style' mais cette fois choisissez 'Modifier les éléments individuels' à la place.

Vous verrez maintenant tous les différents contenus que Smash Balloon inclut dans chaque publication, tels que l'auteur de la publication, la date, la boîte de lien partagé, etc.

Pour supprimer un élément de contenu de vos publications, il vous suffit de cliquer pour décocher sa case.

Vous pouvez également personnaliser l'apparence de chaque type de contenu en cliquant dessus.

Par exemple, dans l'image suivante, vous pouvez voir les paramètres permettant de modifier la taille et la couleur des liens "post action", tels que like, share et comment.

Vous pouvez également modifier le texte "Afficher sur Facebook" en tapant dans le champ "Personnaliser le texte".

Par défaut, Smash Balloon n'ajoute pas de bouton "J'aime" Facebook à votre flux. Ce bouton permet aux visiteurs de rejoindre plus facilement votre groupe. Vous pouvez donc l'ajouter à votre flux en sélectionnant les paramètres "J'aime".

Ensuite, cliquez simplement sur "Activer" pour que la bascule devienne bleue.

Vous pouvez maintenant utiliser la liste déroulante "Position" pour ajouter la case "J'aime" au-dessous ou au-dessus du flux de groupe.

Vous pouvez également utiliser ces paramètres pour modifier la largeur de la boîte ou ajouter la photo de couverture du groupe.

Pour encourager davantage de personnes à rejoindre votre groupe, vous pouvez afficher le nombre total d'abonnés en cliquant sur le bouton "Afficher les fans".

Lorsque vous êtes satisfait de la configuration du bouton "J'aime", vous pouvez passer aux paramètres "Charger plus de boutons".

Le bouton "Charger plus" offre aux visiteurs un moyen simple de faire défiler davantage de votre flux. S'ils apprécient ce contenu, ils pourraient alors décider de rejoindre votre groupe Facebook.

Dans cet esprit, vous souhaiterez peut-être faire ressortir ce bouton en modifiant sa couleur d'arrière-plan, son état de survol et la couleur du texte.

Ce bouton affiche « Charger plus » par défaut, mais vous pouvez ajouter un message personnalisé en tapant dans le champ « Texte ».

Smash Balloon a une fonctionnalité lightbox qui permet aux visiteurs de regarder les vidéos de votre groupe et de regarder de plus près vos photos sans quitter WordPress.

Les visiteurs peuvent simplement cliquer sur n'importe quelle miniature de vidéo ou de photo pour ouvrir la fenêtre contextuelle de la lightbox.

Ils peuvent ensuite faire défiler le reste des images et des vidéos du flux à l'aide des flèches.

Pour personnaliser la lightbox par défaut, sélectionnez simplement "Lightbox" dans le menu de gauche.

Ici, vous pouvez modifier la couleur du texte, des liens et des couleurs d'arrière-plan de la lightbox.

La fenêtre contextuelle Lightbox permet aux visiteurs d'explorer facilement votre flux, mais elle permet également aux gens de faire défiler vos photos et vidéos sans visiter votre groupe Facebook.

Si vous souhaitez attirer plus de visiteurs sur votre groupe Facebook, vous pouvez désactiver la fonction lightbox. Pour ce faire, cliquez simplement sur le bouton "Activer" pour qu'il passe du bleu au gris.

Désormais, si un visiteur clique sur une photo ou une vidéo dans le flux de groupe, il sera redirigé vers votre groupe Facebook dans un nouvel onglet.

Lorsque vous êtes satisfait de l'apparence du flux de groupe Facebook, n'oubliez pas de cliquer sur « Enregistrer » pour enregistrer vos modifications.

Vous êtes maintenant prêt à ajouter ce flux à votre site Web WordPress.

Comment intégrer votre flux de groupe Facebook dans WordPress

Vous pouvez ajouter votre flux de groupe Facebook à WordPress à l'aide d'un bloc, d'un widget ou d'un shortcode.

Si vous avez créé plusieurs flux à l'aide de Smash Balloon, vous devez connaître le code du flux si vous souhaitez utiliser un bloc ou un widget.

Pour obtenir ces informations, accédez à Flux Facebook » Tous les flux , puis regardez la partie feed="" du shortcode. Vous devrez ajouter ce code au bloc ou au widget, alors notez-le.

Dans l'image suivante, nous devrons utiliser feed="1" .

Si vous souhaitez intégrer votre flux de groupe Facebook dans une page ou une publication, vous pouvez utiliser le bloc "Flux Facebook personnalisé".

Ouvrez simplement la page ou la publication où vous souhaitez intégrer le flux Facebook. Ensuite, cliquez sur l'icône "+" pour ajouter un nouveau bloc et commencez à taper "Flux Facebook personnalisé".

Lorsque le bloc Facebook apparaît, cliquez pour l'ajouter à votre page ou publication.

Le bloc affichera l'un de vos flux Smash Balloon par défaut. S'il ne s'agit pas de votre flux de groupe Facebook, recherchez la section "Paramètres du code court" dans le menu de droite.

Vous pouvez maintenant ajouter le code feed="" , puis cliquer sur "Appliquer les modifications".

Après cela, il vous suffit de publier ou de mettre à jour la page pour que le flux de groupe soit en direct sur votre site Web.

Une autre option consiste à ajouter le flux à n'importe quelle zone prête pour les widgets, telle que la barre latérale ou une section similaire. Cela permet aux visiteurs de voir votre flux de groupe, peu importe où ils se trouvent sur votre site Web.

Pour commencer, allez simplement dans Apparence » Widgets dans le tableau de bord WordPress puis cliquez sur le bouton bleu '+'.

Une fois que vous avez fait cela, commencez à taper "Flux Facebook personnalisé" dans la barre de recherche.

Lorsque le bon widget apparaît, faites-le glisser à l'endroit où vous souhaitez afficher le flux.

Le widget affichera l'un des flux que vous avez créés à l'aide de Smash Balloon.

S'il ne s'agit pas de votre flux de groupe Facebook, saisissez le code du flux dans la case "Paramètres du code court". Ensuite, cliquez sur "Appliquer les modifications".

Vous pouvez maintenant cliquer sur le bouton 'Mettre à jour' pour activer le widget. Pour plus d'informations, consultez notre guide complet sur la façon d'ajouter et d'utiliser des widgets dans WordPress.

Enfin, vous pouvez intégrer le flux de groupe Facebook sur n'importe quelle page, publication ou zone prête pour les widgets à l'aide d'un shortcode.

Allez simplement sur Facebook Feed » All Feeds et copiez tout le code dans la colonne « Shortcode ». Vous pouvez maintenant ajouter ce code à n'importe quel bloc de shortcode.

Pour plus d'informations, veuillez consulter notre guide détaillé sur la façon d'ajouter un shortcode dans WordPress.

Remarque : Si vous utilisez un thème activé par bloc, vous pouvez utiliser l'éditeur de site complet pour ajouter le bloc "Flux Facebook personnalisé" n'importe où sur votre site.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un groupe Facebook sur votre site WordPress. Vous pouvez également consulter notre guide sur la création d'un formulaire de contact dans WordPress, ou consulter notre sélection d'experts des meilleurs plugins Facebook pour votre blog.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Le post Comment intégrer un flux de groupe Facebook dans WordPress est apparu pour la première fois sur WPBeginner.