Comment ajouter un bouton WhatsApp sur un site WordPress ?

Vous souhaitez ajouter un bouton WhatsApp à votre site WordPress pour faciliter la prise de contact avec vos visiteurs ? Bonne nouvelle : c’est simple, rapide et cela peut considérablement améliorer votre taux de conversion.

Dans cet article, vous allez apprendre étape par étape comment intégrer un bouton WhatsApp sur WordPress, même si vous n’avez aucune connaissance technique.

Pourquoi ajouter un bouton WhatsApp sur son site WordPress ?

Aujourd’hui, plus de 2 milliards d’utilisateurs actifs utilisent WhatsApp chaque mois. En ajoutant un bouton WhatsApp à votre site, vous permettez à vos visiteurs de vous contacter instantanément, sans formulaire, sans attente.

Voici les principaux avantages :

✅ Communication rapide et directe avec vos clients

✅ Amélioration de l’expérience utilisateur

✅ Augmentation du taux de conversion

✅ Idéal pour les sites de service, e-commerce ou artisans

Méthode simple : Ajouter un bouton WhatsApp via code (sans plugin)

En effet, il suffit d’ajouter le code suivant sur votre site, que ça soit à l’aide d’une extension telle que Code Snippets ou directement en allant dans Apparence, éditeur de fichiers des thèmes puis dans functions.php comme suit :

Intégrer le code dans WordPress

Via le fichier functions.php

Connectez-vous à votre tableau de bord WordPress.
Allez dans Apparence > Éditeur de fichier.
Ouvrez le fichier functions.php de votre thème enfant (très important : il est conseillé de modifier le thème enfant plutôt que le thème parent).

Le code à ajouter à son site pour le bouton whatsapp

Voici le code à copier, coller sur votre site, pensez bien à remplacer le numéro de téléphone par le votre, et sauvegarder votre site avant de modifier les fichiers du thème par précaution.

add_action('wp_footer', 'bouton_whatsapp_logo');
function bouton_whatsapp_logo() {
echo '
<style>
.whatsapp-btn {
position: fixed;
bottom: 20px;
right: 20px;
width: 55px;
height: 55px;
background-color: #25D366;
border-radius: 50%;
z-index: 9999;
box-shadow: 0 4px 6px rgba(0,0,0,0.3);
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.whatsapp-btn img {
width: 28px;
height: 28px;
}
</style>
<a class="whatsapp-btn" href="https://wa.me/+33612324565" target="_blank" rel="noopener">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
</a>';
}

Alternative : Utiliser un plugin WordPress pour WhatsApp

Si vous préférez une solution « clé en main », vous pouvez utiliser un plugin gratuit comme :

Click to Chat

WP Social Chat

Ces plugins permettent une configuration facile, avec plusieurs options de design et de déclenchement du bouton.

Questions et astuces

1. Est-ce que le bouton WhatsApp ralentit mon site ?
Non, si vous utilisez un code léger sans plugin, l’impact est quasi nul.

2. Peut-on afficher le bouton uniquement sur mobile ?
Oui, avec du CSS ou un plugin, vous pouvez conditionner l’affichage par appareil.

3. Est-ce que c’est gratuit d’ajouter WhatsApp sur WordPress ?
Oui, l’intégration est 100% gratuite, sauf si vous utilisez des outils premium.

4. Peut-on ajouter plusieurs numéros WhatsApp ?
Techniquement oui, mais cela peut compliquer l’expérience utilisateur.

5. Comment suivre les clics sur le bouton WhatsApp ?
Utilisez Google Tag Manager ou ajoutez un onclick avec gtag() pour le suivi.

6. Puis-je personnaliser le message de contact ?
Oui, en ajoutant ?text=Bonjour à l’URL, exemple : https://wa.me/33766603713?text=Bonjour.

Enfin, ajouter un bouton WhatsApp à votre site WordPress est un excellent moyen d’améliorer la communication avec vos visiteurs et de booster vos conversions. Que vous utilisiez un plugin ou une solution sans plugin, l’important est de rendre le contact simple, visible et efficace.