React / Next.js

Komponent <TalkmioChat siteKey="…" /> dla React, Next.js (App i Pages router), Vite, Remix oraz Gatsby. Bezpieczny dla SSR — ładuje widżet raz w przeglądarce i identyfikuje aktualnego użytkownika.

Pobierz talkmio-react-1.0.0.zip

Instalacja

1. Skopiuj src/index.js do swojego projektu (lub zainstaluj pakiet z pliku zip za pomocą npm install ./talkmio-react).
2. Wyrenderuj raz, np. w głównym układzie (root layout): <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: umieść komponent w komponencie klienckim ('use client') dołączonym do app/layout.js.

Gdzie znajdę klucz witryny (site key)? Zaloguj się na app.talkmio.com → Websites, dodaj swoją stronę i skopiuj 12-znakowy klucz (np. 2wkxhgujxwlv). Nie masz jeszcze konta? Załóż je za darmo — nie jest wymagana karta.

Przetestuj czat przed uruchomieniem

Po instalacji otwórz stronę w prywatnym oknie przeglądarki i zadaj Mio dwa lub trzy pytania, które klienci zadają najczęściej. Sprawdź, czy każda odpowiedź pochodzi z Twoich stron; jeśli czegoś brakuje, uzupełnij stronę lub bazę wiedzy i zapytaj ponownie.

Co widzą odwiedzający

Dymek czatu pojawia się na każdej stronie, na której załadowano kod. Odwiedzający mogą pisać w dowolnym momencie: Mio odpowiada na podstawie Twoich treści w ich języku i przekazuje rozmowę zespołowi, gdy potrzebny jest człowiek.

Kolejne kroki

Zobacz wszystkie integracje, porównaj plany i ceny, przeczytaj dokumentację lub sprawdź najczęstsze pytania.