Ajouter un bouton de chat WhatsApp à n'importe quel site HTML

Créez le widget ici, copiez un bloc de HTML et collez-le dans n'importe quel site HTML. Aucun plugin à installer, aucun abonnement mensuel, et aucun script chargé depuis le serveur de quelqu'un d'autre.

Ouvrir le générateur complet

L'ajouter à n'importe quel site HTML

Ouvrez le fichier HTML de votre page, ou le gabarit partagé que toutes les pages utilisent.
Collez le code juste avant la balise </body>.
Envoyez le fichier et rechargez votre site.
Avec une Content-Security-Policy stricte, déplacez les blocs <style> et <script> dans leurs propres fichiers et référencez-les au lieu de les intégrer.

Pourquoi pas un plugin ?

Un plugin de chat hébergé ajoute une requête tierce à chaque chargement de page, peut changer son propre design sans vous prévenir, et finit généralement par réclamer un abonnement quand votre trafic grandit. Le code que vous créez ici est du HTML, du CSS et du JavaScript bruts qui vivent dans votre propre gabarit : environ 11 Ko, aucune requête externe, et la feuille de route de personne d'autre.

Avant de coller

Créez d'abord le widget dans le générateur complet et utilisez « Télécharger la page de test » pour vérifier le rendu. Copiez ensuite le code et suivez les étapes ci-dessus : collez-le une seule fois, dans un gabarit partagé par toutes les pages, plutôt que page par page.

Questions fréquentes

Le widget de chat va-t-il ralentir mon site ?

Il ajoute environ 11 Ko de HTML, CSS et JavaScript en ligne et ne fait aucune requête réseau : il ne coûte donc aucun téléchargement séparé et ne peut pas bloquer le rendu. Les widgets de chat hébergés chargent généralement 100 Ko ou plus depuis un tiers.

Le widget est-il accessible ?

Les contacts sont de vrais liens : ils fonctionnent sans JavaScript et avec un lecteur d'écran. Le bouton annonce son état, le panneau se ferme avec Échap, le focus y entre et en ressort, chaque cible fait au moins 44 pixels, et l'animation est supprimée si le visiteur demande moins de mouvement.