J'ai ajouté un bouton J'aime de Facebook à mon site l'année dernière car je voulais un moyen rapide d'augmenter l'engagement. Demander aux gens de commenter ou de partager semblait excessif. Un simple bouton J'aime était plus facile.
Au début, j'ai essayé un plugin gratuit, mais il a cassé ma mise en page. Ensuite, j'ai joué avec le code d'intégration de Facebook. Ça a marché, mais seulement après beaucoup d'essais et d'erreurs.
Finalement, j'ai utilisé SeedProd. Cela a pris moins de cinq minutes et je n'ai pas eu à toucher au code.
Dans ce guide, je vais vous montrer les deux méthodes afin que vous puissiez choisir celle qui convient à votre configuration.
TL;DR : Comment ajouter un bouton J'aime de Facebook
- Utiliser SeedProd : Faites glisser et déposez un bouton J'aime de Facebook n'importe où sur votre site sans code.
- Méthode manuelle : Intégrez le bouton J'aime en utilisant le code des outils de développeur de Facebook.
- Les deux méthodes permettent à vos visiteurs d'aimer plus facilement votre contenu et de développer votre page Facebook.
Pourquoi ajouter un bouton J'aime de Facebook à WordPress ?
Ajouter un bouton J'aime à votre site WordPress peut aider à stimuler l'engagement sur votre page Facebook. C'est aussi un excellent moyen d'encourager les utilisateurs à partager votre contenu dans leurs fils d'actualité Facebook, ce qui aide à attirer de nouvelles personnes sur votre site Web.
De plus, intégrer un bouton J'aime de Facebook sur votre page Web peut aider à développer vos abonnés sur les réseaux sociaux et à construire votre communauté en ligne sur le réseau social le plus populaire. En conséquence, vous pouvez accroître la notoriété de vos produits ou services et, finalement, augmenter les conversions.
Actuellement, WordPress n'a pas de solution intégrée pour ajouter un bouton J'aime de Facebook, vous devrez donc installer un plugin WordPress ou ajouter manuellement le code du bouton J'aime de Facebook. Dans cette optique, nous vous montrerons comment faire les deux ci-dessous.
Comment ajouter un bouton J'aime de Facebook dans WordPress en utilisant SeedProd
🔹 C'est la façon la plus simple d'ajouter un bouton J'aime de Facebook à votre site WordPress. Vous utiliserez le constructeur par glisser-déposer de SeedProd pour le placer n'importe où, sans code.
Tout d'abord, nous utiliserons un plugin WordPress pour ajouter un bouton J'aime de Facebook à votre site. Nous utiliserons SeedProd, le plugin meilleur constructeur de sites Web et de pages WordPress.
SeedProd facilite grandement la création de conceptions de pages flexibles dans WordPress, y compris des pages de destination personnalisées, des pages d'accueil, des barres latérales, des en-têtes, des pieds de page, et plus encore. Il est livré avec un constructeur par glisser-déposer et de nombreux blocs WordPress pour personnaliser facilement votre site sans code ni CSS.
En plus de vous permettre de créer des pages de destination entièrement personnalisées, SeedProd vous permet de créer des thèmes WordPress complets à partir de zéro, et vous n'aurez pas besoin de toucher à un seul fichier de thème WordPress.
Pour cette méthode, nous vous montrerons comment utiliser le widget bloc J'aime de Facebook de SeedProd pour afficher un bouton J'aime pratiquement n'importe où sur votre site WordPress.
Installer et activer SeedProd
Pour commencer, installez et activez le plugin SeedProd sur votre site Web WordPress.
Si vous avez besoin d'aide pour cela, vous pouvez consulter notre documentation sur l'installation de SeedProd. Ce guide vous guidera à travers l'installation du plugin et l'activation de votre clé de licence.
Remarque : SeedProd dispose d'une version gratuite qui vous permet de créer une page de destination simple sans code. Pour ce guide, nous utiliserons SeedProd Pro pour ses blocs WordPress Pro.
Ensuite, vous devrez déterminer comment utiliser SeedProd sur votre site Web. Vous pouvez l'utiliser pour créer des pages WordPress individuelles ou créer un thème WordPress entièrement nouveau pour remplacer la conception actuelle de votre site Web.
Pour ce guide, nous vous montrerons comment ajouter un bouton J'aime Facebook à une page de destination, alors accédez à SeedProd » Pages de destination depuis votre tableau de bord WordPress pour commencer.
Choisir un modèle prédéfini
Sur cette page, vous pouvez choisir l'une des conceptions de page de destination prédéfinies de SeedProd, telles que Bientôt disponible, Maintenance, Connexion ou 404.
Alternativement, vous pouvez créer une page de destination personnalisée en utilisant un modèle de page de destination que vous pouvez personnaliser pour répondre à vos besoins. Nous utiliserons cette option, alors cliquez sur le bouton Ajouter une nouvelle page de destination.
Sur l'écran suivant, vous verrez une bibliothèque de modèles de page de destination professionnels que vous pouvez personnaliser avec le constructeur par glisser-déposer de SeedProd. Cliquez sur l'un des onglets en haut pour filtrer les conceptions par type de page, y compris :
- Bientôt disponible
- Mode Maintenance
- Page 404
- Ventes
- Webinaire
- Page de capture de prospects
- Merci
- Connexion
Une fois que vous avez trouvé un design que vous aimez, survolez-le avec votre souris et cliquez sur l'icône de coche. Pour ce guide, nous utiliserons le modèle Tasty Squeeze Page.
Ensuite, vous verrez une fenêtre contextuelle où vous pouvez donner un nom à votre page. SeedProd donnera automatiquement une URL à la page, mais vous pouvez la modifier plus tard si vous le souhaitez.
Lorsque vous êtes satisfait des détails, cliquez sur le bouton Enregistrer et commencer à modifier la page.
Ajouter le bloc J'aime Facebook
Après avoir choisi un modèle, vous accéderez à l'éditeur visuel de SeedProd, où vous pourrez commencer à personnaliser la conception de votre page de destination. Il est facile à utiliser, avec des blocs et des sections à gauche et un aperçu en direct à droite.
Cliquez simplement sur n'importe quel élément de votre aperçu pour personnaliser le contenu selon vos besoins.
Par exemple, vous pouvez cliquer sur n'importe quel bloc de texte ou de titre pour modifier le titre et les descriptions.
Lorsque vous le faites, un panneau de configuration s'ouvrira à gauche pour vous permettre de modifier le contenu, la taille de la police, l'alignement, etc.
Vous pouvez également échanger les images du modèle et les remplacer par les vôtres. Pour ce faire, cliquez sur n'importe quelle image, puis sélectionnez l'icône de la poubelle dans le panneau de configuration pour la supprimer.
À partir de là, vous pouvez télécharger une nouvelle image depuis votre ordinateur ou votre bibliothèque de médias WordPress.
Maintenant que vous connaissez les bases de la navigation dans le constructeur de pages, examinons comment ajouter un bouton J'aime Facebook à votre page de destination.
SeedProd propose de nombreux blocs WordPress que vous pouvez ajouter à la conception de votre page de destination. Non seulement ils rendent votre page plus attrayante, mais ils sont également parfaits pour générer des prospects et des abonnés sur les réseaux sociaux.
Par exemple, avec les blocs Facebook de SeedProd, vous pouvez intégrer votre page Facebook, des publications individuelles, des commentaires et même un bouton J'aime.
Pour ajouter le bloc de bouton J'aime Facebook à votre page, faites-le simplement glisser depuis le panneau Blocs avancés sur votre page de destination.
À partir de là, vous pouvez modifier la conception et l'apparence du bouton J'aime à l'aide des menus déroulants du panneau des paramètres du bloc. Par exemple, vous pouvez modifier la disposition du bouton pour afficher votre nombre de boutons, une boîte J'aime, et plus encore.
Vous pouvez également modifier la taille de la police et activer l'option d'afficher un bouton Partager Facebook à côté.
De plus, il existe des options pour cibler une URL personnalisée au lieu de votre page de destination actuelle et pour modifier le format du permalien en un lien joli.
Dans l'onglet des paramètres Avancés, vous pouvez personnaliser l'espacement et la visibilité du bouton J'aime sur les appareils mobiles et de bureau et l'animer sans écrire de code.
Remarque : Vous pouvez entrer votre ID d'application Facebook dans SeedProd en allant dans SeedProd » Paramètres.
Continuez à personnaliser la conception de votre page de destination jusqu'à ce que vous soyez satisfait de l'apparence de tout. Par exemple, vous pouvez modifier la palette de couleurs et la typographie de la page dans le panneau des paramètres globaux.
N'oubliez pas de cliquer sur le bouton Enregistrer dans le coin supérieur droit pour sauvegarder vos modifications.
Configurer les paramètres de votre page
Étant donné que la page que nous créons inclut un formulaire d'inscription, nous devrons connecter un service de marketing par e-mail ensuite. Pour ce faire, cliquez sur l'onglet Connecter en haut et trouvez votre fournisseur de marketing par e-mail dans la liste.
À partir de là, suivez les instructions à l'écran pour connecter votre liste d'e-mails.
Vous pouvez également cliquer sur l'onglet Paramètres de la page en haut pour ajuster les paramètres de votre page de destination. Sur cet écran, vous pouvez modifier le nom et l'URL de votre page de destination et configurer vos paramètres SEO sur page pour les moteurs de recherche.
Par exemple, dans la section des paramètres SEO, vous pouvez utiliser All in One SEO, le meilleur plugin SEO WordPress, pour configurer les paramètres open graph de votre page.
Ces métadonnées aident Facebook à collecter des informations sur votre page, y compris l'image miniature, le titre de la page, la description et l'auteur.
De plus, les paramètres de page vous permettent également d'ajouter des scripts personnalisés, tels que votre pixel Facebook ou votre code de suivi Google Analytics.
Pour plus de détails, consultez notre documentation sur les paramètres des pages de destination.
Publier vos modifications
Une fois que votre page a exactement l'apparence que vous souhaitez, vous êtes prêt à la mettre en ligne sur votre site WordPress. Pour ce faire, cliquez sur la flèche déroulante du bouton Enregistrer et sélectionnez Publier.
Vous pouvez maintenant visiter votre page de destination et voir votre bouton J'aime Facebook en action.
Comment ajouter manuellement un bouton J'aime de Facebook à l'aide de code
🔹 Si vous préférez ne pas utiliser de plugin, cette méthode vous montre comment copier-coller le code du bouton J'aime de Facebook directement dans WordPress. Cela demande quelques étapes supplémentaires mais fonctionne sur n'importe quel site.
Une autre façon d'ajouter un bouton J'aime de Facebook à votre site WordPress est d'utiliser du code personnalisé. Cependant, cette méthode vous oblige à copier-coller du code HTML directement dans WordPress, nous la recommandons donc uniquement aux personnes à l'aise avec la modification de code.
Cela dit, nous utiliserons le plugin WPCode pour faciliter l'ajout de code personnalisé à WordPress.
Tout d'abord, vous devrez vous rendre sur la page ‘Bouton J’aime’ sur le site Meta for Developers (developers.facebook.com) et faire défiler jusqu'à la section ‘Like Button Configurator’.
Ensuite, entrez l'URL de votre page Facebook dans le champ ‘URL to Like’. Ce doit être la page que vous souhaitez connecter au bouton J'aime de Facebook.
Après cela, ajustez simplement les paramètres pour choisir la disposition et la taille du bouton J'aime. Vous verrez également un aperçu du bouton J'aime.
Lorsque vous êtes satisfait de l'aperçu, cliquez sur le bouton Get Code.
Vous verrez maintenant un pop-up avec 2 extraits de code et 2 onglets différents appelés JavaScript SDK et iFrame. Cliquez sur l'option JavaScript.
C'est ce que vous devrez ajouter à votre site Web WordPress pour afficher le bouton J'aime.
Si vous ajoutez directement ces extraits de code à votre thème WordPress, il y a une chance que cela puisse casser votre site Web. De plus, lorsque vous mettrez à jour votre thème, cela pourrait écraser les extraits de code.
Une façon plus simple d'ajouter ce code est avec le plugin WPCode. Il vous permet de coller des extraits de code sur votre site Web et de les gérer sans modifier directement les fichiers de votre thème.
Tout d'abord, vous devrez installer et activer le plugin WPCode.
Après avoir activé le plugin, accédez à Code Snippets » Header and Footer depuis votre tableau de bord WordPress.
Maintenant, copiez le premier extrait de code de Facebook et ajoutez-le au fichier header.php de votre thème WordPress après la balise <body>.
Copiez simplement le code et entrez-le dans la section ‘Body’ et cliquez sur le bouton Save Changes.
Ensuite, vous devrez copier le deuxième extrait de code et le coller sur votre site WordPress pour afficher le bouton J'aime de Facebook.
Pour ce faire, accédez à Code Snippets » + Add Snippet depuis votre administration WordPress ou cliquez sur le bouton Add New.
Sur l'écran suivant, vous pouvez choisir un extrait de la bibliothèque pré-construite ou ajouter un nouveau code personnalisé.
Alors, cliquez sur l'option ‘Add Your Custom Code (New Snippet)’ et sélectionnez le bouton Use snippet.
À partir de là, donnez un nom à votre code personnalisé et entrez le deuxième extrait de code de Facebook dans la section ‘Code Preview’.
Assurez-vous de cliquer sur le menu déroulant ‘Code Type’ et de sélectionner ‘HTML Snippet’.
Ensuite, faites défiler jusqu’à la section « Insertion » et choisissez où afficher le bouton J’aime de Facebook. Par exemple, vous pouvez le faire apparaître avant le contenu de votre article de blog.
Pour ce faire, cliquez sur le menu déroulant « Emplacement » et choisissez l’option Insérer avant le contenu dans la section Spécifique à la page.
Enfin, cliquez sur le bouton Enregistrer le extrait et basculez le commutateur de Inactif à Actif.
Vous pouvez maintenant visiter n’importe quel article de blog pour voir votre bouton J’aime de Facebook avant le contenu de l’article.
FAQ sur l’ajout d’un bouton J’aime de Facebook
Nous espérons que cet article vous a aidé à apprendre comment ajouter un bouton J’aime de Facebook à votre site. Vous pourriez également aimer ce tutoriel sur comment intégrer des événements Facebook 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.
