Comment intégrer un flux de groupe Facebook dans WordPress

L'intégration d'un flux de groupe Facebook peut être un excellent moyen de présenter les interactions de la communauté, de partager des mises à jour et de maintenir le contenu de votre site Web à jour.

Cette intégration permet de relier vos communautés en ligne et peut augmenter l'engagement des visiteurs.

Nous avons utilisé différentes plateformes de médias sociaux pour générer du trafic vers nos sites Web. C'est pourquoi nous comprenons les défis liés à l'ajout d'un flux de médias sociaux.

Dans cet article, nous vous montrerons comment ajouter facilement un flux de groupe Facebook dans WordPress, étape par étape.

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

Facebook est la plateforme de médias sociaux la plus populaire au monde et compte 2,9 milliards d'utilisateurs actifs mensuels, selon nos statistiques de recherche marketing.

Cela rend les groupes Facebook parfaits pour interagir avec les personnes qui connaissent déjà votre marque et pour vous connecter avec un nouveau public.

En fait, notre groupe Facebook WPBeginner Engage compte plus de 98 000 utilisateurs actifs et connaît une croissance incroyable.

Les groupes Facebook peuvent vous aider à bâtir une communauté, à créer un sentiment de fidélité et à établir une relation positive avec vos utilisateurs.

Une fois que les gens rejoignent votre groupe, vous pouvez promouvoir des articles de blog, des mises à jour d'entreprise ou même des produits WooCommerce sans avoir à dépenser d'argent en publicités en ligne.

Après avoir créé votre groupe Facebook, vous voudrez le promouvoir et y attirer du monde. La meilleure façon de développer votre groupe Facebook est d'intégrer le flux du groupe sur votre site Web WordPress.

De cette façon, les visiteurs de votre site pourront voir tout le contenu génial 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 ».

Dans cette optique, 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 est d'utiliser Smash Balloon Facebook Feed.

Nous avons testé le plugin de manière approfondie et l'avons trouvé très facile pour intégrer des vidéos Facebook, des commentaires, des avis, des publications communautaires, et plus encore sur notre site WordPress. Pour en savoir plus, consultez notre critique complète de Smash Balloon.

Si vous publiez des vidéos dans votre groupe Facebook, Smash Balloon permet aux utilisateurs de regarder les médias dans une fenêtre contextuelle de type lightbox sans quitter votre site.

Après avoir intégré le flux du groupe, les nouvelles publications apparaîtront automatiquement sur votre site. C'est un moyen facile de garder votre site à jour, même pour les visiteurs réguliers.

Tout d'abord, vous devez installer et activer le plugin Smash Balloon Facebook Feed. Pour plus de détails, consultez notre guide sur comment installer un plugin WordPress.

Après l'activation, visitez la page Facebook Feed » Settings et entrez votre clé de licence dans le champ « License Key ».

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

Après avoir saisi la clé, cliquez simplement sur le bouton « Activer ».

Comment ajouter l'application Smash Balloon à votre groupe Facebook

Vous devrez maintenant ajouter l'application Facebook de Smash Balloon au groupe Facebook que vous souhaitez afficher sur votre site Web WordPress.

Note : En raison de la configuration de l'API Facebook, Smash Balloon ne peut afficher que les publications qui ont été effectuées après l'ajout de l'application à votre groupe Facebook.

Gardant cela à l'esprit, procédons à l'installation de l'application avant toute autre chose. Dans un nouvel onglet, connectez-vous simplement à Facebook et accédez à votre groupe Facebook.

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

Après cela, vous devez faire 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 montrant toutes les applications que vous avez déjà ajoutées à ce groupe.

Puisque nous voulons installer l'application Smash Balloon, vous devez cliquer 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 s'affichera 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.

Connecter Smash Balloon à votre groupe Facebook

Il est maintenant temps de connecter votre page Facebook à WordPress. Pour ce faire, visitez la section Facebook Feed » All Feeds et cliquez sur « Ajouter nouveau ».

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

Puisque nous voulons intégrer notre flux de groupe Facebook, cliquez sur « Timeline » puis sélectionnez « Suivant ».

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

Pour commencer, cliquez simplement sur « Ajouter 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 où vous pouvez vous connecter à votre compte Facebook. Ensuite, choisissez 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

Vous avez maintenant 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 un modèle que vous utiliserez pour créer le flux Facebook personnalisé dans WordPress.

Tous ces modèles sont entièrement personnalisables, vous pouvez donc affiner le design en fonction de la manière 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 n'importe quel modèle que vous souhaitez.

Smash Balloon va maintenant créer le flux de médias sociaux 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 l'apparence du flux sur votre site web. Il vaut la peine d'explorer les changements que vous pouvez apporter.

Sur l'écran Flux Facebook » Tous les flux, trouvez 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 chronologie Facebook dans WordPress.

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 s'expliquent d'eux-mêmes, mais nous allons rapidement couvrir quelques domaines clés.

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

Ensuite, sélectionnez le bouton « Change ».

Pour commencer, vous pouvez modifier la façon dont vos publications de groupe sont affichées en cliquant sur « Disposition du flux ».

Sur cet écran, vous pouvez basculer entre les dispositions en mosaïque et en liste, et modifier la hauteur du flux. Au fur et à mesure que vous apportez des modifications, l'aperçu se mettra à jour automatiquement, vous pouvez donc 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 publications 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 en utilisant la rangée de boutons dans le coin supérieur droit.

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

Pour apporter cette modification, trouvez simplement la section « Nombre de publications » et tapez un nombre différent dans le champ « Mobile ».

Vous voudrez peut-être é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 disposition, cliquez sur le lien « Personnaliser ».

Cela vous ramènera à l'éditeur principal de Smash Balloon, prêt pour que vous passiez à 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 « Obscur ».

Une autre option est de concevoir votre propre schéma de couleurs en sélectionnant « Personnalisé », puis en utilisant les contrôles pour changer la couleur d'arrière-plan, changer la couleur du texte dans WordPress, et plus encore.

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 simplement 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 contrôles pour changer la taille de l'en-tête, changer la couleur d'arrière-plan, masquer ou afficher la photo de profil de votre Facebook, et plus encore.

Si vous souhaitez supprimer l'en-tête à tout moment, cliquez simplement pour désactiver le bouton « Activer ».

Après cela, vous pouvez changer l'apparence des publications individuelles dans votre flux de groupe en sélectionnant « Style de publication » dans le menu de gauche.

Pour commencer, vous pouvez choisir entre les mises en page de publication miniature, demi-largeur et pleine largeur.

La mise en page miniature affiche votre flux Facebook WordPress avec de petites images.

Vous pouvez en voir un exemple dans l'image suivante.

Voulez-vous afficher de plus grandes images à la place ?

Vous pouvez alors sélectionner la demi-largeur comme mise en page de publication.

Enfin, si vous souhaitez afficher votre flux Facebook avec les plus grandes images possibles, vous pouvez choisir la mise en page pleine largeur.

Voici un exemple de ce à quoi cela ressemblera sur votre site WordPress :

Lorsque vous êtes satisfait de la mise en page générale, il est temps d'affiner le contenu spécifique de chaque publication.

Pour commencer, cliquez sur « Style de publication ».

Sur cet écran, vous pouvez choisir entre une mise en page normale et une mise en page encadrée.

Si vous sélectionnez « Boîte », vous pouvez alors créer un arrière-plan coloré pour chaque publication. Vous pouvez également agrandir le rayon des bordures pour créer des coins arrondis et ajouter une ombre portée.

Si vous choisissez « Normal », vous pouvez alors 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 du groupe et changé sa couleur.

Vous pouvez également personnaliser les éléments individuels de chaque publication en revenant à l'écran des paramètres principaux.

Encore une fois, sélectionnez « Style de publication », mais cette fois, choisissez « Modifier les éléments individuels » à la place.

Vous verrez maintenant tout le contenu différent que Smash Balloon inclut dans chaque publication, tel que l'auteur de la publication, la date, la boîte de lien partagé, et plus encore.

Pour supprimer un élément de contenu de vos publications, cliquez simplement 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 pour modifier la taille et la couleur des liens « action de publication », tels que « J'aime », « Partager » et « Commenter ».

Vous pouvez également modifier le texte « Voir 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 pourriez donc vouloir l'ajouter à votre flux en sélectionnant les paramètres « Boîte J'aime ».

Ensuite, cliquez simplement sur « Activer » pour que le commutateur devienne bleu.

Vous pouvez maintenant utiliser le menu déroulant « Position » pour ajouter la boîte J'aime en dessous ou au-dessus du flux du groupe.

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

Un grand nombre d'abonnés est une excellente preuve sociale qui encouragera plus de personnes à rejoindre votre groupe Facebook. Dans cette optique, vous voudrez peut-être cliquer pour activer le commutateur « Afficher les fans ».

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

Le bouton « Charger plus » permet aux visiteurs de parcourir facilement davantage votre flux. S'ils apprécient ce contenu, ils pourraient décider de rejoindre votre groupe Facebook.

Dans cette optique, vous voudrez peut-être faire ressortir ce bouton en modifiant sa couleur d'arrière-plan, son état au survol et la couleur du texte.

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

Smash Balloon dispose d'une fonctionnalité de lightbox qui permet aux visiteurs de regarder les vidéos de votre groupe et d'examiner 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 parcourir le reste des images et des vidéos dans le flux à l'aide des flèches, similaire à l'intégration d'un album Facebook dans WordPress.

Pour personnaliser la fenêtre contextuelle par défaut, sélectionnez simplement « Lightbox » dans le menu de gauche.

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

La fenêtre contextuelle de la lightbox permet aux visiteurs d'explorer facilement votre flux et leur permet de parcourir vos photos et vidéos sans visiter votre groupe Facebook.

Si vous souhaitez attirer plus de visiteurs vers votre groupe Facebook, vous voudrez peut-être désactiver la fonctionnalité de 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 du groupe, il sera dirigé vers votre groupe Facebook dans un nouvel onglet.

Lorsque vous êtes satisfait de l'apparence du flux de votre groupe Facebook, n'oubliez pas de cliquer sur « Enregistrer » pour sauvegarder 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éé plus d'un flux avec Smash Balloon, vous devrez connaître le code du flux si vous comptez utiliser un bloc ou un widget.

Pour obtenir ces informations, allez simplement dans Flux Facebook » Tous les flux puis copiez le texte sous « Shortcode ».

Dans l'image suivante, nous devrons utiliser custom-facebook-feed feed=1.

Si vous souhaitez intégrer votre flux de groupe Facebook dans une page ou un article, vous pouvez utiliser le bloc « Flux Facebook personnalisé ».

Ouvrez simplement la page ou l'article 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 dessus pour l'ajouter à votre page ou article.

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

Vous pouvez maintenant ajouter le codecustom-facebook-feed feed=1, puis cliquer sur le bouton « Appliquer les modifications ».

Après cela, publiez ou mettez à jour la page pour rendre le flux du groupe visible sur votre site Web.

Une autre option consiste à ajouter le flux à toute 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, où qu'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à 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, tapez le code du flux dans la boîte « Paramètres du shortcode ». Ensuite, cliquez sur « Appliquer les modifications ».

Vous pouvez maintenant cliquer sur le bouton « Mettre à jour » pour rendre le widget actif. Pour plus d’informations, consultez notre guide complet sur comment ajouter et utiliser des widgets dans WordPress.

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

Allez simplement dans Flux Facebook » Tous les flux et copiez tout le code de la colonne « Shortcode ». Vous pouvez maintenant ajouter ce code à n’importe quel bloc de shortcode.

Pour plus d’informations, consultez notre guide détaillé sur comment ajouter un shortcode dans WordPress.

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

Bonus : Obtenez plus de « J’aime » sur Facebook en utilisant WordPress

Si vous avez une page Facebook pour votre boutique en ligne ou votre entreprise, vous voudrez que les utilisateurs la visitent et aiment votre contenu Facebook pour ajouter une preuve sociale et gagner plus d’abonnés.

Une façon de procéder est d’ajouter le flux de votre groupe Facebook à votre site Web. Cependant, vous pouvez également ajouter un bouton « J’aime » et « Partager » sur Facebook à côté de vos articles de blog pour encourager les utilisateurs à partager votre contenu avec leurs amis.

Pour augmenter davantage votre nombre d’abonnés sur Facebook, vous pouvez utiliser Uncanny Automator.

Lors des tests, nous avons trouvé l’outil très facile à utiliser. Il nous a permis de configurer un flux de travail où chaque fois que nous publions un article sur notre site Web, une publication Facebook est automatiquement mise en ligne.

Pour plus de détails, consultez notre tutoriel sur comment publier automatiquement sur Facebook depuis WordPress.

Ou, vous pouvez consulter notre critique complète d'Uncanny Automator.

Vous pouvez également organiser des concours et des tirages au sort sur votre groupe Facebook, répondre aux commentaires sur vos publications, et même ajouter un calendrier d'événements Facebook sur votre site Web.

Cela aidera à ajouter une preuve sociale et à augmenter votre nombre d'abonnés sur votre groupe ou page Facebook.

Pour plus de suggestions, consultez notre guide pour débutants sur les moyens rapides d'obtenir plus de J'aime Facebook en utilisant WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un groupe Facebook à votre site WordPress. Vous voudrez peut-être aussi consulter notre aide-mémoire complet sur les réseaux sociaux ou consulter nos meilleurs choix pour les meilleurs plugins Facebook pour votre blog.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.