React / Next.js
Componenta <TalkmioChat siteKey="…" /> pentru React, Next.js (App și Pages router), Vite, Remix și Gatsby. Compatibilă cu SSR — încarcă widget-ul o singură dată în browser și identifică utilizatorul curent.
Descarcă talkmio-react-1.0.0.zip
Instalare
- Copiază
src/index.jsîn proiectul tău (sau instalează pachetul din arhiva zip folosindnpm install ./talkmio-react). - Renderizează o singură dată, de exemplu în layout-ul root:
<TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} /> - Next.js App Router: plasează-l într-o componentă client (
'use client') inclusă înapp/layout.js.
Unde găsesc cheia site-ului (site key)? Autentifică-te la app.talkmio.com → Websites, adaugă site-ul tău și copiază cheia de 12 caractere (ex: 2wkxhgujxwlv). Nu ai încă un cont? Creează unul gratuit — fără a fi necesar un card.
Testează chatul înainte de lansare
După instalare, deschide site-ul într-o fereastră privată a browserului și pune-i lui Mio două sau trei întrebări pe care clienții le pun des. Verifică dacă fiecare răspuns vine din paginile tale; dacă lipsește ceva, completează site-ul sau baza de cunoștințe și întreabă din nou.
Ce văd vizitatorii tăi
Bula de chat apare pe fiecare pagină unde este încărcat codul. Vizitatorii pot scrie oricând: Mio răspunde din conținutul tău, în limba lor, și predă conversația echipei când e nevoie de un om.
Pașii următori
Vezi toate integrările, compară planurile și prețurile, citește documentația sau întrebările frecvente.