React / Next.js

Componente <TalkmioChat siteKey="…" /> para React, Next.js (App y Pages router), Vite, Remix y Gatsby. Compatible con SSR: carga el widget una sola vez en el navegador e identifica al usuario actual.

Descargar talkmio-react-1.0.0.zip

Instalación

1. Copia src/index.js en tu proyecto (o instala el paquete desde el zip con npm install ./talkmio-react).
2. Rendérralo una sola vez, por ejemplo, en tu layout raíz: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: colócalo en un componente de cliente ('use client') incluido desde app/layout.js.

¿Dónde está mi clave de sitio (site key)? Inicia sesión en app.talkmio.com → Websites, añade tu sitio web y copia la clave de 12 caracteres (ej. 2wkxhgujxwlv). ¿Aún no tienes cuenta? Crea una gratis; no se requiere tarjeta.

Prueba el chat antes de publicarlo

Después de instalarlo, abre tu sitio en una ventana privada del navegador y hazle a Mio dos o tres preguntas habituales de tus clientes. Comprueba que cada respuesta sale de tus propias páginas; si falta algo, añádelo a tu web o base de conocimiento y vuelve a preguntar.

Lo que ven tus visitantes

La burbuja del chat aparece en todas las páginas donde se carga el código. Los visitantes pueden escribir en cualquier momento: Mio responde con tu contenido en su idioma y pasa la conversación a tu equipo cuando hace falta una persona.

Próximos pasos

Consulta todas las integraciones, compara planes y precios, lee la documentación o revisa las preguntas frecuentes.