Dernières nouvelles de SeedProd

Tutoriels, conseils et ressources WordPress pour développer votre activité

Comment ajouter une page Facebook à WordPress

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

Écrit par : avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
    
Reviewed By : avatar de l'évaluateur Turner John
avatar de l'évaluateur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Chaque fois que je termine la mise en place d'un nouveau site web, ma toute prochaine étape consiste à intégrer ses canaux de médias sociaux. C'est un élément fondamental pour construire une audience dès le premier jour.

En séparant votre site et votre page Facebook, vous vous privez d'un engagement facile et d'un grand nombre d'adeptes.

C'est pourquoi je vais vous montrer mes trois méthodes les plus fiables pour ajouter une page Facebook à WordPress. Vous serez en mesure d'afficher votre flux, d'augmenter le nombre de vos followers et de créer une marque plus connectée en ligne.

TL;DR : Ajouter votre page Facebook à WordPress vous permet de vous connecter avec vos visiteurs, d'augmenter le nombre de vos followers et de garder votre contenu cohérent sur toutes les plateformes. Vous pouvez le faire en quelques minutes avec un constructeur de page comme SeedProd ou en utilisant le code d'intégration du plugin de page gratuit de Facebook - aucun codage n'est nécessaire.

Pourquoi ajouter votre page Facebook à WordPress ?

Si vous gérez une entreprise locale ou une page communautaire, vos visiteurs sont déjà présents quotidiennement sur Facebook. En ajoutant votre page Facebook directement à votre site, ils peuvent l'aimer ou la suivre sans quitter votre site, et c'est dans ce moment sans friction que se produit la majeure partie de la croissance sociale.

Cela permet également à votre marque d'être visible à deux endroits à la fois, de sorte que les nouveaux visiteurs qui vous trouvent via Google peuvent entrer en contact avec vous sur les réseaux sociaux au cours de la même session. Pour une entreprise locale, cette combinaison entre visibilité dans les résultats de recherche et connexion sur les réseaux sociaux est difficile à battre.

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

Méthode 1 : Ajouter votre page Facebook à WordPress en utilisant SeedProd

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

SeedProd, générateur de pages par glisser-déposer pour ajouter des pages Facebook à WordPress

SeedProd est le meilleur constructeur de pages et de sites web WordPress avec drag-and-drop. 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" de Facebook, des commentaires Facebook et des messages Facebook.

Voici les étapes pour ajouter une page Facebook à WordPress en utilisant SeedProd.

Étape 1. Installer et activer SeedProd

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

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

Si vous avez besoin d'aide, vous pouvez consulter notre documentation sur l'installation de SeedProd et l'activation de votre licence.

SeedProd propose deux façons de personnaliser votre site WordPress. Vous pouvez soit créer une page d'atterrissage autonome, soit créer un thème WordPress personnalisé à l'aide de la fonction Theme Builder.

Pour ce guide, nous utiliserons la fonctionnalité de construction de pages d'atterrissage.

Étape 2. Choisir un modèle de page d'atterrissage

Pour créer une nouvelle page d'atterrissage, naviguez vers Pages d'atterrissage depuis votre tableau de bord WordPress et cliquez sur le bouton Ajouter une nouvelle page d'atterrissage.

Tableau de bord SeedProd Landing Pages avec le bouton Ajouter une nouvelle page d'accueil

À partir de là, vous verrez des centaines de modèles de pages d'atterrissage préfabriqués que vous pourrez utiliser comme point de départ pour votre conception. Chaque modèle est 100 % mobile-responsive, ce qui garantit que votre conception est parfaite sur les appareils mobiles tels que les smartphones et les tablettes.

Galerie de modèles de pages d'accueil SeedProd dans WordPress

Vous pouvez filtrer les modèles en cliquant sur les onglets en haut de la page ou utiliser le champ de recherche pour trouver un modèle correspondant à un créneau spécifique. Une fois que vous avez trouvé un modèle qui vous plaît, survolez-le et cliquez sur l'icône de la coche.

Survoler un modèle SeedProd pour le sélectionner à l'aide de l'icône en forme de coche.

Saisissez ensuite un nom pour votre page et cliquez sur le bouton Enregistrer et commencer à modifier la page.

Saisir le nom d'une 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 de page Facebook

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

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

Vous verrez un aperçu en direct sur la droite et des blocs, des sections et des paramètres sur la gauche. Vous pouvez faire glisser des éléments de contenu du panneau des blocs sur 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 depuis la gauche et déposez-le sur votre aperçu.

Faites glisser le bloc Page Facebook depuis le panneau Blocs avancés de SeedProd vers une page WordPress.

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

Panneau des paramètres de blocage de la page Facebook affichant le champ de saisie d'URL dans SeedProd

Si votre page ne s'affiche pas, vous devez cliquer sur le lien "Paramètres de la page" et saisir vos informations d'identification de l'application Facebook.

Comment obtenir un identifiant d'application Facebook

Obtenir votre identifiant d'application ne prend que quelques minutes. Voici comment procéder :

  1. Rendez-vous sur 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 lorsque vous y êtes invité.
  3. Entrez le nom de votre application et votre adresse e-mail de contact, puis suivez les instructions de l'assistant de configuration.
  4. Une fois l'application créée, votre identifiant 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.

Parmi les autres paramètres de blocage des pages Facebook, on trouve la possibilité de :

  • Activer un petit en-tête
  • Cacher votre photo de couverture
  • Afficher les photos de profil
  • Masquer le bouton CTA
  • Modifier la hauteur du widget Facebook
  • Ajuster l'alignement du widget

Vous pouvez même afficher différents types de flux Facebook, notamment la chronologie, les événements et les messages.

L'avantage de ce bloc est qu'il inclut automatiquement des boutons "J'aime" et "Partager" afin que les utilisateurs puissent facilement partager votre contenu de médias sociaux sur d'autres plateformes.

Étape 4. Personnalisez votre page WordPress

Une fois que le flux de votre page Facebook est en place, vous pouvez continuer à personnaliser le reste de votre page de destination. Voici quelques idées :

Formulaire d'inscription à la newsletter ajouté à une page d'accueil SeedProd dans l'éditeur visuel
Bouton « Rejoindre le groupe Facebook » placé sur une page d'accueil SeedProd
  • Intégrer une vidéo de bienvenue pour susciter l'intérêt des premiers visiteurs

Pour une description complète de la personnalisation de votre page d'atterrissage, consultez notre guide étape par étape sur la création d'une page d'atterrissage dans WordPress.

Étape 5. Enregistrez 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.

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

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

Page d'accueil WordPress terminée avec un flux Facebook intégré visible par les visiteurs.

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

Nous allons maintenant nous pencher sur un autre moyen efficace d'ajouter une page Facebook à WordPress, en utilisant le plugin de 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 de coller des extraits de code sur votre site.

Étape 1. Obtenir le plugin de page Facebook

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

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

Étape 2. Configurer le plugin de page Facebook

Sur la page du plugin, vous verrez un formulaire dans lequel vous pourrez entrer des informations sur votre page Facebook. 

Formulaire de configuration du plugin Facebook Page avec 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, etc.

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

Après avoir rempli les informations nécessaires, cliquez sur le bouton Obtenir le code. 

Cliquez sur le bouton « Obtenir le code » dans le plugin Facebook Page pour générer le code d'intégration.

Facebook va maintenant générer 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 du 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 la page de leur compte Facebook dans un nouvel article ou dans un widget de la barre latérale.

Allez 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 Custom HTML or Text. Ajoutez ce widget à l'endroit où vous souhaitez que votre page FB apparaisse.

Ajouter un bloc HTML personnalisé dans la zone Widgets 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 WordPress Widgets

Maintenant, cliquez sur le bouton Enregistrer pour appliquer les changements. Votre page Facebook devrait maintenant apparaître dans votre barre latérale WordPress.

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

Cela ne s'affiche pas ? 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. Le code JavaScript intégré de Facebook peut parfois être bloqué. Dans ce cas, passez au code iFrame de l'étape 3. Assurez-vous également que le domaine sur lequel vous effectuez l'intégration correspond au domaine enregistré dans les paramètres de votre application Facebook.

Méthode 3 : Ajouter un flux Facebook à WordPress à l'aide d'un plugin

Si vous souhaitez disposer d'un flux 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. Il s'agit de la solution la plus populaire pour ce type 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

Grâce à son plugin Facebook Feed, vous pouvez afficher une superbe galerie de publications Facebook filtrables sans avoir à écrire le moindre ligne de code. Voici comment le configurer.

Étape 1. Installez le plugin Custom Facebook Feed.

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

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

Ajouter un nouveau flux dans Smash Balloon

Étape 2. Connectez votre compte Facebook

Cliquez sur Flux Facebook » Ajouter nouveau pour lancer l'assistant de configuration. Vous serez invité à connecter votre compte Facebook. Cliquez sur Se connecter à Facebook, connectez-vous si nécessaire et autorisez le plugin à accéder à vos pages.

Sélectionner et se connecter à 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électionnez votre page Facebook

Une fois connecté, vous verrez apparaître 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 le résultat sur votre site.

Options de mise en page du fil d'actualité Facebook

Étape 4. Copiez le code court ou ajoutez le bloc

Une fois votre flux configuré, Smash Balloon vous fournit un code court tel que [custom-facebook-feed]. Vous pouvez également utiliser le Fil Facebook bloquez si vous utilisez l'éditeur de blocs WordPress.

Choisissez d'intégrer le fil d'actualité Facebook dans une page

Enregistrez le flux et notez le code court ou le nom du bloc. Vous l'utiliserez à l'étape suivante pour placer le flux sur votre site.

Étape 5. Placez le flux sur votre page

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

Ajouter le bloc Facebook Feed dans l'éditeur de blocs WordPress

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'endroit où vous l'avez placé.

Exemple d'intégration d'un fil d'actualité Facebook sur une page WordPress

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

Quel est le moyen le plus simple d'afficher ma page Facebook dans 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 Facebook Page Plugin, copiez le code et ajoutez-le à un bloc HTML personnalisé ou à un widget.
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 à votre pied de page, collez le code d'intégration de votre page Facebook et enregistrez.
Pourquoi l'intégration de ma 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 la page 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 ?
C'est possible, car les scripts de Facebook se chargent en dehors de votre site. Pour accélérer les choses, placez l'intégration plus bas dans la page, limitez le nombre d'onglets affichés et utilisez la mise en cache.

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 y a 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 quelques-uns de nos meilleurs guides de personnalisation de WordPress :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à participer à la conversation sur YouTube, X et Facebook pour obtenir d'autres conseils et contenus utiles pour développer votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.