Saltar al contenido principal
arrow-rightSiguiente

Documentación de Fluxo

Instala el widget de soporte de código abierto de Fluxo, con IA y humano, en Next.js, React o mediante una etiqueta script.

Antes de empezar

Necesitas un sitio web en Fluxo y una clave de API pública, segura para el navegador. Crea una en Ajustes → Desarrolladores, añade tus dominios de desarrollo y producción y consulta Claves de API si necesitas las reglas exactas de la lista de dominios permitidos.

Instalación con el registro de shadcn

Añade el punto de partida de <Support /> para Next.js con un solo comando:

bunx --bun shadcn@latest add fluxolat/fluxo/support

Para aplicaciones React y Vite, usa el elemento del registro de React:

bunx --bun shadcn@latest add fluxolat/fluxo/support-react

El registro instala el proveedor de Fluxo, el disparador de soporte, las dependencias, la importación de CSS y el marcador de la clave de API en el directorio de componentes que tengas configurado en shadcn.

Inicio rápido con tu framework

Empieza eligiendo tu framework y sigue las instrucciones para montar el proveedor, añadir tu clave de API y renderizar <Support />. Ahora mismo Fluxo trae guías de inicio rápido para Next.js y React.

Usa Next.js si tu aplicación va con el App Router y quieres fronteras servidor/cliente propias del framework. Usa React con Vite y otros empaquetadores de React en cliente. Para Vue, Webflow, Framer o HTML plano, usa la etiqueta script del navegador con una versión fijada.

Cómo saber que funciona

El disparador de soporte debería renderizarse, abrirse sin un destello sin estilos y cargar la pantalla de inicio o de conversación sin respuestas 401 ni 403 de la API. Cada guía de inicio rápido incluye una lista breve de comprobación y resolución de problemas.

¿Te resultó útil esta página?

Abre una incidencia de documentación ya rellenada para que el equipo pueda actuar.