Does WAButton work with Single Page Apps (SPAs) like React, Next.js, or Vue?

Yes! WAButton initializes on the window object and persists across client-side router navigation without needing to re-execute on every route change.

Will WAButton slow down my Google Lighthouse or PageSpeed Insights score?

No. The loader is less than 2KB gzipped, executes asynchronously, and connects to Cloudflare's global anycast edge with sub-10ms delivery.

Universal 1-Line Embed

Bouton WhatsApp pour HTML & Custom Websites

Ajoutez un widget de chat WhatsApp à HTML & Custom Websites en quelques minutes. Qualifiez les visiteurs, routez les conversations et gardez 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

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

1

Copy Your Embed Snippet

Copy your unique script snippet from your WAButton widget dashboard or onboarding screen.

Conseil : Ensure you keep the async attribute enabled for non-blocking asynchronous browser loading.
2
Paste Before the Closing </body> Tag

Paste the code into your root HTML file (e.g. index.html) or root layout component (e.g. layout.tsx, App.vue, base.blade.php) right before </body>.

Conseil : Placing the script right before </body> ensures your page content paints first without waiting on third-party scripts.
```
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
```
3

Open in Browser

Save the file and refresh your browser. Your floating WhatsApp button will appear immediately in the bottom corner.

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

One Universal Script Tag

A single 2KB async loader that operates identically across static HTML, SSR, and SPA frameworks.

Shadow DOM Encapsulation

Strict CSS scoping prevents styling bleed into your Tailwind, Bootstrap, or custom CSS classes.

Zero External Dependencies

Built in vanilla TypeScript without jQuery, React runtime bloat, or external icon fonts.

SPA Navigation Aware

Automatically maintains widget state across client-side route transitions (React Router, Next.js, Vue Router).

Questions fréquentes

Does WAButton work with Single Page Apps (SPAs) like React, Next.js, or Vue?: Yes! WAButton initializes on the window object and persists across client-side router navigation without needing to re-execute on every route change.
Will WAButton slow down my Google Lighthouse or PageSpeed Insights score?: No. The loader is less than 2KB gzipped, executes asynchronously, and connects to Cloudflare's global anycast edge with sub-10ms delivery.

Plus de guides d'installation

Les conversations de demain visitent déjà ton site aujourd’hui.

L’opportunité, ce n’est pas seulement d’avoir plus de visiteurs. C’est de te connecter avec ceux que tu as déjà, avant que leur intérêt ne s’estompe.

Crée mon bouton gratuit Revois la démo

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