Comment ajouter une boîte de chat et des boutons de partage WhatsApp dans WordPress

WhatsApp est l'une des plateformes de messagerie les plus populaires et compte plus de 2,8 milliards d'utilisateurs dans le monde. L'ajout d'une boîte de chat et d'un bouton de partage WhatsApp sur votre site WordPress est un excellent moyen d'améliorer l'engagement des clients et de permettre aux visiteurs de partager plus facilement votre contenu.

Que vous offriez un support ou que vous augmentiez simplement les partages sociaux, l'ajout d'une boîte de chat et de boutons de partage WhatsApp peut générer plus de trafic vers votre site.

Chez WPBeginner, nous avons également ajouté un bouton de partage WhatsApp à notre site Web afin que nos lecteurs puissent facilement partager notre contenu avec leurs amis et leur famille.

Dans cet article, nous vous montrerons comment ajouter facilement un bouton de partage WhatsApp dans WordPress.

Pourquoi ajouter un bouton WhatsApp dans WordPress ?

WhatsApp est une application de messagerie instantanée qui permet aux gens du monde entier de communiquer facilement entre eux.

L'ajout d'un bouton de partage WhatsApp à votre site Web WordPress permettra aux visiteurs de partager facilement votre contenu avec leurs contacts.

De plus, vous pouvez ajouter une boîte de chat WhatsApp permettant aux utilisateurs d'avoir une conversation directe avec vous.

Par exemple, si vous avez une boutique en ligne, les clients peuvent utiliser le bouton de chat WhatsApp pour poser des questions sur les produits sans avoir à remplir de formulaires ou à passer par le service client.

Cela peut entraîner une augmentation de l'engagement des utilisateurs et une diminution des taux d'abandon de panier.

Cela étant dit, voyons comment vous pouvez facilement ajouter un bouton de partage WhatsApp dans WordPress.

• Méthode 1 : Ajouter un bouton de partage WhatsApp dans WordPress
• Méthode 2 : Ajouter un bouton de boîte de chat WhatsApp dans WordPress
• Bonus : Ajouter des boutons de partage social dans WordPress

Méthode 1 : Ajouter un bouton de partage WhatsApp dans WordPress

Si vous souhaitez ajouter un bouton de partage WhatsApp à votre site Web, cette méthode est faite pour vous.

Tout d'abord, vous devez installer et activer le plugin Sassy Social Share. Pour plus d'instructions, veuillez consulter notre guide pour débutants sur comment installer un plugin WordPress.

Après l'activation, visitez le menu Sassy Social Share depuis la barre latérale d'administration de WordPress. De là, vous devez passer à l'onglet « Interface standard » en haut.

Ensuite, vous devez faire défiler jusqu'à la section « Sélectionner les services de partage » et simplement cocher la case à côté de l'option WhatsApp.

Vous pouvez également ajouter le bouton de partage pour d'autres plateformes de médias sociaux, y compris Facebook, Instagram, Pinterest, Twitter, et plus encore.

Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres, puis vous pouvez passer à l'onglet « Sélection du thème ».

À partir de là, vous pouvez personnaliser les boutons de partage en modifiant leur taille, leur forme, leur logo ou leur couleur d'arrière-plan, et plus encore. Il est conseillé d'utiliser les couleurs de la marque WhatsApp pour le bouton de partage afin que les utilisateurs le reconnaissent plus facilement.

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres.

Vous pouvez maintenant visiter votre site Web pour voir votre bouton de partage WhatsApp en action.

Voici à quoi cela ressemblait sur notre site Web de démonstration.

Vous ne voulez pas ajouter un bouton WhatsApp à chaque page ? Ne vous inquiétez pas, le plugin vous permet également de l'ajouter facilement aux articles et pages individuels.

Ajout d'un bouton de partage WhatsApp dans l'éditeur de blocs

Si vous souhaitez afficher le bouton de partage WhatsApp uniquement sur des articles et des pages spécifiques, vous devez d'abord désactiver l'affichage global des boutons de partage.

Pour ce faire, rendez-vous simplement sur la page Sassy Social Share dans la barre latérale d'administration de WordPress et basculez vers l'onglet « Interface standard ».

Ensuite, vous devez décocher la case de l'option « Activer l'interface de partage standard ».

Ensuite, basculez vers l'onglet « Interface flottante ».

À partir de là, décochez la case à côté de l'option « Activer l'interface de partage flottante ».

Maintenant que vous avez désactivé les boutons de partage social standard et flottants, ajoutez le bouton de partage WhatsApp à n'importe quelle page ou publication de votre site web en utilisant un shortcode.

Ouvrez simplement la publication ou la page où vous souhaitez afficher le bouton de partage WhatsApp dans l'éditeur de contenu, ou vous pouvez simplement en créer une nouvelle.

À partir de là, cliquez simplement sur le bouton Ajouter un bloc (+) en haut à gauche et recherchez le bloc « Shortcode ». Ajoutez ensuite le bloc à la page.

Ensuite, vous devez copier le shortcode suivant et le coller dans le bloc « Shortcode ».

[Sassy_Social_Share]

Une fois que vous avez terminé, cliquez simplement sur le bouton « Publier » ou « Mettre à jour » pour enregistrer vos modifications. Votre bouton de partage WhatsApp ressemblera à ceci.

Ajout du bouton de partage WhatsApp en tant que widget

Pour ajouter le bouton de partage WhatsApp à la barre latérale de votre site web, vous devez visiter la page Apparence » Widgets depuis la barre latérale d'administration.

À partir de là, cliquez simplement sur le bouton Ajouter un bloc (+) en haut à gauche et localisez le bloc « Shortcode ».

Ensuite, vous devez ajouter le bloc « Shortcode » à la barre latérale.

Après cela, copiez et collez simplement le shortcode suivant dans le bloc.

[Sassy_Social_Share]

Ensuite, cliquez sur le bouton « Mettre à jour » pour enregistrer vos paramètres.

Voici à quoi ressemblera votre bouton de partage WhatsApp une fois ajouté à la barre latérale du site web.

Ajout du bouton de partage WhatsApp dans l'éditeur complet du site

Si vous utilisez un thème basé sur des blocs, vous utiliserez l'éditeur complet du site et n'aurez pas accès à la page « Widgets ».

Tout d'abord, vous devez visiter l'option Apparence » Éditeur dans la barre latérale d'administration pour lancer l'éditeur de site complet.

Ensuite, cliquez sur le bouton « Ajouter un bloc » (+) en haut de l'écran et ajoutez le bloc « Shortcode » à un endroit approprié sur votre site web.

Après cela, ajoutez le shortcode suivant au bloc.

[Sassy_Social_Share]

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer » en haut.

Voici à quoi ressemblait le bouton de partage WhatsApp sur notre site de démonstration.

Méthode 2 : Ajouter un bouton de boîte de chat WhatsApp dans WordPress

Cette méthode vous permet d'ajouter un bouton de chat WhatsApp dans WordPress.

Cela signifie que lorsqu'un utilisateur clique sur le bouton de chat WhatsApp, il pourra vous envoyer un message direct sur votre numéro de téléphone WhatsApp.

Tout d'abord, vous devez installer et activer le plugin Click to Chat. Pour plus d'instructions, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, accédez à l'élément de menu Click to Chat qui a été ajouté à la barre latérale de votre tableau de bord d'administration WordPress.

Ici, commencez par taper votre numéro de téléphone professionnel dans le champ « Numéro WhatsApp ».

Ce sera le numéro de téléphone auquel vous recevrez les messages des utilisateurs.

Après cela, vous pouvez taper un message simple dans le champ « Message pré-rempli ». Ce sera le message par défaut qui s'affichera dans votre fenêtre de chat WhatsApp.

Ensuite, vous devez faire défiler jusqu'à la section « Style, Position ».

Vous pouvez commencer par choisir un style pour votre boîte de discussion WhatsApp dans le menu déroulant. Par défaut, ce plugin propose environ 8 styles différents. Choisissez simplement celui que vous préférez.

Après cela, vous devez faire défiler vers le bas jusqu'à la section « Position pour placer ».

À partir d'ici, vous pouvez choisir la position et la taille de votre boîte de discussion dans les menus déroulants.

Ensuite, vous devez accéder à la section « Paramètres d'affichage ».

Ici, cochez la case « Global » à côté des options où vous souhaitez afficher votre boîte de discussion WhatsApp.

Par exemple, si vous souhaitez afficher la boîte de discussion sur vos articles, pages et pages de catégories, vous devez cocher l'option « Global ».

Vous pouvez également choisir l'option « Masquer » si vous ne souhaitez pas afficher la boîte de discussion WhatsApp sur une page spécifique.

Enfin, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres.

Maintenant, vous devez vous rendre sur la page Click to Chat » Salutations pour sélectionner un dialogue de salutation dans un menu déroulant.

Ce dialogue de salutation s'affichera avec le bouton WhatsApp sur votre page.

Une fois que vous avez fait votre choix, vous devrez taper le contenu de l'en-tête, du contenu principal et de l'appel à l'action de votre dialogue de salutation.

Après cela, faites défiler vers le bas jusqu'à la section « Conception personnalisable ».

Une fois ici, vous pouvez choisir les couleurs d'arrière-plan de votre contenu principal, de l'en-tête et de la zone de message.

Après cela, cliquez simplement sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres.

Ensuite, vous devez visiter votre site Web.

Par défaut, voici à quoi ressemblera votre boîte de discussion WhatsApp.

Maintenant, nous allons vous montrer comment ajouter facilement le bouton de discussion WhatsApp dans l'éditeur de blocs, en tant que widget et dans l'éditeur de site complet.

Ajouter le bouton de discussion WhatsApp dans l'éditeur de blocs

Vous pouvez facilement ajouter le bouton WhatsApp à une page ou un article spécifique sur votre site Web WordPress en utilisant l'éditeur de blocs.

Pour ce tutoriel, nous allons ajouter le bouton WhatsApp à une page.

Tout d'abord, vous devez accéder à la page Pages » Ajouter depuis la barre latérale d'administration.

Cela lancera l'éditeur de blocs.

Maintenant, vous devez cliquer sur le bouton « Ajouter un bloc » (+) en haut à gauche de l'écran et cliquer sur le bloc « Shortcode ».

Une fois le bloc « Shortcode » ajouté, vous devez copier et coller le shortcode suivant dans le bloc.

[ht-ctc-chat]

Après cela, cliquez simplement sur le bouton « Publier » en haut.

Voici à quoi ressemblait le bouton WhatsApp sur notre site de démonstration.

Ajout du bouton de chat WhatsApp en tant que widget

Dans cette méthode, nous allons vous montrer comment ajouter facilement le bouton WhatsApp en tant que widget dans la barre latérale de votre site Web.

Tout d'abord, accédez à la page Apparence » Widgets depuis la barre latérale de WordPress.

Une fois sur place, cliquez simplement sur l'onglet « Barre latérale » pour l'étendre, puis cliquez sur le bouton « Ajouter un bloc » (+) en haut. Ensuite, recherchez et ajoutez le bloc « Shortcode » à la barre latérale.

Copiez et collez maintenant simplement le shortcode suivant dans le bloc.

[ht-ctc-chat]

Enfin, n'oubliez pas de cliquer sur le bouton « Mettre à jour » pour enregistrer vos paramètres.

Voici à quoi ressemblait le bouton WhatsApp après avoir été ajouté à la barre latérale sur notre site de démonstration.

Ajout du bouton de chat WhatsApp dans l'éditeur de site complet

Si vous utilisez un thème basé sur des blocs avec un éditeur de site complet, alors cette méthode est pour vous. Tout d'abord, accédez à la page Apparence » Éditeur pour lancer l'éditeur de site complet.

Une fois sur place, cliquez simplement sur le bouton « Ajouter un bloc » (+) dans le coin supérieur gauche de l'écran. Localisez et ajoutez maintenant le bloc « Shortcode » à l'endroit de votre choix sur le site.

Une fois le bloc ajouté, copiez et collez simplement le shortcode suivant dans le bloc.

[ht-ctc-chat]

À la fin, n'oubliez pas de cliquer sur le bouton « Mettre à jour » en haut pour enregistrer vos modifications.

Voici à quoi ressemblait le bouton WhatsApp sur notre site.

Bonus : Ajouter des boutons de partage social dans WordPress

En plus de WhatsApp, vous pouvez également ajouter des boutons de partage pour d'autres plateformes comme Facebook, Instagram ou Twitter. Cela permettra aux utilisateurs de partager votre contenu sur leurs profils de réseaux sociaux et d'améliorer votre portée.

Vous pouvez le faire en utilisant le plugin Social Snap. Après activation, visitez la page Social Snap » Paramètres et choisissez l'onglet « Boutons en ligne ».

Cela ouvrira de nouveaux paramètres où vous pourrez sélectionner l'emplacement des boutons et choisir où vous souhaitez les afficher sur votre site Web.

Une fois que vous avez terminé, cliquez simplement sur le bouton « Enregistrer les modifications » pour enregistrer vos paramètres. Pour plus de détails, consultez notre tutoriel sur comment ajouter des boutons de partage social dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un bouton de partage WhatsApp dans WordPress. Vous pourriez également vouloir consulter notre sélection des meilleurs logiciels de chat en direct pour petites entreprises et notre tutoriel sur comment ajouter la synthèse vocale dans 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.