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

Tombol WhatsApp untuk HTML & Custom Websites

Tambahkan widget chat WhatsApp ke HTML & Custom Websites dalam hitungan menit. Kualifikasi pengunjung, arahkan percakapan, dan jaga tema tetap cepat.

Buat Tombol Saya Gratis

Pemasangan 1 mnt Target: index.html (before </body>) or root layout component

Pemasangan langkah demi langkah untuk HTML & Custom Websites

Ikuti langkah ini untuk menyematkan WAButton di situs HTML & Custom Websites Anda. Tanpa pengembangan rumit atau biaya aplikasi.

1

Copy Your Embed Snippet

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

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

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

Mengapa pemilik toko dan agensi memilih WAButton untuk 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).

Pertanyaan yang sering diajukan

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.

Panduan instalasi lainnya

Percakapan besok sudah mengunjungi website Anda hari ini.

Peluangnya bukan hanya soal mendapatkan lebih banyak pengunjung. Tapi soal terhubung dengan mereka yang sudah Anda miliki, sebelum minat mereka memudar.

Buat Tombol Saya Gratis Lihat Ulang Demo

Satu baris kode. Tanpa kartu kredit. Tanpa menunggu.