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). Δεν έχετε ακόμα λογαριασμό; Δημιουργήστε έναν δωρεάν — δεν απαιτείται κάρτα.

Δοκιμάστε τη συνομιλία πριν τη δημοσίευση

Μετά την εγκατάσταση ανοίξτε τον ιστότοπο σε ιδιωτικό παράθυρο και κάντε στο Mio δύο ή τρεις ερωτήσεις που κάνουν συχνά οι πελάτες. Ελέγξτε ότι κάθε απάντηση βασίζεται στις δικές σας σελίδες· αν κάτι λείπει, προσθέστε το στον ιστότοπο ή στη βάση γνώσεων και ρωτήστε ξανά.

Τι βλέπουν οι επισκέπτες σας

Το συννεφάκι συνομιλίας εμφανίζεται σε κάθε σελίδα όπου φορτώνεται ο κώδικας. Οι επισκέπτες γράφουν όποτε θέλουν: το Mio απαντά από το περιεχόμενό σας στη γλώσσα τους και παραδίδει τη συνομιλία στην ομάδα όταν χρειάζεται άνθρωπος.

Επόμενα βήματα

Δείτε όλες τις ενσωματώσεις, συγκρίνετε πακέτα και τιμές, διαβάστε την τεκμηρίωση ή τις συχνές ερωτήσεις.