React / Next.js

Componente <TalkmioChat siteKey="…" /> para React, Next.js (App e Pages router), Vite, Remix e Gatsby. Seguro para SSR — carrega o widget uma vez no navegador e identifica o usuário atual.

Baixar talkmio-react-1.0.0.zip

Instalação

  1. Copie src/index.js para o seu projeto (ou instale o pacote do zip com npm install ./talkmio-react).
  2. Renderize apenas uma vez, por exemplo, no seu layout raiz: <TalkmioChat siteKey="SUA_SITE_KEY" user={{ name, email }} />
  3. Next.js App Router: coloque-o em um componente de cliente ('use client') incluído em app/layout.js.

Onde está minha chave do site? Faça login em app.talkmio.com → Websites, adicione seu site e copie a chave de 12 caracteres (ex: 2wkxhgujxwlv). Ainda não tem conta? Crie uma gratuitamente — não é necessário cartão.