Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter un bouton de suivi Facebook pour les auteurs/autrices dans WordPress

Voulez-vous ajouter un bouton Facebook pour les auteurs/autrices de votre site dans WordPress ?

L’ajout d’un bouton « Suivre » sur Facebook permettra aux auteurs/autrices d’accroître la visibilité de leur profil ou de leur page Facebook et d’atteindre un public plus large. Les utilisateurs/utilisatrices n’auront qu’à cliquer sur le bouton pour commencer à suivre l’auteur/autrice sur Facebook.

Dans cet article, nous allons vous afficher comment ajouter le bouton Facebook follow pour les auteurs/autrices dans WordPress.

Add the Facebook follow button for authors in WordPress

Pourquoi ajouter un bouton « Suivre Facebook » pour les auteurs/autrices dans WordPress ?

Facebook est l’une des plateformes de réseaux sociaux les plus populaires, avec plus de 2 milliards d’utilisateurs/utilisatrices actifs mensuels.

La création d’un bouton de suivi Facebook permet aux lecteurs de se connecter à vos auteurs/autrices sur Facebook pour recevoir des mises à jour sur les nouveaux articles, donner leur avis ou en savoir plus sur eux/elles.

Si vous êtes l’unique auteur/autrice de votre blog WordPress, vous pouvez permettre aux utilisateurs/utilisatrices de suivre votre profil personnel ou votre page sur Facebook.

Par ailleurs, si vous gérez un blog WordPress à auteurs/autrices multiples, vous pouvez permettre aux utilisateurs/utilisatrices de suivre leurs auteurs/autrices abonné(e)s sur Facebook.

Cela aide à renforcer l’engagement des utilisateurs tout en offrant aux auteurs/autrices un moyen d’obtenir de nouveaux abonnés sur Facebook.

Ceci étant dit, voyons comment vous pouvez facilement ajouter un bouton de suivi Facebook dans WordPress.

Méthode 1 : Ajouter un bouton « Suivre Facebook » avec WordPress

Grâce au bloc Icônes sociales intégré dans l’éditeur de blocs, vous pouvez facilement ajouter un bouton d’abonné Facebook à n’importe quelle publication, page ou zone de widget.

Le bloc ajoute des icônes de réseaux sociaux à votre site avec des liens vers vos profils de réseaux sociaux.

Ajouter un bouton « Suivre » de Facebook à une publication

Tout d’abord, vous devrez modifier une publication existante dans l’éditeur de blocs.

Si vous souhaitez ajouter le bouton de suivi Facebook à une nouvelle publication, vous devez vous rendre dans l’écran Posts  » Ajouter un nouveau depuis la colonne latérale de l’administrateur.

Ensuite, cliquez sur le bouton Ajouter un module ‘(+)’ en haut et localisez le module Icônes sociales.

Ensuite, ajoutez le module à l’éditeur de contenu en cliquant dessus.

Add the Social Icons block to a post

Ensuite, vous devez cliquer sur le bouton ‘(+)’ à l’intérieur du bloc Icônes sociales pour ouvrir le menu du bloc.

À partir de là, il suffit de sélectionner le bloc d’icônes Facebook.

Add the Facebook icon in the block editor

Une fois l’icône Facebook ajoutée à la page, vous devez copier et coller l’URL de votre page ou profil Facebook dans le champ « Saisir l’adresse ».

Add Facebook page link in the Enter Address field

Ensuite, vous pouvez ajouter du texte avec le lien du profil Facebook. Vous pouvez écrire quelque chose comme « Suivez l’auteur/autrice sur Facebook ! ».

Note : Gardez à l’esprit que le bloc Icônes sociales ne vous permet pas d’ajouter du texte à côté de l’icône Facebook. Cependant, vous pouvez utiliser le bloc Groupe ou Colonne pour ajouter un Titre ou un Paragraphe à côté du lien du profil Facebook.

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Mettre à jour » ou « Publier » pour enregistrer vos modifications.

Voici à quoi ressemblait le bouton « Suivre » de Facebook sur notre site.

Facebook follow button in a post

Ajouter un bouton « Suivre » de Facebook sous forme de widget

Si vous souhaitez que votre bouton « Suivre » de Facebook apparaisse sur l’ensemble de votre site plutôt que sur des publications ou des pages individuelles, vous pouvez l’ajouter sous la forme d’un widget.

Pour ajouter le bouton de suivi Facebook en tant qu’abonné, vous devez vous rendre sur la page Apparence  » Widgets dans la colonne latérale de l’administrateur.

Cliquez sur le bouton Ajouter un module ‘(+)’ en haut de la page pour trouver le module Icônes sociales. Cliquez ensuite dessus pour l’ajouter à la zone de widget de votre choix, par exemple la colonne latérale.

Add the Social Icons block to the Widgets section

Cliquez ensuite sur le bouton ‘(+)’ à l’intérieur des blocs d’icônes sociales.

Cela ouvrira le menu du bloc, dans lequel vous devez choisir l’icône Facebook.

Add Facebook button to sidebar

Une fois l’icône Facebook ajoutée, il suffit de copier et de coller l’URL de votre profil ou de votre page Facebook dans le champ « Saisir l’adresse ».

Note : Si vous souhaitez ajouter du texte à côté de l’icône Facebook, vous devrez utiliser un bloc Groupe ou Colonne pour styliser plusieurs blocs ensemble.

Enfin, cliquez sur le bouton « Mettre à jour » pour stocker vos Réglages.

Add Facebook URL into the Enter Address option

Voici à quoi ressemblait notre bouton d’abonné Facebook sous forme de widget dans la colonne latérale du site.

Widget Preview for the Facebook follow button

Ajouter un bouton « Suivre Facebook » dans l’éditeur du site complet

Cette méthode s’adresse à vous si vous utilisez un thème en bloc et que vous avez accès à l’éditeur/éditrices complet du site.

Tout d’abord, vous devez vous rendre sur la page Apparence  » Éditeurs/éditrices dans la colonne latérale de l’administrateur.

Une fois l’éditeur de site complet lancé, il suffit de cliquer sur le bouton Ajouter un module ‘(+)’ dans le coin supérieur gauche de l’écran.

À partir de là, vous devez trouver et cliquer sur le bloc Icônes sociales pour l’ajouter à l’endroit de votre choix sur votre site WordPress.

Add the Social Icons block in the Full site editor

Ensuite, vous devez cliquer sur le bouton (+) à l’intérieur du bloc « Icônes sociales ».

Choisissez ensuite le bloc Facebook dans le menu.

Add Facebook button in FSE

Ensuite, vous devez coller l’adresse de votre profil ou de votre page Facebook dans le champ « Saisir l’adresse ».

Note : Vous devrez utiliser un bloc Groupe ou Colonnes si vous souhaitez ajouter du texte à côté de l’icône Facebook.

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer » pour stocker vos Réglages.

Add Facebook page URL in the FSE

Notre site de démonstration ressemblait à ceci.

Full site editor preview of the Facebook follow button

Méthode 2 : Ajouter un bouton « Suivre » de Facebook à l’aide de Smash Balloon (Recommandé)

Cette méthode est recommandée si vous recherchez davantage d’options de personnalisation et si vous souhaitez que votre bouton de suivi Facebook soit plus visible.

Pour cette méthode, nous utiliserons l’extension Facebook Feed Pro de Smash Balloon pour ajouter un bouton de suivi Facebook dans WordPress.

C’est la meilleure extension WordPress Facebook du marché qui vous permettra d’ajouter facilement un bouton de suivi Facebook attrayant à votre blog WordPress.

Tout d’abord, vous devrez installer et activer l’extension Facebook Feed Pro. Pour plus d’instructions, veuillez consulter notre guide pour débutants sur l’installation d’une extension WordPress.

Note : Il existe également une version gratuite de l’extension appelée Facebook Feed Lite. Elle vous permet d’ajouter le bouton de suivi Facebook, mais nous recommandons de passer à la version supérieure pour déverrouiller tout le potentiel de l’extension.

Une fois l’extension activée, il vous suffit de vous rendre sur la page Facebook Feed  » All Feeds à partir de la colonne latérale d’administration.

À partir de là, vous devez cliquer sur le bouton « Ajouter nouvelle » en haut de la page.

Click the Add New button on the All Feeds page

La page « Sélection du type de flux » s’ouvre.

Choisissez l’option « Chronologie », puis cliquez sur le bouton « Suivant » pour continuer.

Select Timeline as feed type

Vous êtes maintenant dirigé vers la page « Sélectionné une source ».

La source est la page ou le profil Facebook dont l’extension va récupérer le contenu.

Choisissez l’option « Ajouter une nouvelle ».

Click Add new button to add a new source

Vous accédez maintenant à la page  » Se connecter à Facebook  » de Smash Balloon.

Ici, vous devez d’abord sélectionner « Page » comme « Type de Sélectionné ».

Ensuite, il suffit de cliquer sur le bouton « Se connecter à Facebook » pour continuer.

Click Connect to Facebook button

Vous êtes maintenant dirigé vers le site de Facebook.

Vous devez fournir vos informations de connexion et cliquer sur le bouton « Se connecter ».

Log in to your Facebook account

Ensuite, une fenêtre surgissante s’ouvre avec la liste des pages Facebook que vous avez créées.

Choisissez simplement votre page Facebook préférée et cliquez sur le bouton « Suivant » pour continuer.

Choose a Facebook page and click on the Next button

Ensuite, une liste de fenêtres surgissantes s’affiche. Ici, vous devez permuter le commutateur sur « Oui » ou « Aucun » en fonction de vos besoins.

Par exemple, si vous souhaitez permettre aux utilisateurs/utilisatrices de lire le contenu de la page, vous devez permuter le commutateur sur « Oui ».

Une fois que vous avez terminé, cliquez sur le bouton « Terminé ».

Configure the access settings and click on the Done button

La fenêtre surgissante affiche alors un message indiquant que vous avez bien lié Smash Balloon WordPress à Facebook.

Cliquez sur le bouton « OK » pour être redirigé vers votre Tableau de bord WordPress.

Click the OK button after connecting Smash Balloon with Facebook

Ensuite, une fenêtre surgissante « Sélectionné une page Facebook » s’affiche.

Choisissez simplement la page Facebook à laquelle vous venez de vous connecter et cliquez sur le bouton « Ajouter ».

Select the Facebook page from the popup and click on the Add button

Vous revenez alors à la page « Tous les flux », où vous devez cliquer sur le bouton « Ajouter une nouvelle ».

Ensuite, sélectionnez à nouveau « Chronologie » comme type de flux. Vous reviendrez alors à la page « Sélectionné une source ».

Ici, la page Facebook que vous avez connectée s’affiche. Il vous suffit de cliquer pour la sélectionner, puis de cliquer sur le bouton  » Suivant  » pour continuer.

Choose the Facebook page as the new source

Vous verrez maintenant l’éditeur de flux avec un aperçu en direct de votre flux dans la colonne de droite et des options de personnalisation de la mise en page dans la colonne de gauche.

Cliquez sur l’onglet  » Mise en page du flux  » pour le déplier, puis définissez le nombre de publications à 0 pour les appareils mobiles et de bureau. En effet, nous voulons uniquement afficher un bouton Suivre de Facebook au lieu d’un flux affichant les publications de la page Facebook.

Set no of posts for mobile and desktop to zero

Ensuite, vous devez vous rendre dans le panneau « En-tête » et permuter le commutateur en haut sur « Désactiver ». Cela désactivera l’en-tête du Flux et créera une mise en page compacte.

Ensuite, il suffit de se rendre dans le panneau « Load More Button » et de permuter son interrupteur sur « Disable » également. Puisque nous n’affichons aucune publication, il n’est pas nécessaire d’afficher un bouton « Charger plus ».

Disable the header

Ensuite, vous devez visiter le panneau « Like Box » dans la colonne de gauche. Allez-y et permutez le bouton sur « Activer ». Cela activera le bouton Suivre.

Ensuite, vous pouvez personnaliser votre bouton Facebook à partir des Réglages ci-dessous. Vous pouvez modifier sa taille, sa position et sa largeur.

Vous pouvez également afficher ou masquer la photo de couverture en permutant le commutateur  » Photo de couverture « .

Toggle the switch to enable the Like Box

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer » en haut de la page.

Ajouter un bouton « Suivre » de Facebook à une publication

Pour ajouter un bouton de suivi Facebook à une publication, vous devez ouvrir une publication existante ou nouvelle dans l’éditeur de blocs.

Ensuite, cliquez sur le bouton Ajouter un module ‘(+)’ dans le coin supérieur gauche et recherchez le bloc Custom Facebook Feed.

Cliquez sur le bloc pour l’ajouter à votre page, et il insérera automatiquement le bouton « Suivre » de Facebook dans votre publication.

Add the Custom Facebook feed block

Enfin, stockez vos réglages en cliquant sur le bouton « Mettre à jour » ou « Publier ».

Vous pouvez désormais visiter votre site pour voir le bouton « Suivre » de Facebook en action.

Facebook follow button in post

Ajouter un bouton « Suivre » de Facebook sous forme de widget

Pour ajouter un bouton de suivi Facebook en tant qu’abonné, vous devez vous rendre sur la page Apparence  » Widgets dans la colonne latérale de l’administrateur.

Ensuite, cliquez sur le bouton Ajouter un module ‘(+)’ et trouvez le bloc Custom Facebook Feed.

Après l’avoir trouvé, ajoutez le module à la colonne latérale de WordPress en cliquant dessus.

Add the Custom Facebook Feed block to the sidebar

Cliquez ensuite sur le bouton « Mettre à jour » pour stocker vos Réglages.

Le bouton « Suivre Facebook » se présentait comme suit dans la colonne latérale de notre site de démonstration.

Facebook follow button preview in sidebar

Ajouter un bouton « Suivre Facebook » dans l’éditeur du site complet

Si vous utilisez un thème en bloc, vous pouvez utiliser l’éditeur de site complet pour afficher la boîte de suivi Facebook.

Tout d’abord, rendez-vous sur la page Apparence  » Éditeurs/éditrices dans la colonne latérale de l’administrateur. À partir de là, vous pouvez sélectionner le Modèle que vous souhaitez modifier.

Ensuite, cliquez sur le bouton Ajouter un bloc ‘(+)’ et trouvez le bloc Flux Facebook personnalisé.

Le bouton « Suivre » de Facebook s’affichera automatiquement une fois que vous aurez ajouté le module à l’endroit voulu sur votre site.

Add the Custom Facebook feed block in the full site editor

N’oubliez pas de cliquer sur le bouton « Enregistrer » en haut de la page pour stocker vos Réglages.

Voici à quoi ressemblait le bouton « Suivre Facebook » sur notre site de démonstration.

Facebook follow button preview in FSE

Nous espérons que cet article vous a aidé à apprendre comment ajouter un bouton Facebook follow pour les auteurs/autrices sur votre site WordPress. Vous pouvez également consulter notre tutoriel sur la façon d’utiliser les médias sociaux pour stimuler les abonnés/abonnés aux e-mails sur WordPress ou notre top des meilleures extensions de réseaux sociaux pour développer votre site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

15 commentairesLaisser une réponse

  1. Kerry

    OK… So none of the pages noted here exist anymore………………………

    • WPBeginner Support

      Thank you for your feedback, we will certainly look into updating this article when we are able.

      Administrateur

  2. tony

    seems like a pretty easy set up process

  3. Arnold Paseiro

    I know this is an old post and I was able to do it for Twitter but Facebook now doesn’t have an iframe choice or any choice for that matter, so I am stuck. It’s 2015. I still need help.

  4. Ruby Dawnbrooke

    Hello! I have a question, it no longer works but how do I do it?

  5. Chris

    Is there an easy way to get this follow button onto an individual author’s archive page?
    I imagine you can use the same code from the Facebook, but I’m not certain how to inject each author’s Facebook profile URL unto the follow button code.
    Thanks for any advice.

  6. Hal

    Appreciate the effort, but this doesn’t work as of October 1, 2013 – the date I tried it.

    • Editorial Staff

      Which part is not working? It seems to be working fine. The demo is live on the FB site itself.

      Administrateur

      • Sangeeta

        Its not working on my wordpress as well. The Iframe code does not save in the Text widget.
        Any guidance would be welcome, thanks.

        Sangeeta
        Oct 26 2013

        • WPBeginner Support

          Sangeeta if your site is hosted on WordPress.com then iframe code will not work for you. Please see the difference between WordPress.com vs Self Hosted WordPress.org . If your site is not hosted on WordPress.com then you will get an error most probably because you did not select the width for your follow button. Enter a value in the width and the iframe code should work fine.

  7. Rowan

    Thanks for this post. I’m having trouble getting a follow button for my FB page to show up in my wordpress posts. I want to have a simple follow button in my posts rather than a sidebar widget. Your post mentions that I can just paste the code into my theme template but I’m not sure where to do that.

    Is there a way of doing this so that I don’t need to manually paste the code into every blog post? I’ve tried using a few plugins but they all seem to only create a sidebar widget or a « like » button in-post which only likes the post, not my FB page.

    Any ideas?

  8. Albert Albs

    Thanks for the tips. But it is extra load on our website. No wasting of time.

  9. Travis Pflanz

    Is there a direct URL to follow a user? I would be more beneficial to simply swap out a URL, than re-code a section of my website to add a follow button.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.