React / Next.js

Το στοιχείο <TalkmioChat siteKey="…" /> για React, Next.js (App και Pages router), Vite, Remix και Gatsby. Ασφαλές για SSR — φορτώνει το widget μία φορά στον περιηγητή και ταυτοποιεί τον τρέχοντα χρήστη.

Λήψη talkmio-react-1.0.0.zip

Εγκατάσταση

1. Αντιγράψτε το src/index.js στο project σας (ή εγκαταστήστε το πακέτο από το αρχείο zip με την εντολή npm install ./talkmio-react).
2. Κάντε render μία φορά, π.χ. στο root layout σας: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: τοποθετήστε το σε ένα client component ('use client') το οποίο περιλαμβάνεται στο app/layout.js.

Πού είναι το site key μου; Συνδεθείτε στο app.talkmio.com → Websites, προσθέστε τον ιστότοπό σας και αντιγράψτε το κλειδί 12 χαρακτήρων (π.χ. 2wkxhgujxwlv). Δεν έχετε ακόμα λογαριασμό; Δημιουργήστε έναν δωρεάν — δεν απαιτείται κάρτα.