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 des boutons de réaction WordPress pour stimuler l’engagement

Il est important de stimuler l’engagement des utilisateurs sur votre site pour que les internautes s’y épinglent. Un moyen rapide d’y parvenir est d’ajouter des boutons de réaction à votre blog WordPress.

Les boutons de réaction permettent à vos lecteurs de partager leurs réflexions d’un simple clic. Ils n’ont pas besoin de taper un commentaire.

Ce simple ajout peut rendre votre blog WordPress plus interactif. Il vous permet également de bénéficier d’un retour d’information instantané.

Dans cet article, nous vous guiderons sur la manière d’ajouter ces boutons pratiques à votre site WordPress.

How to Add WordPress Reaction Buttons to Boost Engagement

Pourquoi ajouter des boutons de réaction dans WordPress ?

Les boutons de réaction vous aident à stimuler l’engagement des utilisateurs sur votre blog WordPress. car tous les utilisateurs/utilisatrices n’ont pas le temps ou la confiance nécessaire pour laisser un commentaire.

C’est pourquoi les sites de réseaux sociaux populaires comme Facebook utilisent des boutons « J’aime » et d’autres boutons « Réaction » pour stimuler l’engagement. Si vous ne l’avez pas encore fait, vous pouvez ajouter un bouton « J’aime » de Facebook à vos publications.

Facebook Lets Users React to Posts With the Like Button

L’ajout de boutons de réaction WordPress peut encourager une plus grande interaction sur votre site. Ces boutons permettent à vos utilisateurs/utilisatrices de s’engager avec votre publication en un seul clic.

Dans cette optique, voyons comment ajouter ce type de bouton de réaction à votre site WordPress.

Comment ajouter des boutons de réaction dans WordPress

Pour ajouter des boutons de réaction à votre site WordPress, vous pouvez utiliser des extensions telles que Da Reactions.

La première chose à faire est donc d’installer et d’activer l’extension Da Reactions. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Pour ce tutoriel, nous utiliserons la version gratuite de l’extension. Mais il existe également une version premium qui ajoute des fonctionnalités avant telles que des outils d’analyse et l’intégration de BuddyPress. Vous pouvez acheter la version pro au sein du tableau de bord du plugin dans la section  » Passer à la version « .

Da Reactions est conçu pour fonctionner dès sa sortie de l’emballage, ce qui signifie que vous pouvez commencer à l’utiliser immédiatement après l’installation, sans configuration ni paramétrage.

Il suffit d’activer l’extension pour voir les boutons de réaction de Da Reactions en action au bas de chaque publication et de chaque page. Voici un exemple tiré de notre publication de démonstration :

Da Reactions' buttons on a demo post

Personnaliser les boutons de réaction de WordPress

Pour personnaliser vos boutons de réactions, vous devez vous rendre dans Réactions  » Gestionnaire de réactions depuis votre tableau de bord WordPress.

Vous trouverez ici les 6 émojis de réaction par défaut avec leurs libellés d’infobulle personnalisables.

Reactions manager in Da Reactions

Pour réorganiser les boutons, il suffit de faire glisser l’icône de hamburger de la colonne « Tri » vers le haut ou vers le bas.

Par exemple, nous avons déplacé le bouton « Amour » en première position.

The Love button moved up to first position

Nous avons trouvé le libellé « Ah Ah » un peu gênant, c’est pourquoi nous allons le modifier.

Pour ce faire, il suffit de taper la nouvelle copie dans le champ « Libellé » correspondant.

Editing Da Reactions' labels

Si vous souhaitez ajouter un nouvel émoji, vous pouvez cliquer sur le bouton « Ajouter nouveau » à la fin de la liste.

Une fois que vous avez fait cela, Da Reactions ajoutera une icône de réaction aléatoire à la liste. Cliquez ensuite sur l’icône pour ouvrir le panneau d’options.

Adding new reaction button in Da Reactions

Il vous suffit de sélectionner une icône à ajouter à la liste. Vous pouvez ensuite cliquer sur le bouton « X » pour fermer le panneau d’options des icônes.

Il est maintenant temps de modifier la couleur et le libellé de la nouvelle icône.

Pour modifier la couleur de l’icône, vous devez cliquer sur le bouton rectangle vert. Cela ouvrira l’outil sélecteur de couleurs.

À partir de là, vous pouvez déplacer votre souris pour trouver la couleur parfaite pour votre nouvelle icône.

Changing icon's color in Da Reactions

Vous pouvez ensuite modifier le libellé « Réaction » par défaut en y ajoutant votre propre texte. Par exemple, nous avons libellé le nôtre : « Un truc incroyable ! ».

C’est tout ce que vous devez savoir pour personnaliser vos boutons de réaction avec Da Reactions. Vous pouvez ensuite modifier l’ordre des icônes, changer les couleurs ou modifier tous les libellés.

Da Reactions customization done

Lorsque vous êtes satisfait de leur aspect, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour conserver votre progression.

Si vous visitez votre publication WordPress, vous verrez maintenant les boutons de réaction remaniés :

Customized Da Reactions buttons on a live website

Les réglages par défaut de Da Reactions ajoutent automatiquement des boutons de réaction à vos publications, commentaires, pages uniques et articles de WordPress. Cependant, vous disposez d’options supplémentaires pour savoir où vous pouvez ajouter ces boutons de réaction.

Pour ce faire, vous devez vous rendre dans Reactions «  Réglages généraux à partir de votre tableau de bord WordPress.

Dans cette zone, vous pouvez cocher les cases où vous souhaitez ajouter des boutons de réaction. Par exemple, vous pouvez les ajouter à vos fichiers multimédias.

Checking the media options in Da Reactions

En bas de l’écran, vous verrez le champ « Utiliser des couleurs différentes pour les widgets graphiques ». Ce champ vous permet de modifier le jeu de couleurs de vos boutons de réaction.

Il vous suffit de déplier le menu déroulant et de cliquer sur la faculté qui vous intéresse, par exemple  » Utiliser des couleurs générées de manière aléatoire « .

Checking the random color option in Da Reactions

Une fois cela fait, cliquez sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Voici ce que cela donne sur notre page de démonstration « Galerie » :

Da Reactions buttons on media files

Dans la section « Réglages graphiques », vous trouverez d’autres options de personnalisation :

  • Modifier la taille de l’icône pour s’assurer qu’elle est adaptée aux mobiles.
  • Choisir un alignement de widget pour que votre bouton de réaction soit visible par votre public.
  • Afficher ou masquer le nombre de réactions, et plus encore.

Vous pouvez également rédiger une courte ligne de texte à afficher avant les boutons de réaction.

Par exemple, ici, nous avons ajouté une petite question « Que pensez-vous de cette publication ? » pour inviter les internautes à faire part de leurs réactions.

Adding a question before reaction buttons

Une fois cela fait, vous pouvez cliquer sur le bouton « Enregistrer les modifications ».

Félicitations, vous avez bien personnalisé vos boutons de réaction WordPress. Voici à quoi cela pourrait ressembler sur votre publication :

Da Reactions buttons final look on the live website

Lorsque vous cliquez sur l’un des boutons de réaction, son badge est mis à jour avec un nouveau total.

Vous pouvez en voir un exemple ci-dessous.

Da Reactions buttons like counts on the live website

Si vous visitez la section « Liste des votes », vous pouvez voir toutes les réactions que vos publications ont suscitées.

Cette section offre des indications précieuses sur les préférences et les compositions de vos lecteurs, ce qui peut vous aider à adapter vos futures publications pour maintenir l’engagement de votre public et améliorer l’expérience utilisateur.

Da Reactions' vote list section

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter des boutons de réaction WordPress pour stimuler l’engagement sur votre site. Ensuite, vous voudrez peut-être apprendre une autre astuce UX cool pour savoir comment créer des salles de discussion dans WordPress pour vos utilisateurs/utilisatrices ou notre liste des meilleures questions de retour d’expérience utilisateur à poser aux visiteurs de 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

13 commentairesLaisser une réponse

  1. Lise Tyrrell

    It’s a great idea and I was about to upload the plugin…but it hasn’t been updated in 6 months! That’s usually a no no for me. I wish you would use updated plugins.

  2. Seth Riley

    This is something that interests me. This might help to increase the user engagement on my website and hopefully it would drive more traffic eventually. Thank you for sharing! I’ll check it out!

  3. David Steele

    Lacks specific instruction for downloading Post Reaction. I found it, clicked Download and then opened the downloaded material. Nothing in the folder executes an install. There are instructions telling you where to install it but I couldn’t get that far. Help?

  4. WPBeginner Staff

    On contrary, writing comments takes more time, and sometimes users feel they simply don’t have anything to add to the post and move on to next activity.

    Post reactions allow them to provide feedback without going into the discussion mode. People who have something to say will say it because reactions simply doesn’t cover what they have to say. Basically it will increase the overall user engagement on your site.

  5. Hariesh Manaadiar

    Would’nt reaction buttons reduce the number of comments on a blog..?? People might just decide to click a button instead of writing something..

    • Isaías Subero

      I don’t think it does. This is a small independent developed plugin and Google and other search engines are not likely to index this interactions as a key indicator of the quality of the content. Maybe the Facebook Like button at the end of the post would be considered as a engagement measure by Google.

  6. Chad Haatvedt

    It’s a bit ironic that this post does not include reaction buttons to get feedback for the author. :-)

  7. Ahmad Imran

    Definitely something worth considering. I was thinking of introducing the same reactions and engagement but through simple form embedment at the end of the post.

    Thanks for sharing the info. I will have a look at it.

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.