# Documentación de Tinkay Generado desde https://tinkay.app/docs # Empezar --- URL: https://tinkay.app/docs/introduccion # Introducción Qué es Tinkay, cómo está compuesto y por dónde empezar según lo que necesites. Tinkay es una plataforma de atención al cliente: un Messenger que instalás en tu sitio, un Inbox donde tu equipo responde, una IA que resuelve sola lo que ya está documentado y un centro de ayuda público. Para integrarlo solo necesitás conocer cuatro piezas. ## Las cuatro piezas - **Messenger**: un script de dos líneas que inyecta un botón flotante y un iframe aislado. No toca el CSS de tu sitio. - **API REST v1**: crear y leer contactos, conversaciones, mensajes, tickets y artículos desde tu backend. - **Webhooks**: eventos firmados que Tinkay envía a tu servidor cuando algo pasa. - **Acciones de Tinkay AI**: endpoints tuyos que la IA puede llamar durante una conversación para responder con datos reales. ## Arquitectura El loader (`widget.js`) corre en el sitio del cliente y solo hace tres cosas: pide la configuración pública, dibuja el botón y monta un iframe con la app del Messenger. Toda la lógica y los datos viven dentro del iframe, en el dominio de Tinkay. Por eso el widget no puede romper tu sitio ni tu sitio puede leer las conversaciones: se comunican con `postMessage` sobre un contrato acotado. Flujo: ```text Tu sitio Tinkay -------- ---- widget.js ──── GET /api/v1/widget/config?token=pk_live_xxx ───▶ ◀─── { branding, modules, navigation } ──────────── iframe ──── app del Messenger (app.tinkay.app/widget) ──────▶ ◀─── postMessage: tinkay:ready / tinkay:unread ──────── ``` ## Por dónde seguir - Querés el widget en tu sitio: [Instalación rápida](/docs/instalacion-rapida) y después la guía de tu stack. - Querés sincronizar datos: [API REST v1](/docs/api). - Querés reaccionar a lo que pasa en Tinkay: [Webhooks](/docs/webhooks). - Querés que la IA consulte tu sistema: [Acciones de Tinkay AI](/docs/ai-acciones). --- URL: https://tinkay.app/docs/conceptos # Conceptos Workspace, token público, API key y dominios permitidos. ## Workspace Un workspace es una empresa dentro de Tinkay. Todo (conversaciones, contactos, artículos, equipo, facturación) pertenece a un workspace y nada se comparte entre workspaces. Su identificador es el slug que ves en la URL de la app: `app.tinkay.app/tuempresa`. Si manejás varias marcas, conviene un workspace por marca. ## Token público del Messenger Empieza con `pk_live_` y es la única credencial que va en el navegador. Solo sirve para cargar el Messenger y está limitada a los dominios que autorizaste. Es público por diseño: cualquiera puede verlo en el HTML de tu sitio. No da acceso a leer conversaciones ni datos de otros visitantes. Uso correcto: ```html ``` ## API key Empieza con `dk_live_` (o `dk_test_`) y es secreta. Va **solo en tu servidor**, nunca en el navegador ni en una app móvil. El workspace se deduce de la key en el servidor: nunca mandás un `workspace_id` desde el cliente. Cada key tiene scopes (`contacts:read`, `tickets:write`, etc.) y se revoca desde Configuración, Desarrolladores. ```bash curl https://api.tinkay.app/v1/contacts \ -H "Authorization: Bearer dk_live_xxx" ``` > Si una API key se filtró, revocala desde Configuración, Desarrolladores. La revocación es inmediata y no afecta al Messenger. ## Dominios permitidos El Messenger solo carga en los dominios que agregues en Configuración, Dominios. Es lo que impide que alguien copie tu token y muestre tu widget en otro sitio. Agregá cada variante que uses: `tuempresa.com`, `www.tuempresa.com`, `checkout.tuempresa.com` y el dominio de staging. > En desarrollo local, `localhost` está permitido siempre. ## Identidad del visitante Mientras nadie se identifica, el visitante es anónimo y su historial vive en el navegador. Cuando llamás a `Tinkay.identify()` con el email de tu usuario logueado, la conversación se asocia a un contacto real del workspace. Eso es lo que hace que tu equipo vea el nombre, el plan y los tickets previos de esa persona en el panel lateral del Inbox. --- URL: https://tinkay.app/docs/instalacion-rapida # Instalación rápida El Messenger andando en cinco minutos, en cualquier sitio. ## 1. Copiá el snippet Está en **Configuración, Instalación** de tu workspace, ya con tu token público. index.html: ```html ``` ## 2. Pegalo antes de
{children}