Si vous avez un blog WordPress personnel, le plugin Page de Facebook peut vous aider à générer du trafic vers votre profil, et à créer une communauté de fans. Vous ne pourrez pas personnaliser le design du feed, et vous ne pourrez afficher que le contenu de votre page, mais ce plugin Facebook fera l'affaire pour ceux qui n'ont pas de budget marketing, et peu de canaux Social Media actifs. En quelques clics, vous pouvez ajouter votre widget Facebook à la barre latérale de WordPress.

Dans cet article, nous ne parlerons pas de la manière d’intégrer le plugin FB Page standard à votre site. Nous nous focaliserons plutôt sur comment intégrer un feed Facebook totalement personnalisé à WordPress.

Vous êtes au bon endroit si vous voulez intégrer un feed Facebook à WordPress, et si vous souhaitez atteindre au moins un de ces quatre objectifs :

1. Utiliser un design personnalisé et choisir parmi plusieurs templates de feed Facebook.
2. Diffuser les posts de n’importe quelle page Facebook publique ou de plusieurs pages (sans vous limiter à celle que vous gérez).
3. Combiner des posts de Pages Facebook à d’autres réseaux sociaux comme Instagram,TikTok, YouTube, et LinkedIn.
4. Afficher des feeds Facebook sur WordPress, mais aussi sur plusieurs sites web, apps et plateformes digitales, sans utiliser différents plugins ou payer des coûts supplémentaires.

Avec Flockler, vous pouvez créer un feed Facebook pour WordPress totalement personnalisé, sans compétence technique spécifique, puis intégrer ces feeds Social Media à votre site web. De quoi atteindre les 4 objectifs ci-dessus en 5 minutes !

Vous n’en croyez pas vos oreilles ?

Cet article vous dévoile un guide étape par étape pour diffuser un feed Facebook sur n’importe quel site WordPress, et comment combiner des posts Facebook à d’autres, issus d’autres médias sociaux.

Comment intégrer un feed Facebook à n’importe quel site web

Suivez les quatre étapes suivantes pour ajouter un feed Facebook à n’importe quel site WordPress :

1. Connecter votre profil Facebook
2. Choisir n’importe quelle page Facebook publique à diffuser
3. Sélectionner la mise en page de votre feed Facebook
4. Personnaliser le design de votre feed Facebook
5. Intégrer votre feed Facebook à WordPress

1. Connecter votre profil Facebook

Si vous n’avez pas encore un compte Flockler, commencez par vous inscrire à l’essai gratuit. Aucune carte de crédit ne vous sera demandée, aucun engagement non plus, et vous avez accès au produit dans son intégralité.

Depuis la page d’inscription, vous serez redirigé vers l’outil de création des feeds. Ici, sélectionnez “Facebook” parmi les canaux disponibles.

Puis connectez votre compte Facebook à Flockler. Vous pouvez y connecter n’importe quel compte, tant que celui-ci gère au moins une page Facebook. Vous ne serez pas obligé de diffuser cette page-ci sur votre site web, et Flockler ne dévoile rien de votre profil personnel.

Pourquoi Facebook requiert-il de vous connecter à un compte personnel ? La raison est simple : le réseau social veut limiter le nombre de données que vous pouvez récolter de leur service. Les limites sont donc là pour protéger les utilisateurs de Facebook. Par exemple, bon nombre d’organisations politiques seraient ravie de pouvoir collecter vos posts et leurs data, si ces limites n’existaient pas !

2. Choisir n’importe quelle page Facebook publique à diffuser

Vous pouvez désormais choisir n’importe quelle page publique à diffuser dans votre feed. Oui : n’importe quelle page Facebook, et pas uniquement celles que vous gérez ! C’est là l’une des fonctionnalités les plus appréciées de Flockler.

Si vous ne gérez pas la page en question, cliquez sur “Another Page” à cette étape.

Puis copiez-collez l’URL de la page Facebook que vous souhaitez afficher sur votre site WordPress. Par exemple, dans la capture-écran ci-dessous, j’ai choisi la page Facebook de GoPro.

Par la suite, vous pourrez ajouter plus de feeds, et les diffusez tous au même endroit. Par exemple, vous pourriez vouloir intégrer des feeds Instagram, des comptes Twitter, des vidéos YouTube et des posts LinkedIn à votre WordPress. Avec Flockler, vous pouvez créer votre feed personnalisé depuis plusieurs réseaux sociaux et sources de contenu.

Da Vinci Engineering est un superbe exemple de feed Facebook sur Wordpress. Leur feed Facebook sous forme de carrousel, intégré à leur page d’accueil et au Wall sur leur page actualités, diffuse une sélection de posts Facebook, Instagram et LinkedIn, en un seul et même endroit.

3. Sélectionner la mise en page de votre feed Facebook

Après avoir ajouté vos sources de contenu, la prochaine étape consiste à sélectionner la mise en page de votre feed Facebook pour WordPress.

Vous pouvez créer un nombre illimité de mises en page en choisissant votre modèle préféré : Social Wall, Grille, Carrousel et Diaporama.

4. Personnaliser le design de votre feed Facebook

Désormais, il est temps de personnaliser le design de votre feed Facebook pour WordPress.

Cliquez sur le lien “Edit style & settings'” : des outils d’édition s’affichent alors.

Vous pouvez changer les couleurs du feed, cacher certains éléments, designer des boutons d’appel à l’action, et bien plus encore. Une fois votre design édité, cliquez sur le bouton “Save changes” : un aperçu vous est présenté en temps réel. Vous devriez trouver tout ce dont vous avez besoin pour personnaliser votre feed, mais si besoin, rendez-vous dans la section “Advanced”, pour y ajouter du CSS personnalisé.

Besoin d’aide à créer un feed Facebook pour WordPress personnalisé ? N’hésitez pas à nous contacter par le live chat sur notre site.

5. Intégrer votre feed Facebook à WordPress

Dernière étape : intégrer votre feed Facebook à votre site WordPress. Téléchargez le plugin Flockler pour WordPress. Après l’installation, rendez-vous dans l’onglet “Display” de Flockler. D’ici, vous trouverez le bouton “Add to WordPress” sur chacun de vos feeds créés. Cliquez dessus : vous obtiendrez un shortcode à intégrer à votre site WordPress.

Notez que vous pouvez aussi ajouter un feed Facebook à WordPress sans le plugin. Le code d’intégration (embed code) standard de Flockler fonctionne sur tous les CMS.

Selon votre site WordPress, les étapes suivantes peuvent différer quelque peu. Ici, nous détaillons ces instructions pour Elementor, Gutenberg et le classic editor.

Comment intégrer un feed Facebook à Elementor

1. D’abord, créez une nouvelle page WordPress ou éditez une page existante.
2. Puis cliquez sur le bouton “Edit with Elementor”
3. A gauche, cherchez le widget HTML. 

4. Déplacez le widget HTML sur l’emplacement où vous voulez intégrer votre feed Facebook sur la page.
5. Les outils d’édition vont s’ouvrir à gauche de la page.
6. Rendez-vous dans l’onglet “Display” sur Flockler, et cliquez sur le bouton “Add to WordPress”. Puis copiez-collez le shortcode directement dans le champ du widget HTML Code. Si vous utilisez Flockler sans avoir installé le plugin, vous pouvez également y intégrer le embed code Flockler directement. 

7. Enfin, mettez à jour ou publiez vos modifications : un feed Facebook s’affiche sur votre site WordPress.

Comment intégrer un feed Facebook sur Gutenberg / l’éditeur de blocs

1. Ouvrez la page WordPress où vous voulez intégrer votre feed Facebook.
2. Cliquez sur “(+) Add Block” en haut à gauche dans l’admin WordPress.
3. Puis cherchez l’élément Custom HTML et ajoutez-le où vous souhaitez à votre page. 

4. Rendez-vous dans l’onglet “Display” sur Flockler, et cliquez sur le bouton “Add to WordPress”. Puis copiez-collez le shortcode directement dans le champ du widget HTML Code. Si vous utilisez Flockler sans avoir installé le plugin, vous pouvez également y intégrer le embed code Flockler directement. 

5. Enfin, mettez à jour ou publiez les changements apportés à votre page WordPress : votre feed Facebook est en ligne !

Comment intégrer un feed Facebook sur le classic editor de WordPress

1. Ouvrez la page WordPress où vous voulez intégrer votre feed Facebook personnalisé.
2. Dans l’éditeur de texte WordPress, vous avez deux options : le mode Visual ou le mode Text. Choisissez le mode “Text”.
3. Rendez-vous dans l’onglet “Display” de Flockler, et cliquez sur le bouton “Add to WordPress”. Copiez-collez le code à WordPress.
4. Mettez à jour ou publiez les changements apportés à votre page WordPress : votre feed Facebook est intégré à votre site WordPress !

Ce guide devrait vous aider à commencer, et diffuser un feed Facebook personnalisé sur n’importe quelle page WordPress en cinq minutes. Besoin d’aide ? N’hésitez pas à nous contacter via le live chat.