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

Adicione um widget de chat do WhatsApp ao HTML & Custom Websites em minutos. Qualifique visitantes, encaminhe conversas e mantenha o tema rápido.

Configuração em 1 min Destino: index.html (before </body>) or root layout component

Siga estes passos para incorporar o WAButton no seu site HTML & Custom Websites. Sem desenvolvimento complexo nem taxas de app.

1

Copy Your Embed Snippet

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

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

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

A oportunidade não é só conseguir mais visitantes. É se conectar com quem você já tem, antes que o interesse esfrie.

Uma linha de código. Sem cartão de crédito. Sem espera.