Ajouter un bouton de chat WhatsApp à Webflow

Créez le widget ici, copiez un bloc de HTML et collez-le dans Webflow. 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 à Webflow

Dans le Designer Webflow, ouvrez Paramètres du projet → Code personnalisé.
Collez le code dans Footer Code, avant </body>.
Enregistrez puis publiez le site : le code personnalisé ne s'exécute pas dans le canevas du Designer.
Pour une seule page, utilisez plutôt le champ Paramètres → Code personnalisé → Avant la balise </body> de cette page.

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.