React / Next.js

Composant <TalkmioChat siteKey="…" /> pour React, Next.js (App et Pages router), Vite, Remix et Gatsby. Compatible SSR — charge le widget une seule fois dans le navigateur et identifie l’utilisateur actuel.

Télécharger talkmio-react-1.0.0.zip

Installation

  1. Copiez src/index.js dans votre projet (ou installez le package depuis le zip avec npm install ./talkmio-react).
  2. Rendez-le une seule fois, par exemple dans votre layout racine : <TalkmioChat siteKey="VOTRE_CLÉ_SITE" user={{ name, email }} />
  3. Next.js App Router : placez-le dans un composant client ('use client') inclus depuis app/layout.js.

Où se trouve ma clé de site ? Connectez-vous sur app.talkmio.com → Websites, ajoutez votre site web et copiez la clé de 12 caractères (ex: 2wkxhgujxwlv). Pas encore de compte ? Créez-en un gratuitement — aucune carte requise.