Comment intégrer les publications de statut Facebook dans WordPress

Publié: 2023-01-11


Cherchez-vous un moyen d'intégrer les publications de statut Facebook dans WordPress ?

Les statuts Facebook sont un moyen facile de partager des mises à jour importantes et des informations urgentes avec votre public. En intégrant votre chronologie Facebook dans WordPress, vous pouvez obtenir plus d'engagement, informer les gens de ce qui se passe sur votre page ou groupe Facebook et augmenter le nombre de vos abonnés.

Dans cet article, nous allons vous montrer comment intégrer les publications de statut Facebook dans WordPress.

How to embed Facebook status posts in WordPress

Pourquoi intégrer le statut Facebook dans WordPress ?

Facebook est la plate-forme de médias sociaux la plus populaire au monde et compte des milliards d'utilisateurs actifs. Pour les propriétaires de sites Web, Facebook est un moyen puissant de se connecter avec un nouveau public et de s'engager avec les personnes qui connaissent déjà votre marque.

Facebook est également parfait pour partager des informations urgentes en temps réel. De cette façon, vous pouvez utiliser FOMO pour créer un sentiment d'urgence.

Par exemple, vous pouvez publier un statut indiquant que les visiteurs manquent de temps pour saisir votre cadeau dans WordPress ou profiter de votre vente flash.

Cependant, les gens ne verront pas votre statut Facebook s'ils visitent simplement votre site Web. Il est donc difficile de développer votre suivi sur Facebook et d'établir une relation avec votre public.

En intégrant vos messages de statut Facebook dans WordPress, vous pouvez promouvoir votre page de médias sociaux et encourager davantage de personnes à vous suivre sur Facebook.

Lorsque vous publiez de nouveaux statuts, ils apparaissent automatiquement sur votre site, c'est donc également un excellent moyen de garder votre site Web à jour, même pour les visiteurs réguliers.

Cela étant dit, voyons comment intégrer les publications de statut Facebook dans WordPress.

Ajouter un plugin de statut Facebook à WordPress

Le moyen le plus simple d'intégrer votre flux de statut Facebook dans WordPress consiste à utiliser le flux de publication social Smash Balloon gratuit.

Ce plugin vous permet d'afficher du texte et des liens depuis votre page ou groupe Facebook.

A Facebook post timeline, embedded on a WordPress website.

Dans ce guide, nous utiliserons la version gratuite de Smash Balloon car elle vous permet d'intégrer des statuts Facebook quel que soit votre budget. Cependant, il existe un flux Facebook Smash Balloon qui vous permet d'intégrer différents types de contenu. Par exemple, vous pouvez intégrer une vidéo Facebook dans WordPress et afficher des images et des vidéos dans une fenêtre contextuelle lightbox sur votre site.

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

Après cela, vous devrez connecter Smash Balloon à votre page ou groupe Facebook, en allant sur Facebook Feed » All Feeds . Ici, cliquez sur "Ajouter un nouveau".

How to create a custom Facebook feed

Smash Balloon pro vous permet d'afficher des publications de vos albums photo, de votre chronologie, de vos événements, etc.

Cependant, la version gratuite vous permet uniquement d'intégrer vos statuts Facebook, alors cliquez sur "Chronologie", puis sélectionnez "Suivant".

The free Smash Balloon WordPress plugin

Maintenant, vous devez sélectionner la page ou le groupe dont vous obtiendrez les statuts Facebook.

Pour commencer, cliquez sur "Ajouter un nouveau".

Adding a Facebook page or group to your WordPress website

Sur l'écran suivant, choisissez si vous souhaitez intégrer le flux d'un groupe Facebook ou d'une page Facebook.

Après cela, allez-y et cliquez sur "Se connecter à Facebook".

How to connect a Facebook page or group to a WordPress website

Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez vous connecter à votre compte Facebook et choisir les pages ou les groupes dont vous souhaitez obtenir les mises à jour de statut.

Dès que vous avez fait cela, cliquez sur "Suivant".

Giving Smash Balloon access to your Facebook posts

Facebook affichera alors toutes les informations auxquelles Smash Balloon aura accès et les actions qu'il peut effectuer.

Pour restreindre l'accès de Smash Balloon à votre compte Facebook, cliquez simplement sur l'un des commutateurs pour le faire passer de "Oui" à "Non". Sachez simplement que cela peut affecter le contenu que vous pouvez intégrer sur votre blog ou site Web WordPress.

Dans cet esprit, c'est une bonne idée de laisser tous les commutateurs activés.

Connecting Facebook and WordPress using a free plugin

Lorsque vous êtes satisfait de la configuration de vos autorisations Facebook, cliquez sur "Terminé".

Après quelques instants, vous devriez voir un message confirmant que vous avez connecté votre site WordPress à Facebook. Cela fait, cliquez sur le bouton 'OK'.

Connecting Smash Balloon and Facebook successfully

Smash Balloon vous ramènera automatiquement au tableau de bord WordPress.

Comment intégrer les publications de statut Facebook dans WordPress

Vous verrez maintenant une fenêtre contextuelle avec la source que vous venez de relier à votre site Web. Sélectionnez simplement le bouton radio à côté de votre page ou groupe Facebook, puis cliquez sur le bouton "Ajouter".

Selecting a page or group as your Facebook source

Si vous avez accidentellement fermé la fenêtre contextuelle, ne vous inquiétez pas. Vous pouvez simplement actualiser l'onglet pour rouvrir la fenêtre contextuelle.

Après cela, Smash Balloon vous ramènera automatiquement à la page Flux Facebook »Tous les flux . Comme avant, cliquez sur le bouton "Ajouter un nouveau", sélectionnez "Chronologie", puis cliquez sur le bouton "Suivant".

Maintenant, sélectionnez votre page ou groupe Facebook et cliquez sur "Suivant".

Embedding Facebook status posts in WordPress

Smash Balloon va maintenant continuer et créer un flux de chronologie à partir de la page ou du groupe Facebook que vous avez choisi.

C'est un bon début, mais Smash Balloon propose de nombreux paramètres que vous pouvez utiliser pour personnaliser votre chronologie intégrée.

Comment personnaliser vos messages de statut Facebook intégrés

Pour affiner votre chronologie, accédez à Flux Facebook » Tous les flux dans le tableau de bord WordPress.

Ici, trouvez le flux de chronologie que vous venez de créer et cliquez sur le bouton "Modifier" à côté de celui-ci.

Customizing the Facebook status timeline feed

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

Sur le côté gauche, vous verrez tous les différents paramètres que vous pouvez utiliser pour personnaliser l'apparence de la chronologie sur votre site. La plupart de ces paramètres sont explicites, mais nous couvrirons rapidement tous les domaines principaux.

Customizing Facebook status posts in WordPress

Pour commencer, vous pouvez modifier la façon dont les statuts sont affichés en cliquant sur "Feed Layout".

Sur cet écran, vous pouvez basculer entre les dispositions de liste et de maçonnerie, ainsi que 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 site Web.

Smash Balloon's Feed Layout settings

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

Les appareils mobiles ont généralement des écrans plus petits et moins de puissance de traitement, donc si vous n'êtes pas satisfait de l'apparence du flux, il est judicieux d'afficher moins de statuts sur les tablettes et les smartphones.

Testing your Facebook post status on mobile devices

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

En essayant différentes mises en page, vous pouvez créer un flux de statut Facebook qui a fière allure sur tous les appareils.

How to create a responsive social media layout for mobile

Par défaut, le flux Smash Balloon affiche moins de colonnes sur les smartphones et les tablettes que sur les ordinateurs de bureau. Cela aide vos statuts Facebook à s'adapter confortablement sur des écrans plus petits.

Après avoir testé la version mobile de votre site Web WordPress, vous souhaiterez peut-être afficher moins de colonnes sur les smartphones et les tablettes.

Pour ce faire, modifiez simplement les chiffres sous "Colonnes".

Adding and removing columns in a Facebook status feed

Lorsque vous êtes satisfait de l'apparence du flux, cliquez sur le lien "Personnaliser".

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

Changing the color scheme in your Facebook status feed

Smash Balloon utilise par défaut un jeu de couleurs hérité de votre thème WordPress, mais sur cet écran, vous pouvez passer à un look 'Clair' ou 'Sombre'.

Vous pouvez également créer votre propre jeu de couleurs en sélectionnant "Personnalisé", puis en utilisant les commandes pour modifier la couleur du texte dans WordPress, modifier la couleur d'arrière-plan, etc.

Creating a custom color scheme using Smash Balloon

Par défaut, Smash Balloon ajoute un en-tête à votre flux, qui est votre photo de profil Facebook et le nom du groupe ou de la page.

Pour personnaliser cette section, cliquez sur "En-tête" dans le menu de gauche.

Changing the Facebook custom feed header

Ici, vous pouvez modifier la taille et la couleur de l'en-tête, masquer votre photo de profil Facebook, etc.

Si vous préférez supprimer entièrement l'en-tête, cliquez sur pour désactiver la bascule "Activer".

Adding a header to the Facebook status feed

Ensuite, vous pouvez modifier l'apparence des publications individuelles dans votre flux en sélectionnant "Style de publication" dans le menu de gauche.

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

Customizing a Facebook status feed with Smash Balloon

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

Adding colored box backgrounds to your embedded Facebook post statuses

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 à notre flux de statut Facebook.

Adding borders to a Smash Balloon Facebook feed

Vous pouvez également personnaliser les parties individuelles de chaque statut 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.

Customizing the posts inside a Facebook status feed

Vous verrez maintenant une liste de tous les différents contenus que Smash Balloon inclut dans chaque message, tels que la date, l'auteur du message et le titre de l'événement.

Pour supprimer un élément de contenu de votre flux, cliquez simplement pour décocher sa case.

How to remove content from a live Facebook feed

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 du texte de l'auteur.

Customizing how the post author is displayed in WordPress

Par défaut, Smash Balloon n'inclut pas le bouton "J'aime" de Facebook dans votre flux.

Ce bouton permet aux visiteurs de vous suivre plus facilement sur Facebook. Vous pouvez donc l'ajouter à votre flux d'état en sélectionnant les paramètres "J'aime".

Adding a like button to the Facebook status feed

Après cela, cliquez simplement sur le bouton "Activer" pour qu'il devienne bleu.

Vous pouvez maintenant utiliser les paramètres pour modifier l'emplacement de la boîte de lien et le type de contenu inclus dans la boîte, comme votre photo de couverture Facebook et le nombre total d'abonnés.

Adding a like button to an embedded Facebook status page

Si vous effectuez une mise à niveau vers Smash Balloon premium, il y a d'autres paramètres à explorer. Cela inclut une fonctionnalité lightbox qui permet aux visiteurs d'explorer votre contenu dans une fenêtre contextuelle.

Puisque vous utilisez la version gratuite de Smash Balloon pour le moment, vous pouvez continuer et cliquer sur "Enregistrer" pour enregistrer vos modifications.

La prochaine étape consiste à ajouter le flux de statut Facebook à votre site Web WordPress.

Comment intégrer les publications de statut Facebook dans WordPress

Vous pouvez ajouter votre flux de statut Facebook à WordPress à l'aide d'un bloc, d'un widget ou d'un code court.

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

Pour obtenir ces informations, allez simplement sur 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'exemple suivant, nous devrons utiliser feed="8" .

Adding Facebook content to WordPress using a shortcode

Si vous souhaitez intégrer vos statuts Facebook dans une page ou une publication, nous vous recommandons d'utiliser le bloc "Flux Facebook personnalisé".

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

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

Adding a Facebook timeline to your website using a WordPress block

Le bloc affichera l'un de vos flux Smash Balloon par défaut. Si vous souhaitez utiliser un flux différent à la place, recherchez simplement "Paramètres de code court" dans le menu de droite.

Vous pouvez maintenant ajouter le code feed="" à cette case. Une fois que vous avez fait cela, cliquez sur le bouton "Appliquer les modifications".

Showing different Facebook feeds using shortcode

Le bloc affichera désormais toutes les mises à jour de statut de votre page ou groupe Facebook. Il vous suffit de publier ou de mettre à jour la page pour que le flux soit en ligne.

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 vos dernières mises à jour Facebook sur l'ensemble de votre site Web.

Allez simplement dans Apparence » Widgets dans le tableau de bord WordPress puis cliquez sur le bouton bleu '+'.

The Smash Balloon Custom Facebook Feed widget

Maintenant, commencez à taper "Flux Facebook personnalisé" dans la barre de recherche pour trouver le bon widget.

Vous pouvez maintenant le faire glisser sur la zone où vous souhaitez afficher les mises à jour de votre statut Facebook. Par défaut, le widget affichera l'un des flux que vous avez créés à l'aide de Smash Balloon.

Adding a social media widget to your WordPress website

Pour afficher un flux différent à la place, saisissez le code du flux dans la case "Paramètres du code court", puis cliquez sur "Appliquer les modifications".

Vous pouvez maintenant cliquer sur le bouton 'Mettre à jour' pour activer le widget.

How to publish a Facebook feed to your website

Pour plus d'informations, veuillez consulter notre guide étape par étape sur la façon d'ajouter et d'utiliser des widgets.

Enfin, vous pouvez intégrer votre statut sur n'importe quelle page, publication ou zone prête pour les widgets à l'aide d'un code court. Pour obtenir le shortcode, allez simplement sur Facebook Feed » All Feeds et copiez la valeur dans la colonne 'Shortcode'.

Vous pouvez maintenant ajouter ce code à votre site. Pour plus d'informations, veuillez consulter notre guide détaillé sur la façon d'ajouter un shortcode dans WordPress.

Nous espérons que cet article vous a aidé à apprendre à intégrer les publications de statut Facebook dans WordPress. Vous pouvez également consulter notre guide sur la création d'une newsletter par e-mail et les meilleurs plugins WordPress Facebook pour développer 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.