React / Next.js

Komponen <TalkmioChat siteKey="…" /> untuk React, Next.js (App dan Pages router), Vite, Remix dan Gatsby. Selamat SSR — memuatkan widget sekali sahaja dalam pelayar dan mengenal pasti pengguna semasa.

Muat turun talkmio-react-1.0.0.zip

Pasang

1. Salin src/index.js ke dalam projek anda (atau pasang pakej daripada zip dengan npm install ./talkmio-react).
2. Render sekali, contohnya dalam susun atur root anda: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: letakkannya dalam komponen klien ('use client') yang disertakan daripada app/layout.js.

Di mana kunci tapak (site key) saya? Log masuk di app.talkmio.com → Websites, tambah laman web anda dan salin kunci 12 aksara (contohnya 2wkxhgujxwlv). Belum ada akaun? Bina satu secara percuma — tiada kad diperlukan.

Uji chat sebelum dilancarkan

Selepas memasang, buka laman anda dalam tetingkap peribadi pelayar dan tanya Mio dua atau tiga soalan yang kerap ditanya pelanggan. Pastikan setiap jawapan berasaskan halaman anda sendiri; jika ada yang kurang, tambah pada laman atau pangkalan pengetahuan dan tanya semula.

Apa yang dilihat pelawat anda

Gelembung chat muncul pada setiap halaman yang memuatkan kod. Pelawat boleh menulis pada bila-bila masa: Mio menjawab daripada kandungan anda dalam bahasa mereka dan menyerahkan perbualan kepada pasukan apabila manusia diperlukan.

Langkah seterusnya

Lihat semua integrasi, bandingkan pelan dan harga, baca dokumentasi atau semak soalan lazim.