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

Añade un widget de chat de WhatsApp a HTML & Custom Websites en minutos. Cualifica visitantes, enruta conversaciones y mantén tu tema rápido.

Configuración en 1 min Destino: index.html (before </body>) or root layout component

Sigue estos pasos para incrustar WAButton en tu sitio HTML & Custom Websites. Sin desarrollo complejo ni cuotas de app.

1

Copy Your Embed Snippet

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

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

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

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

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

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

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

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.

La oportunidad no es solo conseguir más visitantes. Es conectar con los que ya tienes, antes de que se enfríe su interés.

Una línea de código. Sin tarjeta de crédito. Sin esperas.