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.

Teste o chat antes de publicar

Depois de instalar, abra o site em uma janela anônima do navegador e faça ao Mio duas ou três perguntas comuns dos seus clientes. Confira se cada resposta vem das suas próprias páginas; se faltar algo, adicione ao site ou à base de conhecimento e pergunte de novo.

O que seus visitantes veem

O balão do chat aparece em todas as páginas em que o código é carregado. Os visitantes podem escrever a qualquer momento: o Mio responde com o seu conteúdo no idioma deles e passa a conversa para a equipe quando uma pessoa é necessária.

Próximos passos

Veja todas as integrações, compare planos e preços, leia a documentação ou confira as perguntas frequentes.