Comment ajouter le bouton J'aime de Facebook dans WordPress

Une vérité simple concernant les sites WordPress réussis : faciliter l'interaction des visiteurs avec votre contenu est la clé de la croissance. Pourtant, tant de propriétaires de sites négligent quelque chose d'aussi simple que l'ajout d'un bouton J'aime Facebook.

Bien que cela puisse sembler un ajout mineur, c'est en fait l'un des outils les plus puissants pour étendre votre portée. Plus de J'aime signifient plus de visibilité, ce qui conduit souvent à plus de trafic et de clients potentiels.

Heureusement, en ajouter un à votre site WordPress est plus facile que vous ne le pensez ! Nous avons expérimenté différentes méthodes d'intégration Facebook et nous en avons trouvé quelques-unes qui fonctionnent exceptionnellement bien.

Dans ce tutoriel, nous vous expliquerons comment ajouter un bouton J'aime Facebook dans WordPress. Nous partagerons les meilleures approches que nous avons testées, afin que vous puissiez commencer à exploiter l'engagement social pour développer votre site WordPress. 📈

Pourquoi ajouter un bouton J'aime Facebook dans WordPress ?

Facebook est l'une des plateformes de médias sociaux les plus populaires au monde. De nombreuses entreprises utilisent Facebook pour se connecter avec leurs clients et promouvoir leurs produits.

L'ajout d'un bouton J'aime Facebook à votre site Web WordPress peut aider à générer plus d'engagement. Cela encourage également les gens à partager votre contenu sur leurs profils Facebook et à attirer de nouveaux utilisateurs sur votre site.

Vous pouvez utiliser le bouton J'aime de Facebook pour augmenter vos abonnés sur les réseaux sociaux et bâtir une communauté. Cela permet de sensibiliser vos produits et services et d'augmenter les conversions.

Dans cet esprit, nous allons vous montrer comment ajouter un bouton J'aime de Facebook à votre site Web WordPress. Voici un aperçu rapide des méthodes que nous allons couvrir dans ce guide :

• Méthode 1 : Ajouter un bouton J'aime de Facebook dans WordPress à l'aide d'un plugin
• Méthode 2 : Ajouter manuellement un bouton J'aime de Facebook dans WordPress
• Astuce bonus : Qu'est-ce que les métadonnées Open Graph et comment les ajouter à WordPress ?
• Ressources bonus : Plus de guides sur les réseaux sociaux pour les sites Web WordPress

Prêt ? Voyons comment ajouter un bouton J'aime de Facebook dans WordPress à l'aide d'un plugin ou d'un code personnalisé.

Méthode 1 : Ajouter un bouton J'aime de Facebook dans WordPress à l'aide d'un plugin

Dans cette méthode, nous utiliserons un plugin WordPress pour ajouter un bouton J'aime de Facebook. Cette méthode est très facile et recommandée pour les débutants.

La première chose à faire est d'installer et d'activer Like & Share de BestWebSoft. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous pouvez aller dans Like & Share » Settings depuis votre panneau d'administration WordPress.

Ensuite, vous devrez ajouter un 'App ID' et un 'App Secret' Facebook. Si vous ne disposez pas de ces informations, suivez simplement les étapes ci-dessous.

Comment créer un ID d'application et un secret d'application Facebook

Dans le panneau « Paramètres », cliquez sur le lien « Créer un nouveau » sous le champ « ID de l’application » ou « Secret de l’application » dans le plugin Like & Share.

Cela vous mènera au site Web Meta for Developers. Nous vous suggérons d’ouvrir le site Web dans un nouvel onglet ou une nouvelle fenêtre, car vous devrez ouvrir la page des paramètres de Like & Share dans votre zone d’administration WordPress pour saisir l’ID et le secret de l’application.

À partir d’ici, vous devrez sélectionner un type d’application. Choisissez « Business » comme type d’application et cliquez sur le bouton « Suivant ».

Ensuite, vous devrez fournir des informations de base sur votre application.

Vous pouvez entrer un nom d’affichage pour votre application et vous assurer que la bonne adresse e-mail apparaît sous le champ « E-mail de contact de l’application ». Facebook sélectionnera automatiquement l’adresse e-mail du compte auquel vous êtes actuellement connecté.

Il existe également une option pour choisir un compte professionnel. Vous pouvez laisser sur « Aucun compte Business Manager sélectionné » et cliquer sur le bouton « Créer une application ».

Ensuite, une fenêtre contextuelle apparaîtra. Ici, Facebook vous demandera de saisir à nouveau votre mot de passe.

Il s'agit d'une mesure de sécurité pour prévenir les activités malveillantes sur votre compte. Entrez votre mot de passe de compte Facebook et cliquez sur le bouton « Soumettre ».

Après cela, vous verrez le tableau de bord de votre application.

À partir d'ici, vous pouvez accéder à Paramètres » Général dans le menu de gauche.

Maintenant, vous voudrez développer le menu déroulant « Paramètres » et cliquer sur « Général ».

Ici, vous verrez l'« ID de l'application » et le « Secret de l'application ».

Vous pouvez maintenant saisir ces informations dans les paramètres du plugin Like & Share.

Finalisez la personnalisation de votre bouton J'aime Facebook

Tout d'abord, vous voudrez copier l'« ID de l'application » et revenir à l'onglet ou à la fenêtre où vous avez la page Like & Share » Paramètres ouverte. Ensuite, entrez simplement l'« ID de l'application » dans le champ correspondant.

Maintenant, vous voudrez répéter l'étape en copiant les données du « Secret de l'application » de la page Meta for Developers et en les collant dans les paramètres du plugin Like & Share.

Une fois que vous avez fait cela, vous pouvez choisir d'afficher le bouton J'aime Facebook ainsi que l'URL du profil et les boutons de partage.

Il existe également des paramètres pour modifier la taille du bouton J'aime Facebook, sa position avant ou après le contenu, et son alignement.

Si vous avez activé le bouton URL du profil, vous pouvez alors faire défiler vers le bas jusqu'à la section « Bouton URL du profil » et entrer votre nom d'utilisateur ou votre ID Facebook.

Lorsque vous avez terminé, n'oubliez pas de sauvegarder vos modifications.

Désormais, le plugin ajoutera automatiquement un bouton J'aime de Facebook à votre site WordPress et le positionnera en fonction de vos paramètres.

Vous pouvez également utiliser le shortcode [fb_button] pour ajouter le bouton J'aime de Facebook n'importe où sur votre site.

C'est tout ! Vous pouvez maintenant visiter votre site et voir le bouton J'aime sur chaque publication.

Méthode 2 : Ajouter manuellement un bouton J'aime de Facebook dans WordPress

Une autre façon d'ajouter un bouton J'aime de Facebook est d'utiliser du code personnalisé. Cependant, cette méthode nécessite d'ajouter du code directement dans WordPress, nous la recommandons donc uniquement à ceux qui sont à l'aise avec l'édition de code.

Dans cette section, nous allons utiliser le plugin WPCode, car il permet à quiconque d'ajouter facilement du code à son blog WordPress.

Mais d'abord, vous devrez visiter la page ‘Bouton J'aime’ sur le site Meta for Developers et faire défiler jusqu'à la section ‘Like Button Configurator’.

Ensuite, entrez l'URL de votre page Facebook dans le champ ‘URL to Like’. Cela connectera le bouton J'aime de Facebook à votre page.

Après cela, utilisez simplement la configuration pour choisir la mise en page et la taille du bouton J'aime. Vous obtiendrez également un aperçu du bouton J'aime.

Une fois satisfait de l'aperçu, cliquez sur le bouton ‘Get Code’. Cela ouvrira une fenêtre pop-up qui affiche deux extraits de code sous l'onglet ‘JavaScript SDK’.

Veuillez noter que l'ajout direct de ces extraits de code à votre thème WordPress peut casser votre site Web. De plus, ils seront écrasés lorsque vous mettrez à jour le thème.

C'est pourquoi nous recommandons d'utiliser le plugin WPCode. Ce plugin vous permet de coller des extraits de code sur votre site web et de gérer facilement du code personnalisé sans modifier les fichiers de votre thème. Cela vous aide à éviter le risque de casser votre site WordPress.

De plus, nous avons fait confiance à WPCode sur tous les sites de notre marque pour gérer les personnalisations en douceur et efficacement. Pour plus d'informations sur notre expérience avec celui-ci, vous pouvez consulter notre avis complet sur WPCode.

Pour commencer, vous devrez installer et activer le plugin gratuit WPCode. Pour plus de détails, veuillez consulter notre guide sur comment installer un plugin WordPress.

Après activation, vous pouvez accéder à Snippets de code » En-tête et pied de page depuis votre tableau de bord WordPress.

Ensuite, vous devrez copier le premier snippet de code et l'ajouter au fichier header.php de votre thème WordPress, juste après la balise <body>. Copiez simplement le code et entrez-le dans la section « Corps ».

Après avoir terminé ce processus, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications ».

Ensuite, vous devrez copier le deuxième morceau de code et le coller sur votre site WordPress pour afficher le bouton Facebook J'aime.

Pour ce faire, vous pouvez aller dans Snippets de code » + Ajouter un snippet depuis votre panneau d'administration WordPress. Ou, cliquez simplement sur le bouton « Ajouter nouveau » dans le tableau de bord WPCode.

Sur l'écran suivant, WPCode vous permettra de sélectionner un snippet dans la bibliothèque pré-construite ou d'ajouter un nouveau code personnalisé.

Allez-y et choisissez l'option « Ajouter votre code personnalisé (Nouveau snippet) » et cliquez sur le bouton « Utiliser le snippet ».

Après cela, vous pouvez donner un nom à votre code personnalisé et entrer le deuxième extrait de code dans la section « Aperçu du code ».

Assurez-vous de cliquer sur le menu déroulant « Type de code » et de sélectionner « Extrait HTML » comme type de code.

Ensuite, vous pouvez faire défiler jusqu'à la section « Insertion » et sélectionner où vous souhaitez que le bouton J'aime de Facebook apparaisse.

Par exemple, disons que vous voulez qu'il apparaisse avant le contenu.

Cliquez simplement sur le menu déroulant « Emplacement » et choisissez l'option « Insérer avant le contenu » sous « Pages, Articles, Types d'articles personnalisés ».

Une fois que vous avez terminé, vous pouvez cliquer sur le bouton « Enregistrer l'extrait ».

Vous devrez également cliquer sur le commutateur et le faire passer de « Inactif » à « Actif ».

C'est tout. Un bouton J'aime de Facebook apparaîtra sur votre site Web après que vous ayez entré le code.

Astuce bonus : Qu'est-ce que les métadonnées Open Graph et comment les ajouter à WordPress ?

Open Graph est une métadonnée qui aide Facebook à collecter des informations sur une page ou un article sur votre site WordPress. Ces données comprennent une miniature, le titre de l'article/de la page, la description et l'auteur.

Facebook est assez intelligent pour extraire les champs de titre et de description. Cependant, si votre article contient plus d'une image, il peut parfois afficher une miniature incorrecte lorsqu'il est partagé.

Si vous utilisez déjà le plugin All in One SEO (AIOSEO), cela peut être facilement résolu.

Chez WPBeginner, nous utilisons nous-mêmes le plugin AIOSEO pour gérer les paramètres OpenGraph pour Facebook et X, entre autres efforts SEO. Nous en sommes de grands fans, et vous pouvez consulter notre avis complet sur AIOSEO pour plus de détails.

Pour ce faire, vous pouvez d'abord aller à All in One SEO » Réseaux sociaux et passer à l'onglet Facebook.

Ensuite, cliquez sur le bouton « Télécharger ou sélectionner une image » pour définir une « Image Facebook par défaut pour les articles » si votre article n’a pas d’image Open Graph.

En outre, vous pouvez également configurer une image Open Graph pour chaque article ou page individuel.

Lors de la modification d'un article, faites simplement défiler vers le bas jusqu'à la section Paramètres AIOSEO dans l'éditeur de contenu. Ensuite, vous pouvez passer à l'onglet « Social » et voir un aperçu de votre miniature.

Maintenant, vous voudrez faire défiler vers le bas jusqu'à l'option « Source de l'image ». Ensuite, choisissez une image Open Graph pour votre article.

Par exemple, vous pouvez sélectionner « Image jointe », « Première image du contenu » ou « Image personnalisée » à utiliser comme miniature Open Graph.

Pour plus de détails et d'autres façons d'ajouter des métadonnées Open Graph, n'hésitez pas à consulter notre guide sur comment ajouter des métadonnées Facebook Open Graph dans WordPress.

Ressources bonus : Plus de guides sur les réseaux sociaux pour les sites Web WordPress

Nous espérons que cet article vous a aidé à apprendre comment ajouter un bouton J'aime de Facebook dans WordPress. Ensuite, vous voudrez peut-être aussi consulter nos guides sur :

• Comment afficher les avis de votre page Facebook dans WordPress
• Comment intégrer des albums Facebook dans WordPress
• Meilleurs conseils et tutoriels Facebook pour les utilisateurs de WordPress
• Comment organiser un concours sur les réseaux sociaux pour développer votre site
• Comment utiliser les médias sociaux pour augmenter les abonnés par e-mail dans WordPress
• Les meilleures invites d'IA pour les blogueurs, les spécialistes du marketing et les réseaux sociaux
• La fiche de référence complète des réseaux sociaux pour WordPress
• Meilleurs plugins de médias sociaux pour WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.