Comment ajouter une page Facebook à WordPress (3 méthodes simples) 

Chaque fois que je termine la configuration d'un nouveau site Web, la prochaine chose que je fais est de connecter ses canaux sociaux. Une audience ne se construit pas toute seule, et un site qui ignore Facebook laisse les opportunités de suivi les plus faciles sur la table.

Avoir votre site et votre page Facebook dans deux mondes séparés signifie que vous manquez des interactions et des abonnés faciles.

C'est pourquoi je vais vous montrer mes trois méthodes les plus fiables pour ajouter une page Facebook à WordPress. Je vous montrerai également comment ajouter un bouton J'aime Facebook, afin que les visiteurs puissent suivre votre page en un clic sans quitter votre site.

Pourquoi ajouter votre page Facebook à WordPress ?

Si vous gérez une entreprise locale ou une page communautaire, vos visiteurs sont déjà sur Facebook tous les jours. L'ajout de votre Page Facebook directement sur votre site signifie qu'ils peuvent aimer ou suivre sans partir, et c'est dans ce moment sans friction que la plupart de la croissance sociale se produit réellement.

Cela maintient également votre marque visible à deux endroits à la fois, de sorte que les nouveaux visiteurs qui vous trouvent via Google peuvent se connecter avec vous sur les réseaux sociaux au cours de la même session. Pour une entreprise locale, cette combinaison de visibilité de recherche et de connexion sociale est difficile à battre.

Ensuite, je vais vous expliquer étape par étape comment l'ajouter.

Méthode 1 : Ajouter votre page Facebook à WordPress à l'aide de SeedProd

Si vous créez une nouvelle page à partir de zéro, comme une page de destination dédiée ou un hub Facebook pour votre marque, SeedProd est la meilleure option. Son éditeur glisser-déposer comprend un bloc de page Facebook intégré, vous pouvez donc intégrer votre page et personnaliser la mise en page complète sans écrire de code.

SeedProd est le meilleur constructeur de pages WordPress et constructeur de sites Web avec glisser-déposer. Il vous permet de créer des mises en page personnalisées sans avoir à les coder à partir de zéro.

Avec son bloc Page Facebook, vous pouvez intégrer n'importe quelle page Facebook dans WordPress en quelques clics seulement. Il dispose également de blocs pratiques qui vous permettent d'intégrer un bouton J'aime Facebook, des commentaires Facebook et des publications Facebook.

Voici les étapes pour ajouter une page Facebook à WordPress à l'aide de SeedProd.

Étape 1. Installer et activer SeedProd

Tout d'abord, vous devrez télécharger le plugin SeedProd et l'installer sur votre site WordPress.

Pour ce guide, nous utilisons SeedProd Pro pour ses fonctionnalités de personnalisation avancées.

Si vous avez besoin d'aide, vous pouvez consulter notre documentation sur comment installer SeedProd et activer votre licence.

SeedProd offre 2 façons de personnaliser votre site WordPress. Vous pouvez soit créer une page de destination autonome, soit créer un thème WordPress personnalisé à l'aide de sa fonctionnalité Theme Builder.

Pour ce guide, nous utiliserons la fonctionnalité de création de pages de destination.

Étape 2. Choisir un modèle de page de destination

Pour créer une nouvelle page de destination, accédez à « Pages de destination » depuis votre tableau de bord WordPress et cliquez sur le bouton « Ajouter une nouvelle page de destination ».

À partir de là, vous verrez des centaines de modèles de pages de destination préconçus que vous pouvez utiliser comme point de départ pour votre conception. Chaque modèle est 100 % responsive sur mobile, garantissant que votre conception s'affiche parfaitement sur les appareils mobiles tels que les smartphones et les tablettes.

Vous pouvez filtrer les modèles en cliquant sur les onglets en haut ou utiliser la barre de recherche pour trouver un design pour une niche spécifique. Une fois que vous en avez trouvé un qui vous plaît, passez la souris dessus et cliquez sur l'icône de coche.

Ensuite, entrez un nom pour votre page et cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

Maintenant, le modèle s'ouvrira dans l'éditeur visuel de SeedProd, où vous pourrez commencer à personnaliser sa mise en page et son contenu sans code.

Étape 3. Ajouter le bloc Page Facebook

L'éditeur glisser-déposer de SeedProd est facile à naviguer.

Vous verrez un aperçu en direct à droite et des blocs, des sections et des paramètres à gauche. Vous pouvez faire glisser des éléments de contenu du panneau des blocs vers l'aperçu et modifier leurs paramètres en quelques clics.

Voici comment ajouter le bloc Page Facebook à votre page de destination :

Dans le panneau « Blocs avancés », faites défiler vers le bas jusqu'à ce que vous voyiez le bloc Page Facebook. Pour l'ajouter à votre page, faites-le glisser de la gauche et déposez-le sur votre aperçu.

Maintenant, vous pouvez cliquer sur le bloc pour voir ses options de personnalisation et ajouter l'URL de votre page Facebook.

Si votre page ne s'affiche pas, vous devrez cliquer sur le lien « Paramètres de la page » et entrer les informations de votre ID d'application Facebook.

Comment obtenir un ID d'application Facebook

L'ID de l'application est la seule partie de cela qui semble compliquée, mais vous ne la configurez qu'une seule fois.

Voici comment :

1. Accédez à developers.facebook.com/apps et connectez-vous avec votre compte Facebook.
2. Cliquez sur « Créer une application » et sélectionnez le type d'application « Consommateur » lorsqu'on vous le demande.
3. Remplissez le nom de votre application et votre adresse e-mail de contact, puis terminez l'assistant de configuration.
4. Une fois l'application créée, votre ID d'application apparaît en haut du tableau de bord de l'application. Copiez-le et collez-le dans le champ Paramètres de la page de SeedProd.

Les paramètres supplémentaires du bloc Page Facebook incluent la possibilité de :

• Activer un petit en-tête
• Masquer votre photo de couverture
• Afficher les photos de profil
• Masquer le bouton d'appel à l'action
• Changer la hauteur du widget Facebook
• Ajuster l'alignement du widget

Vous pouvez même afficher différents types de flux Facebook, y compris une chronologie, des événements et des messages.

Ce qui est génial avec ce bloc, c'est qu'il inclut automatiquement les boutons J'aime et Partager afin que les utilisateurs puissent facilement partager votre contenu de médias sociaux sur d'autres plateformes.

Étape 4. Personnaliser votre page WordPress

Une fois que votre fil d'actualité de page Facebook est en place, vous pouvez continuer à personnaliser le reste de votre page de destination.

Quelques idées incluent :

• Ajouter un formulaire d'inscription pour collecter les adresses e-mail

• Inclure des témoignages de clients satisfaits pour renforcer la confiance
• Ajouter un bouton pour rejoindre votre Groupe Facebook

• Intégrer une vidéo de bienvenue pour engager les visiteurs pour la première fois

Pour un guide complet sur la personnalisation de votre page de destination, consultez notre guide étape par étape sur comment créer une page de destination dans WordPress.

Étape 5. Enregistrer vos modifications

Lorsque vous êtes satisfait de votre page, cliquez sur le bouton « Enregistrer » et « Publier » dans le coin supérieur droit de votre écran.

Vous pouvez maintenant visiter la page pour voir à quoi elle ressemble.

Méthode 2 : Ajouter une page Facebook à WordPress sans plugin

La deuxième méthode utilise le plugin Page de Facebook lui-même, il n'y a donc pas de constructeur de page impliqué.

Cette méthode est également relativement simple, mais n'offre pas le même niveau de personnalisation qu'un constructeur de pages WordPress. Elle implique également de copier et coller des extraits de code sur votre site.

Étape 1. Obtenir le plugin Page Facebook

Pour commencer, visitez le site web du plugin Page Facebook. C'est ici que vous saisirez les détails de votre page et générerez un code à intégrer sur votre site web.

Étape 2. Configurer le plugin Page Facebook

Sur la page du plugin, vous verrez un formulaire où vous pouvez entrer les détails de votre page Facebook.

Vous pouvez coller l'URL de votre page Facebook, entrer une largeur et une hauteur personnalisées pour le plugin, masquer la photo de couverture, et plus encore.

Étape 3. Générer votre code d'intégration de page Facebook

Après avoir rempli les détails nécessaires, cliquez sur le bouton « Obtenir le code ».

Facebook générera alors un code JavaScript et iFrame à coller sur votre page Web. Dans la fenêtre contextuelle, choisissez l'option iFrame et copiez le code d'intégration.

Étape 4. Ajouter le code d'intégration de la page Facebook à WordPress

Il est maintenant temps d'ajouter ce code à votre blog WordPress. De nombreux sites affichent leur page de compte Facebook dans un nouveau message ou un widget de barre latérale, alors examinons comment faire cela.

Rendez-vous dans l'onglet « Apparence » de votre administration WordPress et sélectionnez « Widgets ».

Ensuite, cliquez sur l'icône plus pour ajouter un nouveau bloc WordPress et trouvez le widget HTML personnalisé ou Texte. Ajoutez ce widget à la zone où vous souhaitez que votre page FB apparaisse.

Enfin, copiez le code HTML généré par Facebook et collez-le dans la zone du widget.

Cliquez maintenant sur le bouton « Enregistrer » pour appliquer les modifications. Votre page Facebook devrait maintenant apparaître dans la barre latérale de votre WordPress.

Pour l'ajouter à une page ou un article à la place, ouvrez la page dans l'éditeur de blocs, cliquez sur le bouton « + » pour ajouter un nouveau bloc, recherchez « HTML personnalisé » et collez le code d'intégration là. Publiez la page et votre flux Facebook apparaîtra là où vous l'avez placé.

Il ne s'affiche pas ? Vérifiez d'abord que votre page Facebook est publiée et que l'URL que vous avez entrée est correcte. Si un plugin de sécurité ou de mise en cache bloque les scripts externes, essayez de le désactiver temporairement pour tester.

Le code JavaScript d'intégration de Facebook peut parfois être bloqué, alors passez au code iFrame de l'étape 3 si cela se produit. Assurez-vous également que le domaine sur lequel vous intégrez correspond au domaine enregistré dans les paramètres de votre application Facebook.

Méthode 3 : Ajouter un fil d'actualité Facebook à WordPress avec un plugin

Si vous souhaitez un fil d'actualité dynamique et stylisé qui se met à jour automatiquement lorsque vous publiez sur Facebook, la meilleure option est le plugin Custom Facebook Feed de Smash Balloon. C'est la solution la plus populaire pour ce cas d'utilisation et elle fonctionne sur n'importe quelle page, publication ou barre latérale existante.

Avec son plugin de flux Facebook, vous pouvez afficher une galerie filtrable de vos publications Facebook sans écrire une seule ligne de code. Voici comment le configurer.

Étape 1. Installer le plugin Custom Facebook Feed

Dans votre tableau de bord WordPress, allez dans Plugins » Ajouter et recherchez « Custom Facebook Feed by Smash Balloon ». Installez et activez la version gratuite.

Une fois actif, vous verrez un nouvel élément de menu « Flux Facebook » dans votre tableau de bord.

Étape 2. Connecter votre compte Facebook

Cliquez sur Flux Facebook » Ajouter pour démarrer l'assistant de configuration. Vous serez invité à connecter votre compte Facebook.

Cliquez sur « Connecter à Facebook », connectez-vous si nécessaire, et accordez au plugin l'autorisation d'accéder à vos pages.

Le plugin ne demande qu'un accès en lecture, il peut donc afficher vos publications sans pouvoir publier en votre nom.

Étape 3. Sélectionner votre page Facebook

Après la connexion, vous verrez une liste des pages Facebook que vous gérez. Sélectionnez la page que vous souhaitez afficher et cliquez sur « Suivant ».

L'assistant vous permettra ensuite de choisir un type de flux : Chronologie, Photos, Événements ou Vidéos. Vous pouvez prévisualiser à quoi il ressemblera sur votre site.

Étape 4. Copier le shortcode ou ajouter le bloc

Une fois votre flux configuré, Smash Balloon vous donnera un shortcode comme [custom-facebook-feed]. Vous pouvez également utiliser le bloc dédié « Flux Facebook » si vous utilisez l'éditeur de blocs WordPress.

Enregistrez le fil d'actualité et notez le nom du shortcode ou du bloc. Vous l'utiliserez à l'étape suivante pour placer le fil d'actualité sur votre site.

Étape 5. Placer le fil d'actualité sur votre page

Ouvrez la page ou l'article où vous souhaitez que le flux apparaisse. Si vous utilisez l'éditeur de blocs, cliquez sur le bouton « + », recherchez « Flux Facebook » et sélectionnez votre flux dans le menu déroulant. Si vous utilisez un shortcode, ajoutez un bloc « Shortcode » et collez-le.

Pour ajouter le flux à votre barre latérale, allez dans Apparence » Widgets, ajoutez un widget « Shortcode », collez le shortcode et enregistrez. Publiez la page et votre flux Facebook en direct apparaîtra là où vous l'avez placé.

Comment ajouter un bouton J'aime Facebook dans WordPress

Intégrer votre page est une chose. Donner aux visiteurs un moyen de la suivre en un clic en est une autre, et c'est ce que fait un bouton J'aime de Facebook.

Sur les blogs que j’ai gérés, un bouton J’aime était le moyen le moins contraignant de transformer un lecteur en abonné. Les commentaires et le partage demandent des efforts, mais un J’aime est un clic, et cela fait grandir votre page silencieusement en arrière-plan.

WordPress n’a pas de bouton J’aime intégré, je vais donc vous montrer deux façons d’en ajouter un. La méthode sans code utilise SeedProd. La méthode manuelle utilise le code de Facebook.

Ajouter un bouton J'aime Facebook avec SeedProd (sans code)

Si vous avez suivi la méthode 1, vous avez déjà SeedProd installé et une page ouverte dans le constructeur. L’ajout d’un bouton J’aime ne prend que quelques clics supplémentaires.

Parallèlement au bloc Page Facebook, les blocs Facebook de SeedProd vous permettent d’intégrer votre page, des publications individuelles, des commentaires et un bouton J’aime autonome.

Pour ajouter le bouton, faites glisser le bloc J’aime Facebook depuis le panneau ‘Blocs avancés’ sur votre page.

Cliquez sur le bloc pour ouvrir ses paramètres, où vous pouvez façonner exactement l’apparence du bouton. Vous pouvez définir la mise en page sur standard, bouton, nombre de boutons ou nombre de boîtes.

Depuis le même panneau, vous pouvez choisir une petite ou une grande taille et activer ou désactiver un bouton Partager Facebook à côté.

Vous pouvez également pointer le bouton vers votre page actuelle ou une URL personnalisée, basculer le format de l’URL entre les permaliens simples et jolis, et aligner le bouton à gauche, à droite ou au centre.

Dans l’onglet des paramètres ‘Avancés’, vous pouvez affiner l’espacement du bouton, l’animer et contrôler sa visibilité sur mobile et ordinateur, le tout sans écrire une seule ligne de code.

Remarque : Pour que le bouton s’affiche correctement, ajoutez votre ID d’application Facebook sous SeedProd » Paramètres. Vous pouvez récupérer cet ID depuis votre tableau de bord d’application sur developers.facebook.com, le même endroit que celui couvert dans les étapes de l’ID d’application ci-dessus.

Lorsque vous êtes satisfait du bouton, cliquez sur la flèche déroulante du bouton ‘Enregistrer’ et sélectionnez ‘Publier’.

Vous pouvez maintenant visiter votre page et voir le bouton J’aime Facebook en action.

Ajouter un bouton J'aime Facebook manuellement avec du code

Si vous préférez ne pas utiliser de plugin, vous pouvez coller le code du bouton J’aime de Facebook dans WordPress. Cela demande quelques étapes supplémentaires, je ne le recommande donc que si vous êtes à l’aise avec la modification de code.

Pour le rendre plus sûr, nous utiliserons le plugin WPCode. Il vous permet de gérer des extraits de code sans modifier directement les fichiers de votre thème, de sorte qu’une mise à jour du thème ne puisse pas les supprimer.

Tout d’abord, accédez à la page Bouton J’aime sur le site Web Meta for Developers et faites défiler jusqu’au ‘Configurateur de bouton J’aime’.

Entrez l’URL de votre page Facebook dans le champ ‘URL à aimer’, puis ajustez la mise en page et la taille jusqu’à ce que l’aperçu soit correct. Lorsque vous êtes satisfait, cliquez sur ‘Obtenir le code’.

Vous verrez une fenêtre pop-up avec deux onglets, SDK JavaScript et iFrame, et deux extraits de code. Cliquez sur l’option JavaScript.

Installez et activez maintenant le plugin WPCode. Ensuite, accédez à Extraits de code » En-tête et pied de page dans votre tableau de bord.

Copiez le premier extrait de Facebook, collez-le dans la section ‘Corps’ et cliquez sur ‘Enregistrer les modifications’.

Ensuite, vous ajouterez le deuxième extrait, qui affiche réellement le bouton. Accédez à Extraits de code » + Ajouter un extrait et choisissez ‘Ajouter votre code personnalisé (Nouvel extrait)’, puis cliquez sur ‘Utiliser l’extrait’.

Donnez un nom à l'extrait, collez le deuxième extrait Facebook dans la zone « Aperçu du code », et définissez le « Type de code » sur « Extrait HTML ».

Faites défiler vers le bas jusqu'à la section « Insertion » pour choisir où le bouton apparaît. Pour l'afficher au-dessus de vos articles, ouvrez le menu déroulant « Emplacement » et choisissez « Insérer avant le contenu » sous « Spécifique à la page ».

Enfin, cliquez sur « Enregistrer l'extrait » et basculez le commutateur de Inactif à « Actif ». Visitez n'importe quel article de blog et votre bouton J'aime de Facebook apparaîtra avant le contenu.

FAQ sur l'ajout d'une page Facebook à WordPress

Quelle est la manière la plus simple d’afficher ma Page Facebook sur WordPress ?

Si vous utilisez déjà un constructeur de pages comme SeedProd, son bloc Page Facebook est le moyen le plus rapide. Sinon, collez l’URL de votre Page dans l’outil Plugin Page Facebook, copiez le code, et ajoutez-le à un bloc ou un widget HTML personnalisé.

Comment ajouter ma Page Facebook à la barre latérale ou au pied de page de WordPress ?

Allez dans Apparence » Widgets, ajoutez un bloc HTML personnalisé à votre barre latérale ou pied de page, collez votre code d’intégration de Page Facebook, et enregistrez.

Pourquoi mon intégration de Page Facebook ne s’affiche-t-elle pas ?

Vérifiez que votre Page est publiée, que l’URL est correcte, et qu’aucun plugin de sécurité ou paramètre de thème ne bloque les scripts. Si elle n’apparaît toujours pas, essayez d’utiliser le code iFrame de Facebook au lieu de JavaScript.

L’ajout d’une Page Facebook à WordPress ralentira-t-il mon site ?

Cela peut arriver, car les scripts de Facebook se chargent depuis l’extérieur de votre site. Pour que tout reste rapide, placez l’intégration plus bas sur la page, limitez le nombre d’onglets que vous affichez, et utilisez la mise en cache.

Un bouton J'aime Facebook est-il identique à un bouton Partager ?

Pas tout à fait. Le bouton J'aime ajoute votre page aux « J'aime » de quelqu'un, tandis qu'un bouton Partager publie votre page sur sa chronologie. Avec le bloc J'aime de Facebook de SeedProd, vous pouvez afficher les deux ensemble.

Où dois-je placer un bouton J'aime Facebook ?

Je le place généralement en bas d'une page de destination ou juste sous le titre d'un article de blog. Les deux endroits ont tendance à obtenir plus de clics que la barre latérale.

Ensuite, découvrez d'autres façons de personnaliser votre site WordPress

Nous espérons que ce guide vous a aidé à apprendre comment ajouter une page Facebook à WordPress. Il existe tellement d'autres façons de personnaliser votre site WordPress avec SeedProd que nous ne pourrions pas toutes les énumérer dans un seul article.

Voici donc certains de nos meilleurs guides de personnalisation WordPress :

• Comment personnaliser les styles de menu WordPress en 3 étapes faciles
• Comment créer une page d'auteur WordPress personnalisée (2 méthodes faciles)
• Comment créer des pages de destination personnalisées pour augmenter les conversions
• Comment intégrer des vidéos Facebook dans WordPress (3 méthodes simples)
• Comment créer des arrière-plans animés Particle.js dans WordPress

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.