Personalice su chatbot IA
Configure la apariencia, comportamiento y ajustes de IA del widget
Colores del widget
Personalice la combinación de colores de su widget de chat para que coincida con su marca. Todos los colores se pueden configurar en la Configuración del widget.
| Configuración de color | Descripción | Predeterminado |
|---|---|---|
| Color del botón | El color del botón principal del widget de chat y del botón de enviar | #6366f1 |
| Fondo del encabezado | El color de fondo del encabezado del chat y del área de entrada | #f8fafc |
| Color del texto | Color de texto principal para encabezados y mensajes del bot | #1f2937 |
| Mensajes del usuario | Color de fondo de los mensajes enviados por el visitante | #6366f1 |
| Mensajes del bot | Color de fondo de las respuestas del asistente IA | #e5e7eb |
| Fondo del chat | Color de fondo del área principal de mensajes del chat | #ffffff |
Consejo: Cada color tiene un botón de reinicio para restaurar el valor predeterminado. Use colores complementarios para los mensajes del usuario y del bot para que las conversaciones sean fáciles de seguir.
Nombre del asistente IA
Personalice el nombre que se muestra en el encabezado del chat. Esto es lo que los visitantes ven como la identidad del asistente IA. Ejemplos:
- Asistente IA (predeterminado)
- Soporte al cliente
- Asistente de ventas
- El nombre de su empresa o mascota
Mensaje inicial
El mensaje de bienvenida que los visitantes ven cuando abren el widget de chat por primera vez. Este mensaje establece el tono de la conversación y fomenta la participación. Máximo 200 caracteres.
Ejemplo: "¡Hola! 👋 ¿Cómo puedo ayudarte hoy? No dudes en preguntarme cualquier cosa sobre nuestros productos o servicios."
Posición del widget
Controla dónde aparece el widget de chat en su sitio web:
| Posición | Descripción |
|---|---|
| Inferior derecha | Posición estándar, esquina inferior derecha (recomendado) |
| Inferior izquierda | Esquina inferior izquierda de la pantalla |
| Personalizado | Ajusta con desplazamientos X e Y personalizados (en píxeles) |
Con posicionamiento Personalizado, puede establecer:
- Lado: Derecha o Izquierda
- X Offset: Horizontal distance from the edge (0-200px)
- Y Offset: Vertical distance from the bottom (0-400px)
Activación automática
Involucra automáticamente a los visitantes abriendo el chat después de que hayan estado en su página durante un tiempo determinado. Este enfoque proactivo puede aumentar significativamente las tasas de conversación.
Configuración:
- Activar/Desactivar: Active o desactive la función de activación automática
- Retraso: Tiempo en segundos antes de activar (1-60 segundos)
- Modo de visualización:
- Chat completo + Burbuja: Abra el chat completo en escritorio, muestra burbuja de notificación en móvil
- Solo burbuja: Muestra burbuja de notificación tanto en escritorio como en móvil (menos intrusivo)
Consejo: Comienza con un retraso de 5-10 segundos y el modo "Solo burbuja" para una experiencia menos intrusiva. Monitorea las tasas de interacción para optimizar.
Burbuja de notificación
Muestra una burbuja de mensaje flotante junto al botón del widget de chat para captar la atención de los visitantes y fomentar la participación.
Configuración:
- Enable/Disable: Toggle the notification bubble
- Mensaje de la burbuja: Texto personalizado mostrado en la burbuja (máximo 100 caracteres)
Ejemplos: "Ask anything!", "Need help?", "Chat with us!", "Got questions? 👋"
Insignia de no leído
Muestra una insignia de notificación roja en el botón del chat indicando mensajes no leídos. Esta señal visual llama la atención sobre el widget y mejora las tasas de interacción al sugerir que el visitante tiene un mensaje pendiente.
Modo de instrucción
Controla cómo responde el asistente IA a las conversaciones:
| Modo | Descripción | Ideal para |
|---|---|---|
| Enfocado en negocios | La IA se mantiene en tema y se enfoca en su negocio, productos y servicios. Redirige las conversaciones fuera de tema de vuelta a asuntos comerciales. | Ideal para negocios, e-commerce, SaaS |
| Conversaciones generales | La IA maneja conversaciones más amplias sin restricciones estrictas de tema. Más flexible y conversacional. | Educación, sitios de comunidad, blogs |
Hacer preguntas
Cuando está activado, la IA hará preguntas de seguimiento relevantes al final de sus mensajes. Esto ayuda a:
- Comprender mejor las necesidades del visitante
- Mantener la conversación fluyendo de forma natural
- Recopilar información útil para soporte
- Aumentar la participación y profundidad de la conversación
Usar emoji
Cuando está activado, la IA incluirá emojis amigables en sus respuestas para hacer las conversaciones más cálidas y accesibles. Desactive para un tono más profesional y formal.
Recopilar emails
Cuando está activado, aparece un campo de entrada de email opcional encima de la entrada del chat. Los emails recopilados aparecen en su página de Leads donde puede verlos y exportarlos.
Nota: Tanto el campo de email como el de teléfono son opcionales - los visitantes pueden descartarlos con el botón X. Si ambas opciones están activadas, los campos aparecen apilados uno encima del otro. Si la localización está activada, los textos se traducen automáticamente.
Consejo: Cualquier dirección de email o número de teléfono que los visitantes escriban directamente en sus mensajes de chat se detecta automáticamente y se guarde en su página de Leads.
Recopilar números de teléfono
Cuando está activado, aparece un campo de entrada de teléfono opcional con selector de código de país internacional encima de la entrada del chat. Los números de teléfono se guardan en su página de Leads junto con los emails.
País predeterminado
Por defecto, el selector de código de país detecta automáticamente el país del visitante según el idioma de su navegador. Puede anular esto eligiendo un país predeterminado específico del menú desplegable. Por ejemplo, si su negocio está en Australia, seleccione Australia para que todos los visitantes vean el código de país australiano (+61) por defecto en lugar de depender de la detección automática.
Nota: Tanto el campo de email como el de teléfono son opcionales - los visitantes pueden descartarlos con el botón X. Si ambas opciones están activadas, los campos aparecen apilados uno encima del otro. Si la localización está activada, los textos se traducen automáticamente.
Consejo: Cualquier dirección de email o número de teléfono que los visitantes escriban directamente en sus mensajes de chat se detecta automáticamente y se guarde en su página de Leads.
Captura inteligente de prospectos
Cuando está activado, la IA pedirá de forma natural a los visitantes su información de contacto durante la conversación. En lugar de depender de campos de entrada visibles, la IA encuentra un momento natural en el chat para solicitar una dirección de email o número de teléfono.
Cómo funciona
La IA espera hasta haber ayudado al visitante o respondido su pregunta, luego pide amablemente los datos de contacto. Pregunta solo una vez y respeta la decisión del visitante si declina. Cualquier email o número de teléfono proporcionado se detecta automáticamente y se guarde en su página de Leads.
Preguntar por
Cuando la captura inteligente de leads está activada, puede elegir qué debe preguntar la IA:
- Cualquier información de contacto (predeterminado) - la IA pedirá información de contacto, permitiendo al visitante compartir su email o número de teléfono
- Dirección de email - la IA pedirá específicamente el email del visitante
- Número de teléfono - la IA pedirá específicamente el número de teléfono del visitante
- Dirección de email y número de teléfono - la IA pedirá tanto el email como el número de teléfono
Esta configuración es independiente de los campos de entrada de Recopilar emails y Recopilar teléfonos - puede usar la captura inteligente de leads por sí sola sin activar los campos de entrada visibles.
Consejo: La captura inteligente de leads funciona muy bien junto con o como alternativa a los campos de entrada de email/teléfono visibles. Puede usar ambos para máxima recopilación de leads, o usar la captura inteligente de leads sola para una interfaz de chat más limpia.
Localización
Traduce automáticamente la interfaz de su widget para coincidir con el idioma del navegador del visitante. Soporta 32 idiomas incluyendo:
Lo que se traduce:
- AI Assistant Name: The name shown in the chat header
- Initial Message: The greeting message when chat opens
- Mensaje de la burbuja de notificación: El texto en la burbuja que llama la atención
Características:
- Detección automática: El widget detecta automáticamente el idioma del navegador del visitante
- Editar traducciones: Ve y personalice las traducciones para cada idioma
- Regenerar: Vuelve a generar todas las traducciones con un clic
Consejo: La localización mejora significativamente las tasas de interacción para audiencias internacionales. La IA también responderá en el idioma detectado del visitante.
Ocultar marca
Elimina el texto "Powered by Asyntai" de la parte inferior del widget de chat para una experiencia completamente de marca blanca. Esto es ideal para agencias y negocios que quieren una integración de marca perfecta.
Enlace de privacidad
Muestra un enlace a su política de privacidad en el pie del widget de chat, junto a la marca "Powered by Asyntai". Esto le ayuda a cumplir con las regulaciones de privacidad y genera confianza con sus visitantes.
Configuración:
- Activar/Desactivar: Alterna el enlace de privacidad
- URL del enlace: La URL de su página de política de privacidad (por ejemplo, https://tusitio.com/privacidad)
- Texto del enlace: Personalice el texto mostrado (predeterminado: "Política de privacidad", máximo 20 caracteres). Puede traducirlo a cualquier idioma.
Cómo aparece:
Nota: Si tiene "Ocultar marca" activado (plan Pro), solo aparecerá el enlace de privacidad en el pie. Si ambos están desactivados, el pie se oculte completamente.
Aviso personalizado
Muestra un aviso personalizado encima del campo de entrada del chat. Esto es perfecto para descargos de responsabilidad, avisos de consentimiento o información importante que quieras que los visitantes vean antes de chatear.
Características:
- Custom Text: Write any message up to 500 characters
- Enlaces Markdown: Soporte para enlaces clicables usando sintaxis markdown:
[Texto del enlace](https://url.com) - Descartable: Los visitantes pueden cerrar el aviso con el botón X (recuerda su preferencia)
- Se reinicia en nueva sesión: El aviso reaparece cuando comienza una nueva sesión de chat
Ejemplos de uso:
- "Las respuestas de la IA pueden no ser siempre precisas. Por favor verifique la información importante."
- "Al usar este chat, aceptas nuestra [Política de privacidad](https://tusitio.com/privacidad) y [Términos](https://tusitio.com/terminos)."
Cómo aparece:
Consejo: Use enlaces markdown para incluir políticas de privacidad o términos de servicio clicables. Ejemplo: [Política de privacidad](https://tusitio.com/privacidad)
Descarga de transcripción
Permite a los visitantes descargar su conversación de chat como un archivo .txt. Cuando está activado, aparece una opción "Descargar transcripción" en el menú de tres puntos en el encabezado del chat.
Cómo funciona:
- Visitors click the three-dot menu icon in the chat header
- Seleccionan "Descargar transcripción" para guardar la conversación
- The file includes all messages with timestamps and sender labels
Botón de nueva conversación
Permite a los visitantes iniciar una conversación nueva desde el menú del chat. Cuando está activado, aparece una opción "Nueva conversación" en el menú de tres puntos en el encabezado del chat.
Cómo funciona:
- Visitors click the three-dot menu icon in the chat header
- Seleccione "Nueva conversación" para limpiar el chat actual
- Se genera un nuevo ID de sesión y se muestra el mensaje de bienvenida
- Email, phone, and custom notice inputs are reset for the new session
Historial de conversaciones
Permite a los visitantes explorar y restaurar conversaciones anteriores desde el menú del chat. Cuando está activado, aparece una opción "Historial de conversaciones" en el menú de tres puntos junto a "Nueva conversación".
Cómo funciona:
- Cuando un visitante hace clic en "Nueva conversación", el chat actual se archiva automáticamente en el almacenamiento local del navegador
- Los visitantes pueden hacer clic en "Historial de conversaciones" en el menú para ver una lista de conversaciones anteriores
- Cada entrada muestra una vista previa del primer mensaje, tiempo relativo y cantidad de mensajes
- Hacer clic en una conversación la restaura (el chat actual se archiva primero para que no se pierda nada)
- Se almacenan hasta 20 conversaciones anteriores por widget
Nota: Activar el historial de conversaciones active automáticamente el botón de nueva conversación, ya que las conversaciones se archivan cuando los visitantes inician una nueva conversación. Desactivar nueva conversación también desactivará el historial de conversaciones.
Consejo: El historial de conversaciones se almacena en el navegador del visitante (localStorage). Si borran los datos del navegador, el historial se perderá. Las conversaciones sin mensajes del usuario (solo el saludo) no se archivan.
Subtítulo y punto de estado
Controla el subtítulo y punto de estado mostrado en el encabezado del widget de chat. Por defecto, se muestra el texto "En línea" en verde debajo del nombre de la IA, y un punto verde pulsante se muestra junto al nombre de la IA.
Punto de estado:
- Activar/Desactivar: Muestra u oculte el punto verde pulsante de estado junto al nombre de la IA
- Predeterminado: Activado — el punto es visible por defecto para indicar que el chatbot está disponible
Subtítulo:
- Activar/Desactivar: Muestra u oculte el subtítulo debajo del nombre de la IA
- Texto personalizado: Reemplaza el texto predeterminado "En línea" con un texto de subtítulo personalizado de hasta 30 caracteres (por ejemplo, "Disponible 24/7", "Aquí para ayudar")
- Color inteligente: El texto predeterminado "En línea" se muestra en verde. El texto de subtítulo personalizado use automáticamente el mismo color que el nombre de su IA para una apariencia cohesiva
Nota: El punto de estado y el subtítulo son configuraciones independientes — puede activar uno, ambos o ninguno.
Voz a texto
Active la entrada de voz en su widget de chat para que los visitantes puedan hablar sus mensajes en lugar de escribir. El audio se transcribe usando IA y se coloque directamente en el campo de entrada del chat.
Cómo funciona:
- Botón de micrófono: Aparece un icono de micrófono en el área de entrada del chat cuando está activado
- Grabación: Hacer clic en el botón del micrófono inicia la grabación con una animación de onda visual y temporizador
- Transcripción: El habla se convierte automáticamente a texto usando IA
- Parada automática: La grabación se detiene automáticamente después de 60 segundos
- Cancelar: Descarta la grabación en cualquier momento sin enviar
Después de la transcripción:
Elija qué sucede después de que el mensaje de voz es transcrito:
- Mostrar en campo de entrada (predeterminado): El texto transcrito aparece en la entrada del chat, permitiendo al visitante revisar o editar antes de enviar
- Enviar automáticamente: El mensaje transcrito se envíe inmediatamente sin requerir que el visitante presione el botón de enviar
Puede configurar esto en el desplegable "Después de la transcripción" en la configuración de Voz a texto.
Nota: El navegador del visitante solicitará permiso de micrófono en el primer uso. La entrada de voz no funcionará si no se otorga el permiso.
Icono del chat
Suba una imagen personalizada para reemplazar el icono predeterminado del botón del widget de chat. Su imagen será recortada a un cuadrado y se mostrará como el botón flotante de chat que los visitantes hacen clic para abrir el chat.
Características:
- Marca personalizada: Use el logo de su empresa o un icono personalizado que coincida con su marca
- Recortador de imagen: El recortador integrado le permite seleccionar exactamente qué parte de su imagen usar
- Formatos soportados: PNG, JPG, GIF y WebP
- Eliminación fácil: Elimina su icono personalizado en cualquier momento para restaurar la burbuja de chat predeterminada
Consejo: Para mejores resultados, use una imagen cuadrada con un diseño simple que sea reconocible en tamaños pequeños (70x70 píxeles).
Logo de la empresa
Suba un logo de empresa que aparezca en el encabezado del chat junto al nombre del asistente IA. Esto le da a su chat una apariencia más profesional y de marca.
Cómo aparece:
When set, a circular logo displays in the chat header in this order:
- Punto de estado en línea: Indicador verde pulsante
- Logo de la empresa: Su imagen circular subida
- Nombre del asistente: El nombre de la IA, punto de estado y subtítulo "En línea"
Casos de uso:
- Muestra el logo de su empresa para reconocimiento de marca
- Use la mascota o icono de su marca
- Añada un toque profesional a su asistente IA
Consejo: Use una imagen clara y de alta calidad con un rostro o icono reconocible. La imagen será recortada a un círculo y se mostrará a 40x40 píxeles.
Iniciadores de conversación
Añada sugerencias de mensajes clicables que aparecen encima del campo de entrada en el widget de chat. Los visitantes pueden hacer clic en estas en lugar de escribir para iniciar rápidamente una conversación. Los iniciadores solo aparecen cuando el chat está vacío y desaparecen después de enviar el primer mensaje.
Cómo funciona:
- Activar/Desactivar: Active o desactive los iniciadores de conversación desde la página de Personalización
- Hasta 4 sugerencias: Añada hasta 4 textos cortos (máximo 100 caracteres cada uno) a través del botón "Editar iniciadores"
- Chips clicables: Los iniciadores aparecen como botones en forma de pastilla directamente encima del campo de entrada
- Envío automático: Hacer clic en un iniciador envíe el texto como un mensaje del usuario, como si lo hubiera escrito
- Solo en chat vacío: Los iniciadores solo son visibles cuando la conversación es nueva — no aparecerán si hay mensajes existentes (por ejemplo, después de recargar la página con historial de chat)
- Hover dinámico: El color de hover del chip coincide con el color del botón de su widget
Casos de uso:
- Guía a los visitantes a temas comunes: "¿Cuáles son sus precios?", "¿Cómo empiezo?"
- Reduce la fricción para visitantes nuevos que no saben qué preguntar
- Highlight key services or features your AI assistant can help with
Consejo: Mantén sus iniciadores cortos y orientados a la acción. Las preguntas funcionan mejor que las afirmaciones porque se sienten más naturales al hacer clic.
Límite de caracteres
Establece el número máximo de caracteres que un visitante puede enviar en un solo mensaje. Esto ayuda a prevenir spam y mantiene las conversaciones enfocadas.
Cómo funciona:
- Límite predeterminado: 750 caracteres por mensaje
- Valor mínimo: 500 caracteres
- Advertencia: Aparece un pequeño aviso rojo debajo del campo de entrada cuando un visitante excede el límite
- Acortamiento automático: Los mensajes que exceden el límite se acortan automáticamente a la longitud configurada antes de enviarse
Recomendación: Recomendamos mantener el límite en 750 caracteres. Establecerlo demasiado alto puede aumentar el riesgo de spam o abuso al permitir mensajes excesivamente largos.
Temperatura
La temperatura controla qué tan creativas o enfocadas son las respuestas de su IA. Ajusta la aleatoriedad del modelo de lenguaje al generar respuestas.
Cómo funciona:
- Rango: 0.0 a 2.0
- Predeterminado: 0.7
- Valores bajos (0.0 - 0.5): Respuestas más enfocadas, consistentes y predecibles. Ideal para preguntas y respuestas factuales, soporte y consultas técnicas.
- Valores medios (0.5 - 1.0): Un equilibrio entre precisión y creatividad.
- Valores altos (1.0 - 2.0): Respuestas más variadas, creativas y diversas. Ideal para lluvia de ideas o chatbots conversacionales.
Consejo: En 0, la respuesta a la misma pregunta será prácticamente siempre la misma. Con valores más altos, las respuestas pueden variar más cada vez. Establecerlo en 2.0 no se recomienda para negocios ya que aumenta significativamente la posibilidad de alucinaciones y respuestas inexactas.
Previsualiza su widget
Antes de que sus cambios se publiquen, pruebe cómo se verá y comportará su widget de chat en diferentes dispositivos usando los botones de simulación.
Consejo: Las simulaciones de vista previa cargan el widget real exactamente como aparecería en su sitio web, incluyendo sus colores, mensajes y configuración de activación automática personalizados.
Guardar cambios
Todos los cambios de personalización se guardan automáticamente a medida que los haces. Verá un mensaje de confirmación cuando la configuración se guarde exitosamente. Los cambios surten efecto inmediatamente en su sitio web.