Rozpocznij za darmo

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.