Ajouter un widget WhatsApp sur votre site : guide et bonnes pratiques

Un widget WhatsApp est un bouton flottant, généralement placé en bas d'une page web, qui permet au visiteur d'ouvrir une conversation avec votre entreprise sur WhatsApp en un clic. Pour beaucoup de visiteurs, c'est plus naturel que de remplir un formulaire de contact ou d'attendre une réponse par e-mail. Pour l'entreprise, c'est un moyen de transformer une visite anonyme en contact identifié, avec qui la conversation peut se poursuivre. Ce guide couvre la configuration, le placement et le suivi d'un widget WhatsApp.

Comment fonctionne un widget WhatsApp

Techniquement, un widget WhatsApp repose sur les liens de discussion de WhatsApp (de la forme wa.me/numéro). Lorsque le visiteur clique :

• sur mobile, l'application WhatsApp s'ouvre directement sur une conversation avec votre numéro ;
• sur ordinateur, WhatsApp Web ou l'application de bureau prend le relais.

Le lien peut contenir un message pré-rempli. Le visiteur n'a plus qu'à appuyer sur « envoyer ». Ce premier message, écrit par le client, ouvre la fenêtre de service client de 24 heures : pendant ce délai, vous pouvez lui répondre librement, sans template, et ces réponses ne sont pas facturées par Meta.

Un widget plus complet ajoute une petite fenêtre de présentation avant la redirection : un titre, un message d'accueil et un bouton d'action.

Les éléments à configurer

Le widget WhatsApp de Whakup se configure avec cinq éléments principaux.

Le titre

Il indique au visiteur à qui il s'adresse. Préférez un titre concret (« Une question sur votre commande ? », « Parlez à un conseiller ») à un titre générique comme « Contactez-nous ».

Le message d'accueil

C'est le texte affiché dans la fenêtre du widget. Il doit dire ce que le visiteur peut obtenir et dans quel délai. Exemple : « Bonjour, nous répondons en général dans l'heure, du lundi au samedi. »

Ne promettez pas une réponse immédiate si votre équipe n'est pas disponible en continu.

Le bouton

Le libellé du bouton déclenche l'ouverture de WhatsApp. « Démarrer la conversation » ou « Écrire sur WhatsApp » sont clairs.

La couleur

Elle doit rester cohérente avec votre site tout en étant visible. Le vert WhatsApp est immédiatement reconnu, mais une couleur de marque fonctionne aussi si l'icône WhatsApp est présente.

La position

En bas à droite par convention. Si votre site affiche déjà un autre élément à cet endroit (bandeau cookies, bouton de retour en haut), placez le widget à gauche ou décalez-le pour éviter les chevauchements.

Rédiger le message pré-rempli

Le message pré-rempli est souvent négligé alors qu'il conditionne la qualité de la conversation. Un bon message pré-rempli :

• donne du contexte : « Bonjour, je souhaite un devis pour... » plutôt que « Bonjour » ;
• reste modifiable : le visiteur doit pouvoir le compléter avant envoi ;
• varie selon la page : sur une fiche produit, mentionnez le produit ; sur la page tarifs, mentionnez l'offre.

Avec Whakup, chaque widget dispose d'un code de suivi. Créer un widget par section importante du site (accueil, fiches produits, page contact) permet de savoir d'où viennent les conversations.

Où placer le widget

Sur toutes les pages, ou pas

Un widget présent partout maximise les points de contact, mais peut générer des messages peu qualifiés (« bonjour » sans suite). Une approche raisonnable consiste à l'afficher sur les pages où le visiteur a une intention : fiches produits, tarifs, panier, page contact, pages de services.

Sur mobile

La majorité des clics viennent souvent du mobile, où l'ouverture de WhatsApp est la plus fluide. Vérifiez que le widget ne masque pas un bouton d'achat ou un menu sur petit écran.

Avec un formulaire de contact existant

Le widget ne remplace pas forcément le formulaire. Les deux peuvent coexister : certains visiteurs préfèrent l'e-mail, d'autres WhatsApp. Laissez-leur le choix.

Automatiser la première réponse

Un visiteur qui écrit sur WhatsApp s'attend à une réponse rapide. Si votre équipe n'est pas disponible immédiatement, une automatisation peut assurer la première réponse.

Dans l'éditeur d'automatisations de Whakup, le déclencheur « widget / QR code » permet de lancer un flux dès qu'une conversation arrive par un widget donné. Exemples de flux :

1. Message de bienvenue : confirmer la réception et indiquer le délai de réponse.
2. Question de qualification : « Votre demande concerne-t-elle une commande, un devis ou autre chose ? » avec des branches selon la réponse.
3. Envoi d'un formulaire : pour une demande de devis ou de rendez-vous, envoyer directement un formulaire WhatsApp.
4. Assignation : attribuer la conversation à l'agent ou à l'équipe concernée.

Le flux peut se terminer par un changement de statut pour que l'équipe sache quelles conversations attendent une intervention humaine.

Suivre les résultats

Un widget mérite d'être mesuré comme n'importe quel canal d'acquisition. Les statistiques utiles sont :

• les clics sur le widget ;
• les conversations effectivement ouvertes (un clic ne se transforme pas toujours en message envoyé) ;
• les nouveaux contacts créés.

Whakup affiche ces trois indicateurs pour chaque widget. Dans l'inbox, la source de chaque conversation (widget ou QR code) est indiquée, ce qui aide les agents à adapter leur réponse.

Un écart important entre clics et conversations signale souvent un message pré-rempli peu engageant, ou des visiteurs sur ordinateur sans WhatsApp Web configuré.

Respecter le consentement

Un visiteur qui vous écrit via le widget accepte de recevoir votre réponse. Cela ne vaut pas consentement à recevoir vos campagnes marketing. Pour l'ajouter à vos listes de diffusion, recueillez un accord explicite, par exemple avec un champ opt-in dans un formulaire WhatsApp ou une question posée dans la conversation, et conservez une trace de cet accord.

Installer le widget

L'installation consiste à copier un extrait de code fourni par l'outil et à le coller dans votre site, généralement avant la balise de fermeture </body> ou via le gestionnaire de balises que vous utilisez déjà. La plupart des CMS permettent d'ajouter ce type de code dans les réglages du thème ou via une extension d'insertion de scripts.

Après installation, testez sur mobile et sur ordinateur, vérifiez que le message pré-rempli s'affiche correctement et qu'une automatisation éventuelle se déclenche.

Les erreurs fréquentes

Quelques erreurs reviennent souvent lors de la mise en place d'un widget WhatsApp :

• Promettre une disponibilité que l'équipe ne peut pas tenir. Un message d'accueil qui annonce une réponse immédiate crée une attente déçue si personne ne répond avant plusieurs heures.
• Laisser le message pré-rempli vide. Le visiteur hésite sur la formulation, et la conversation commence par un simple « Bonjour » sans contexte.
• Ne pas organiser la réception. Les conversations arrivent, mais personne n'est désigné pour les traiter. Une inbox partagée avec assignation évite que des messages restent sans réponse.
• Ignorer la fenêtre de 24 heures. Un visiteur qui écrit un vendredi soir et reçoit une réponse le lundi matin ne peut plus recevoir de message libre. Il faut alors passer par un template approuvé.
• Ajouter automatiquement les visiteurs aux campagnes. Écrire au support ne vaut pas inscription à vos promotions.

FAQ

Le widget WhatsApp ralentit-il mon site ?

Un widget bien conçu charge un script léger. Testez la vitesse de vos pages avant et après installation pour le vérifier sur votre propre site.

Les réponses aux messages reçus via le widget sont-elles payantes ?

Lorsque le client vous écrit, la fenêtre de service client de 24 heures s'ouvre. Les messages de service envoyés dans cette fenêtre ne sont pas facturés par Meta. Au-delà de 24 heures sans nouveau message du client, il faut utiliser un template, facturé selon sa catégorie.

Peut-on avoir plusieurs widgets sur un même site ?

Oui. Créer plusieurs widgets, chacun avec son code de suivi et son message pré-rempli, permet de mesurer les performances par section du site et de déclencher des automatisations différentes.

Que se passe-t-il si un visiteur clique hors des horaires d'ouverture ?

Le message arrive dans l'inbox comme n'importe quelle conversation. Une automatisation de bienvenue peut l'informer de vos horaires et du délai de réponse, et un agent reprend la conversation à l'ouverture.

Ajouter votre widget

Configurez votre widget, collez le code sur votre site et suivez les premières conversations depuis l'inbox. Créez votre compte Whakup : essai gratuit de 15 jours, sans carte bancaire.