WAButton

Intégration universelle en 1 ligne

Bouton WhatsApp pour HTML & Custom Websites

Ajoute un widget de chat WhatsApp à HTML & Custom Websites en quelques minutes. Qualifie les visiteurs, route les conversations et garde un thème rapide.

Crée mon bouton gratuit

Installation en 1 min Cible : index.html (before </body>) or root layout component

Installation pas à pas pour HTML & Custom Websites

Suis ces étapes pour intégrer WAButton sur ton site HTML & Custom Websites. Pas de développement complexe ni de frais d'app.

  1. 1

    Copie ton snippet d’intégration

    Copie ton snippet de script personnel depuis le tableau de bord de ton widget WAButton ou depuis l’écran de prise en main.

    Conseil : Garde bien l’attribut async activé pour un chargement asynchrone non bloquant dans le navigateur.

  2. 2

    Colle avant la balise fermante </body>

    Colle le code dans ton fichier HTML racine (par exemple index.html) ou dans ton composant de layout racine (par exemple layout.tsx, App.vue, base.blade.php). Place-le juste avant </body>.

    Conseil : Placer le script juste avant </body> permet au contenu de ta page de se charger en premier. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Ouvre dans le navigateur

    Enregistre le fichier et actualise ton navigateur. Ton bouton WhatsApp flottant apparaîtra immédiatement dans le coin en bas de l’écran.

Pourquoi les boutiques et agences choisissent WAButton pour HTML & Custom Websites

Une seule balise script universelle

Un seul script de chargement asynchrone, minuscule, qui fonctionne de la même façon sur le HTML statique, le SSR et les frameworks SPA.

Styles à portée limitée

Chaque style est limité aux noms de classes préfixés par wabutton-, donc il ne modifie pas l’apparence de tes classes Tailwind, Bootstrap ou CSS personnalisées.

Script autonome

Développé avec Preact et livré dans le script lui-même, donc ta page n’a besoin ni de jQuery, ni de React, ni de polices d’icônes.

Compatible avec la navigation SPA

Conserve automatiquement l’état du widget lors des transitions de routes côté client (React Router, Next.js, Vue Router).

Questions fréquentes

WAButton fonctionne-t-il avec les Single Page Apps (SPA) comme React, Next.js ou Vue ?

Oui ! WAButton s’initialise sur l’objet window et persiste d’une navigation à l’autre du routeur côté client, sans avoir à se réexécuter à chaque changement de route.

WAButton va-t-il dégrader mon score Google Lighthouse ou PageSpeed Insights ?

WAButton est un script asynchrone de moins de 40 Ko (en gzip), servi depuis l’edge de Cloudflare, donc il ne bloque pas le first paint. Le panneau de chat ne se charge que lorsqu’un visiteur l’ouvre. L’effet sur ton propre score dépend de ton site, donc lance PageSpeed Insights avant et après l’avoir ajouté.

Outils gratuits associés

Utilitaires WhatsApp gratuits pour stimuler la conversion de ta boutique.

Plus de guides d'installation

Tu as déjà les visiteurs. Donne-leur de poser leurs questions.

Faire venir plus de monde coûte du temps et de l’argent. Un bouton WhatsApp t’aide à convaincre davantage de personnes qui visitent déjà ton site, tant qu’elles sont encore intéressées.

Crée mon bouton gratuit Essaie le générateur

Une ligne de code. Aucune carte bancaire. Aucune attente.