Asistente de Chatbot
El Asistente de Chatbot le guía para crear un chatbot de IA completamente configurado en 8 sencillos pasos.
Paso 1: Aspectos básicos (Obligatorio)
Configure los ajustes fundamentales para su chatbot:
| Field | Description | Example |
|---|---|---|
| Name | Display name for your chatbot | "Support Assistant" |
| Description | Internal description for your team | "Handles customer inquiries for our SaaS product" |
The chatbot name is shown to visitors in the chat widget header.
Paso 2: Persona
Defina la personalidad y el trasfondo de su chatbot:
| Field | Description | Example |
|---|---|---|
| Use Persona Name | Activa o desactiva si el bot se presenta por nombre | On/Off |
| Persona Name | The name your bot introduces itself as (if enabled) | "Alex" |
| Role | The role your bot plays | "Customer Success Manager" |
| Background | Context about your bot's expertise | "5 years experience helping customers with technical issues" |
Modo anónimo
Si desactiva Use Persona Name, el chatbot no se presentará con un nombre. En lugar de "¡Hola! Soy Alex, su especialista en atención al cliente." simplemente dirá "¡Hola! ¿En qué puedo ayudarle?". El campo de nombre de persona se oculta cuando esta opción está desactivada.
Una persona bien definida hace que las conversaciones se sientan más naturales y ayuda a la IA a mantener la coherencia. Use el modo anónimo si prefiere una experiencia de chatbot más neutral.
Paso 3: Tonalidad
Preajustes de estilo de comunicación
Elija un estilo de comunicación predefinido que establezca el tono general de su chatbot:
| Estilo | Ideal para |
|---|---|
| Professional & Modern (Por defecto) | Agencias, empresas tecnológicas, B2B |
| Exclusive & Distinguished | Marcas premium, hoteles de lujo, bufetes de abogados |
| Warm & Heartfelt | Negocios familiares, consultas médicas, restaurantes |
| Cool & Casual | Estudios de tatuajes, cafeterías de moda, startups |
| Custom | Sin preajuste — usa solo sus ajustes manuales de deslizadores |
Cada estilo añade instrucciones detalladas de prompt con tono, patrones de expresión y ejemplos apropiados.
Ajuste fino con deslizadores
Ajuste el estilo de comunicación de su chatbot usando deslizadores (escala 1-5):
| Setting | Low (1) | High (5) |
|---|---|---|
| Formality | Casual, friendly | Formal, professional |
| Humor | Serious, no jokes | Playful, witty |
| Verbosity | Brief, concise | Detailed, thorough |
| Empathy | Factual, direct | Warm, understanding |
| Proactivity | Reactive only | Suggests next steps |
Paso 4: Idiomas
Configure el soporte de idiomas:
- Primary Language: The main language for responses
- Supported Languages: Additional languages your bot can understand and respond in
ChatReact supports all 24 EU languages plus many more.
Forma de tratamiento
Defina cómo debe dirigirse el chatbot a los visitantes del sitio web:
| Setting | Description | Example |
|---|---|---|
| Formal (Sie/Vous) | Polite form for professional/business communication | "How may I assist you?" (German: "Wie kann ich Ihnen helfen?") |
| Informal (Du/Tu) | Personal address for casual communication | "How can I help you?" (German: "Wie kann ich dir helfen?") |
The address form is only used in languages that have a formal/informal distinction (e.g., German, French, Spanish). In English and similar languages, this setting does not apply.
The widget automatically detects the visitor's browser language and responds in the appropriate language.
Paso 5: Diseño del widget
Personalice la apariencia de su widget de chat:
Posición
- Bottom Right (por defecto)
- Bottom Left
- Inline (Embedded) — El widget se muestra donde se coloca el script de inserción, siempre abierto, sin burbuja, sin botón de cierre. Ideal para páginas de chat dedicadas o secciones de soporte.
Colores
| Setting | Description |
|---|---|
| Primary Color | Main accent color (buttons, headers) |
| Secondary Color | Gradient and hover states |
| Background Color | Chat window background |
| Text Color | Message text color |
Configuración avanzada de colores
Expanda las opciones avanzadas para un control más detallado:
| Setting | Description |
|---|---|
| User Bubble Color | Color de fondo de las burbujas de mensaje del visitante |
| Bot Bubble Color | Color de fondo de las burbujas de mensaje del bot |
| Header Text Color | Color del texto en el encabezado del widget |
Dimensiones
- Border Radius: Rounded corners (0-50px)
- Widget Width: Chat window width
- Widget Height: Chat window height
Branding
- Logo URL: Custom logo in the header
- Header Title: Text in the widget header
- Header Subtitle: Secondary text in header
Paso 6: Comportamiento
Configure comportamientos automatizados:
| Setting | Description |
|---|---|
| Welcome Message | First message shown when chat opens |
| Fallback Message | Response when bot can't answer |
| Proactive Greeting | Automatically greet visitors |
| Proactive Delay | Wait time before greeting (ms) |
| Auto Open | Automatically open widget |
| Auto Open Delay | Wait time before opening (ms) |
| Sound Enabled | Reproduce un sonido de notificación cuando el bot responde |
| Character Limit | Longitud máxima de mensaje por mensaje del visitante (predeterminado: 2000 caracteres, establezca "Sin límite" para desactivar) |
| Typing Indicator | Show typing animation |
Formulario previo al chat
Recolecte información del visitante antes de que comience el chat:
- Enable Pre-Chat Form Enabled
- Add fields (Name, Email, Phone, Free Text)
- Mark required fields as "Required" as needed
Click Translate with AI to automatically translate all field labels and placeholders into all supported languages.
Modo de comportamiento durante la fase de aprendizaje
Durante la fase de aprendizaje, puede determinar cómo se comporta el chatbot cuando no está seguro sobre las respuestas:
| Mode | Description |
|---|---|
| Cautious | Bot is reserved and actively refers to email handoff when uncertain. Proactively adds uncertainty phrases. |
| Balanced (Default) | Normal responses. Only shows uncertainty when the user questions accuracy. |
| Confident | Responds as in normal operation. The learning phase only collects feedback without changing response behavior. |
Additional Learning Phase Instruction: Optional free text for special instructions during the learning phase, e.g., "Always refer pricing questions to the team."
The learning phase mode is also configurable in chatbot settings after creation.
Paso 7: Restricciones y cumplimiento
Establezca reglas y limitaciones:
Temas en lista negra
Temas que su chatbot debe evitar discutir:
- Competitor products
- Legal advice
- Pricing negotiations
Cumplimiento de mejores prácticas
Seleccione normas de cumplimiento estándar de la industria:
- ✅ GDPR Data Handling
- ✅ No Medical Advice
- ✅ No Financial Advice
- ✅ Professional Language
- ✅ Escalation Protocol
Instrucciones principales
Reglas personalizadas para su chatbot:
- "Always recommend scheduling a demo for complex questions"
- "Never share customer data or internal metrics"
- "Refer pricing questions to the sales team"
Límites de respuesta
- Max Response Length: Character limit for responses
- Human Handoff Trigger: Keywords that trigger live chat escalation
Paso 8: Resumen (Obligatorio)
Revise todos los ajustes antes de crear su chatbot:
- Verify all configurations
- Preview the widget design
- Click Create Chatbot to finish
Después de la creación
Una vez creado, puede:
- Add Knowledge - Crawl websites or add FAQs
- Test - Use the Preview feature to test conversations
- Embed - Add the widget to your website
- Iterate - Adjust settings based on feedback