Latest SeedProd News

Tutoriels, astuces et ressources WordPress pour vous aider à développer votre entreprise

Comment ajouter une page Facebook à WordPress

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

Written By: avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: avatar de l'évaluateur Turner John
avatar de l'évaluateur Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

Chaque fois que je termine la configuration d'un nouveau site Web, ma prochaine étape consiste à intégrer ses canaux de médias sociaux. C'est un élément fondamental pour bâtir une audience dès le premier jour.

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. Vous pourrez afficher votre flux, augmenter votre nombre d'abonnés et créer une marque plus connectée en ligne.

EN BREF : Ajouter votre page Facebook à WordPress vous aide à vous connecter avec les visiteurs, à augmenter votre nombre d'abonnés et à maintenir la cohérence de votre contenu sur les plateformes. Vous pouvez le faire en quelques minutes avec un constructeur de pages comme SeedProd ou en utilisant le code d'intégration gratuit du plugin Page de Facebook, sans codage requis.

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. Ajouter votre page Facebook directement à 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.

Constructeur de pages glisser-déposer SeedProd pour ajouter des pages Facebook à WordPress

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 de page Facebook, vous pouvez intégrer n'importe quelle page Facebook dans WordPress en quelques clics. 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 .

Tableau de bord des pages de destination SeedProd avec 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.

Galerie de modèles de pages de destination SeedProd dans WordPress

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.

Survoler un modèle SeedProd pour le sélectionner avec l'icône de coche

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

Entrer un nom de page et cliquer sur Enregistrer et commencer à modifier la page dans SeedProd

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.

Éditeur visuel SeedProd montrant le panneau des blocs à gauche et l'aperçu de la page en direct à droite

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.

Faire glisser le bloc Page Facebook du panneau Blocs avancés de SeedProd sur une page WordPress

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

Panneau des paramètres du bloc Page Facebook montrant le champ de saisie de l'URL dans SeedProd

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

Obtenir votre ID d'application prend seulement quelques minutes. Voici comment faire :

  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 votre flux de page Facebook en place, vous pouvez continuer à personnaliser le reste de votre page de destination. Voici quelques idées :

Formulaire d'opt-in par e-mail ajouté à une page de destination SeedProd dans l'éditeur visuel
  • Inclure des témoignages de clients satisfaits pour renforcer la confiance
  • Ajouter un bouton pour rejoindre votre Groupe Facebook
Bouton de groupe Facebook placé sur une page de destination SeedProd
  • 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.

Cliquer sur Enregistrer et publier dans SeedProd pour mettre en ligne une page Facebook intégrée dans WordPress

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

Page de destination WordPress terminée avec un flux de page Facebook intégré visible par les visiteurs

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

Plongeons maintenant dans une autre façon efficace d'ajouter une page Facebook à WordPress : l'utilisation du plugin Page Facebook.

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.

Page du plugin Page Facebook sur developers.facebook.com pour générer un code d'intégration

Étape 2. Configurer le plugin Page Facebook

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

Formulaire de configuration du plugin Page Facebook avec les paramètres d'URL, de largeur et de hauteur

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

Cliquer sur le bouton Obtenir le code sur le plugin Page Facebook pour générer l'intégration

Facebook générera maintenant 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.

Fenêtre contextuelle de code d'intégration Facebook avec l'option iFrame sélectionnée, prête à être copiée dans WordPress

É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.

Accédez à l'onglet Apparence dans 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.

Ajout d'un bloc HTML personnalisé dans la zone Widgets de WordPress pour contenir l'intégration Facebook

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

Coller le code d'intégration de la page Facebook dans un widget HTML personnalisé dans les Widgets WordPress

Cliquez maintenant sur le bouton Enregistrer pour appliquer les modifications. Avec cela, 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 exactement là où vous l'avez placé.

Vous ne voyez rien ? Vérifiez d'abord que votre Page Facebook est publiée et que l'URL que vous avez saisie 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. L'intégration JavaScript de Facebook peut parfois être bloquée, 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.

Plugin Smash Balloon Custom Facebook Feed pour afficher un flux Facebook en direct dans WordPress

Avec son plugin Facebook Feed, vous pouvez afficher une belle galerie filtrable de publications Facebook sans écrire une seule ligne de code. Voici comment l'installer.

É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 Facebook Feed dans votre tableau de bord.

Ajout d'un nouveau flux dans Smash Balloon

Étape 2. Connecter votre compte Facebook

Cliquez sur Facebook Feed » Ajouter pour démarrer l'assistant de configuration. Il vous sera demandé de connecter votre compte Facebook. Cliquez sur Connecter à Facebook, connectez-vous si nécessaire, et accordez au plugin l'autorisation d'accéder à vos pages.

Sélection et connexion à une page Facebook dans Smash Balloon

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 fil d'actualité : Chronologie, Photos, Événements ou Vidéos. Vous pouvez prévisualiser à quoi cela ressemblera sur votre site.

Options de mise en page du flux Facebook

Étape 4. Copier le shortcode ou ajouter le bloc

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

Choisir d'intégrer le flux Facebook dans une page

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 la publication où vous souhaitez que le fil d'actualité apparaisse. Si vous utilisez l'éditeur de blocs, cliquez sur le bouton +, recherchez Facebook Feed, et sélectionnez votre fil d'actualité dans le menu déroulant. Si vous utilisez un shortcode, ajoutez un bloc Shortcode et collez-le.

Ajout du bloc de flux Facebook dans l'éditeur de blocs WordPress

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

exemple de flux Facebook intégré sur une page WordPress

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

What’s the easiest way to show my Facebook Page in WordPress?
If you’re already using a page builder like SeedProd, its Facebook Page block is the fastest way. Otherwise, paste your Page URL into the Facebook Page Plugin tool, copy the code, and add it to a Custom HTML block or widget.
How do I add my Facebook Page to the WordPress sidebar or footer?
Go to Appearance » Widgets, add a Custom HTML block to your sidebar or footer, paste your Facebook Page embed code, and save.
Why isn’t my Facebook Page embed showing?
Check that your Page is published, the URL is correct, and no security plugin or theme setting is blocking scripts. If it still doesn’t appear, try using the iFrame code from Facebook instead of JavaScript.
Will adding a Facebook Page to WordPress slow down my site?
It can, because Facebook’s scripts load from outside your site. To keep things fast, place the embed lower on the page, limit the number of tabs you show, and use caching.

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 :

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

avatar de l'auteur
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

Avis de non-responsabilité : Notre contenu est soutenu par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Nous ne recommandons que les produits que nous pensons apporter de la valeur à nos lecteurs.

[weglot_switcher]