Personaliza tu Chat Directo
Configura la apariencia y opciones de tu interfaz de chat con el editor bidireccional
Navegación del dashboard
Al entrar a la plataforma, en el menú lateral encontrarás todo lo disponible para tu chatbot:
- Mi Chatbot: Resumen con métricas, Ajustes generales y Base de Conocimiento
- Interfaces: Chat Directo y Showcase
- Gestión: Prospectos (leads), Conversaciones y Analíticas
Pestaña: Apariencia
Editor bidireccional
El editor tiene los controles del lado izquierdo y la vista previa del lado derecho. Cualquier cambio se refleja de inmediato.
También funciona al revés: puedes dar clic directamente sobre cualquier elemento en la vista previa y el editor seleccionará automáticamente el control correspondiente, marcándolo con un recuadro para localizarlo fácilmente.
Secciones del editor (acordeones)
Interfaz principal
- Fondo del chat
- Burbujas del usuario y del asistente
- Texto del usuario y del asistente
- Colores del saludo
Navegación superior
- Íconos
- Bordes
- Fondo de los botones
Avatar y Logo
- Imagen del avatar en el chat
- Tamaño y estilo
Área de mensaje
- Apariencia del campo donde el usuario escribe
- Colores del input, borde y botón de enviar
Historial de chat
- Apariencia del panel de conversaciones anteriores
- Colores de fondo, texto y hover
Widget de Chat
- Burbuja flotante cuando incrustas el bot en tu sitio web
- Ícono, tamaño y color de la burbuja
Cambiar colores
Para cambiar un color, da clic en cualquier control y elige desde la paleta predefinida o define un color personalizado. Cuando termines, da clic en "Guardar Cambios" y usa "Ver en vivo" para ver el resultado final.
Pestaña: Configuración
Aquí editas el contenido que ven tus usuarios al abrir el chat por primera vez:
- Título y subtítulo del saludo: El mensaje de bienvenida que aparece al abrir el chat
- Preguntas sugeridas: Las preguntas que aparecen como botones cuando alguien abre el chat por primera vez. Puedes eliminarlas, editarlas o agregar nuevas con el botón "Agregar pregunta"
Te recomendamos mantener entre 2 y 4 preguntas sugeridas para no saturar la interfaz.
Consejos de diseño
- •Contraste legible: Asegura al menos 4.5:1 de contraste entre texto y fondo
- •Prueba ambos modos: Revisa cómo se ve en light y dark antes de publicar
- •Usa la Paleta Global: Para mantener colores consistentes entre Chat Directo y Showcase
- •Menos es más: 2–3 colores principales son suficientes