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

WhatsApp-Button für HTML & Custom Websites

Fügen Sie HTML & Custom Websites in Minuten ein WhatsApp-Chat-Widget hinzu. Qualifizieren Sie Besucher, leiten Sie Gespräche weiter und halten Sie Ihr Theme schnell.

Meinen Button kostenlos erstellen

Einrichtung in 1 Min. Ziel: index.html (before </body>) or root layout component

Schritt-für-Schritt-Installation für HTML & Custom Websites

Folgen Sie diesen Schritten, um WAButton in Ihre HTML & Custom Websites-Website einzubetten. Keine komplexe Entwicklung, keine App-Gebühren.

1

Copy Your Embed Snippet

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

Tipp: 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>.

Tipp: 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.

Warum Shop-Betreiber und Agenturen WAButton für HTML & Custom Websites wählen

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).

Häufige Fragen

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.

Weitere Installationsanleitungen

Die Gespräche von morgen besuchen Ihre Website schon heute.

Die Chance liegt nicht nur darin, mehr Besucher zu gewinnen. Es geht darum, mit denen in Kontakt zu bleiben, die Sie bereits haben, bevor deren Interesse erlischt.

Meinen Button kostenlos erstellen Demo erneut ansehen

Eine Codezeile. Keine Kreditkarte. Kein Warten.