React / Next.js

<TalkmioChat siteKey="…" /> komponens React, Next.js (App és Pages router), Vite, Remix és Gatsby projektekhez. SSR-biztos — egyszer tölti be a widgetet a böngészőben, és azonosítja az aktuális felhasználót.

talkmio-react-1.0.0.zip letöltése

Telepítés

1. Másold a src/index.js fájlt a projektedbe (vagy telepítsd a csomagot a zip fájlból a npm install ./talkmio-react paranccsal).
2. Rendereld egyszer, például a gyökér layoutban: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: helyezd egy kliens komponensbe ('use client'), amelyet az app/layout.js fájlból hívsz meg.

Hol találom a site key-emet? Jelentkezz be az app.talkmio.com → Websites oldalon, add hozzá a weboldaladatokat, majd másold ki a 12 karakteres kulcsot (pl. 2wkxhgujxwlv). Még nincs fiókod? Hozz létre egyet ingyen — bankkártya megadása nem szükséges.

Teszteld a chatet élesítés előtt

Telepítés után nyisd meg az oldalt privát böngészőablakban, és tegyél fel Miónak két-három kérdést, amelyet az ügyfelek gyakran feltesznek. Ellenőrizd, hogy a válaszok a saját oldalaidon alapulnak; ha valami hiányzik, egészítsd ki az oldalt vagy a tudásbázist, és kérdezz újra.

Mit látnak a látogatók

A chatbuborék minden olyan oldalon megjelenik, ahol a kód betöltődik. A látogatók bármikor írhatnak: Mio a tartalmaid alapján, az ő nyelvükön válaszol, és átadja a beszélgetést a csapatnak, ha ember kell.

Következő lépések

Nézd meg az összes integrációt, hasonlítsd össze a csomagokat és árakat, olvasd el a dokumentációt vagy a gyakori kérdéseket.