Volver al centro de ayuda
Personalización

Personaliza tu Chat Directo

Edita colores, saludo, preguntas y widget directamente sobre tu chat

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
Video tutorial

El editor visual

Desde Chat Directo da clic en Editar. Verás tu chat tal como lo verán tus usuarios: toca cualquier zona para seleccionarla y cambiar sus colores, y toca un texto una segunda vez para escribir en él.

Arriba del chat puedes cambiar entre modo claro y oscuro (cada modo guarda sus propios colores) y entre las vistas de chat, historial y widget.

Lo que puedes editar

Interfaz principal
  • Fondo del chat y color de carga
  • Burbujas y textos del usuario y del asistente
  • Colores del saludo
Navegación superior y área de mensaje
  • Íconos, bordes, separador y resaltados
  • Campo de texto, borde, enfoque y botón de enviar
Historial de chat
  • Fondo, textos, bordes y elementos activos
  • Colores al pasar el cursor y avatar del usuario
Avatar y logo
  • Subir, cambiar o quitar la imagen
  • Tamaño, escala, borde, sombra y colores (claro y oscuro)
Widget de chat
  • Burbuja flotante para tu sitio web: color, ícono y tamaño
  • Posición, animación de pulso y separación del borde

Colores y paleta

Elige cada color desde tu paleta o define uno personalizado. En Ajustes ⚙️ › Colores editas la paleta global y puedes usar "Aplicar la paleta a todo el chat" para que elijamos todos los colores por ti, cuidando que los textos se lean bien. Cuando termines, da clic en Guardar y usa "Ver en vivo" para ver el resultado.

Saludo y preguntas sugeridas

Es lo que ven tus usuarios al abrir el chat por primera vez:

  • Título y subtítulo del saludo: escríbelos directamente sobre el chat (hasta 80 y 160 caracteres; el editor te muestra cuántos llevas)
  • Preguntas sugeridas: toca las preguntas para abrir su panel; agrega hasta 6, edítalas, reordénalas arrastrando o quítalas

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