Configuración del Widget de Chatbot

📝 Configuración

📁 Gestión de Archivos ▼

Nombre del Widget

Selecciona un widget existente del menú desplegable para cargarlo automáticamente, o escribe un nombre nuevo.

📤 Haz clic para cargar una configuración existente

Archivo JSON

🤖 Configuración de LangFlow ▼

LangFlow URL URL de tu servidor LangFlow (opcional, usa variables de entorno si está vacío)

LangFlow API Key API Key de LangFlow (opcional, usa variables de entorno si está vacío)

LangFlow Flow ID ID del Flow en LangFlow (opcional, usa variables de entorno si está vacío)

🎨 Tema ▼

Color Primario

Color principal del widget (también afecta el branding)

Color de Fondo

Color de Texto del Asistente

Color del texto en los mensajes del asistente

Color de Fondo de Mensajes del Asistente

Color de fondo de los mensajes del asistente

Color de Texto del Usuario

Color del texto en los mensajes del usuario

Color de Texto del Header

Color del texto en el encabezado del widget

Color del Branding

Color de fondo del branding (por defecto sigue al color primario)

Radio de Bordes Ej: 0.5rem, 8px, 1em

Fuente

💬 Chat ▼

Título del Chat

Placeholder

Mensaje de Bienvenida

Pregunta de Bienvenida 1

Pregunta de Bienvenida 2

Mensaje de Error Mensaje que se muestra cuando hay un error en la comunicación

Posición

Ancho Ej: 400px, 90%, 30rem

Alto Ej: 620px, 80vh, 40rem

📚 Contexto ▼

Habilitar Persistencia de Mensajes

Longitud Máxima del Historial Número de mensajes a guardar

🆘 Escalación ▼

Habilitar Escalación a Humanos

🏷️ Branding ▼

Mostrar "Powered By"

Tipo de Contenido Tipo de contenido para mostrar en el footer

Nombre de la Compañía Texto que se mostrará en el footer

URL de la Imagen URL o nombre del archivo de imagen (ej: rollpix.png, /assets/logo.png)

👁️ Vista Previa

Vista Previa en Tiempo Real

Los cambios se reflejan automáticamente

Código para Embeber:

⚙️ Configuración del Widget de Chatbot

📝 Configuración

👁️ Vista Previa

Vista Previa en Tiempo Real

AI Assistant