React / Next.js

Komponen <TalkmioChat siteKey="…" /> untuk React, Next.js (App dan Pages router), Vite, Remix, dan Gatsby. Aman untuk SSR — memuat widget sekali di browser dan mengidentifikasi pengguna saat ini.

Unduh talkmio-react-1.0.0.zip

Instalasi

1. Salin src/index.js ke dalam proyek Anda (atau instal paket dari zip dengan npm install ./talkmio-react).
2. Render sekali, misalnya di layout root Anda: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: letakkan di komponen klien ('use client') yang disertakan dari app/layout.js.

Di mana kunci situs (site key) saya? Masuk ke app.talkmio.com → Websites, tambahkan situs web Anda dan salin kunci 12 karakter (contoh: 2wkxhgujxwlv). Belum punya akun? Buat akun gratis — tanpa perlu kartu kredit.

Uji chat sebelum ditayangkan

Setelah memasang, buka situs Anda di jendela penyamaran browser dan ajukan dua atau tiga pertanyaan yang sering ditanyakan pelanggan kepada Mio. Pastikan setiap jawaban berasal dari halaman Anda sendiri; jika ada yang kurang, tambahkan ke situs atau basis pengetahuan lalu tanyakan lagi.

Yang dilihat pengunjung Anda

Gelembung chat muncul di setiap halaman tempat kode dimuat. Pengunjung dapat menulis kapan saja: Mio menjawab dari konten Anda dalam bahasa mereka dan meneruskan percakapan ke tim saat dibutuhkan manusia.

Langkah berikutnya

Lihat semua integrasi, bandingkan paket dan harga, baca dokumentasi atau periksa pertanyaan umum.