React / Next.js

Componente <TalkmioChat siteKey="…" /> per React, Next.js (App e Pages router), Vite, Remix e Gatsby. Compatibile con SSR: carica il widget una sola volta nel browser e identifica l’utente corrente.

Scarica talkmio-react-1.0.0.zip

Installazione

1. Copia src/index.js nel tuo progetto (oppure installa il pacchetto dallo zip con npm install ./talkmio-react).
2. Renderizza il componente una sola volta, ad esempio nel layout root: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: inseriscilo in un client component ('use client') incluso in app/layout.js.

Dove trovo la mia site key? Accedi a app.talkmio.com → Websites, aggiungi il tuo sito web e copia la chiave di 12 caratteri (es. 2wkxhgujxwlv). Non hai ancora un account? Crealo gratuitamente — nessuna carta di credito richiesta.

Prova la chat prima di pubblicarla

Dopo l’installazione apri il sito in una finestra di navigazione privata e fai a Mio due o tre domande che i clienti pongono spesso. Controlla che ogni risposta provenga dalle tue pagine; se manca qualcosa, aggiungilo al sito o alla knowledge base e chiedi di nuovo.

Cosa vedono i tuoi visitatori

La bolla della chat compare su ogni pagina in cui è caricato il codice. I visitatori possono scrivere in qualsiasi momento: Mio risponde dai tuoi contenuti nella loro lingua e passa la conversazione al team quando serve una persona.

Passi successivi

Vedi tutte le integrazioni, confronta piani e prezzi, leggi la documentazione o consulta le domande frequenti.