Centro de ayuda de Chatim

Configuración del widget

La página de configuración del widget le permite personalizar la apariencia, el contenido y el comportamiento de su widget de chat. Los cambios se previsualizan en tiempo real en el lado derecho de la página.

Acceder a la configuración del widget

  1. Inicie sesión en su panel de Chatim
  2. Seleccione su proyecto desde la barra lateral
  3. Haga clic en Widget en el menú de navegación

Configuración de apariencia

Color del widget

Elija el color principal para su widget de chat. Este color se usa para el fondo del encabezado del widget, el botón lanzador de burbuja de chat, las opciones y botones seleccionados, y varios elementos de acento.

  • Seleccione de las muestras de colores predefinidas
  • Ingrese un código de color hexadecimal personalizado

Consejo: Elija un color que coincida con su marca y que garantice buen contraste y visibilidad.

Forma del botón

FormaDescripción
CírculoBotón lanzador redondo (predeterminado)
RedondeadoBotón lanzador cuadrado redondeado

Imágenes

Avatar del encabezado

Suba una imagen de avatar personalizada que aparece en el encabezado del widget junto a su título. Acepta JPG, PNG o WebP hasta 500KB. Se recomienda relación de aspecto cuadrada (1:1), 100x100 píxeles o más.

Icono del botón

Reemplace el icono predeterminado del botón lanzador de chat con su propia imagen personalizada. Acepta JPG, PNG o WebP hasta 500KB. Se recomienda relación de aspecto cuadrada (1:1), 70x70 píxeles o más. Considere usar un PNG transparente para mejores resultados.

Configuración de contenido

Título del widget

El encabezado principal que se muestra en el encabezado del widget cuando está abierto. Manténgalo en menos de 85 caracteres.

Ejemplos: "Soporte Chatim", "¿Cómo podemos ayudar?", "Chatear con ventas"

Subtítulo del widget

Texto secundario opcional que se muestra debajo del título. Manténgalo en menos de 85 caracteres.

Ejemplos: "Normalmente respondemos en minutos", "Disponible 24/7", "¡Pregúntenos lo que sea!"

Mensaje de saludo

El mensaje emergente que aparece junto al widget cerrado para atraer la atención del visitante. Manténgalo en menos de 50 caracteres.

Ejemplos: "¿Necesita ayuda? ¡Chatea con nosotros!", "¡Hola! ¿Alguna pregunta?", "¡Estamos en línea!"

Configuración de posición

Posición del widget

PosiciónDescripción
DerechaEsquina inferior derecha (más común)
IzquierdaEsquina inferior izquierda

Margen de escritorio

Controle qué tan lejos se posiciona el widget del borde de la pantalla en dispositivos de escritorio. Rango: 1px a 300px. Predeterminado: 15px.

Margen móvil

Controle qué tan lejos se posiciona el widget del borde de la pantalla en dispositivos móviles. Rango: 1px a 300px. Predeterminado: 15px. Puede que desee un margen más pequeño en móvil para maximizar el espacio de pantalla.

Configuración de temporización

Apertura automática del widget

Abra automáticamente el widget de chat después de que un visitante haya estado en su página durante un tiempo especificado. Rango: 0 a 120 segundos.

  • 0 segundos — Deshabilitado (el widget permanece cerrado hasta que se hace clic)
  • 5-10 segundos — Bueno para captar visitantes interesados
  • 30+ segundos — Menos intrusivo, capta visitantes comprometidos

Reiniciar chat (duración de sesión)

Controle cuánto tiempo se preserva el historial de chat del visitante antes de comenzar de nuevo. Rango: 0 a 120 horas (5 días).

  • 0 horas — Nunca reiniciar (el chat persiste indefinidamente)
  • 24 horas — Reinicio diario (predeterminado)
  • 72 horas — Sesiones de tres días
  • 120 horas — Sesiones máximas de cinco días

Parámetros de URL

Configure la captura automática de parámetros de URL de las páginas de los visitantes. Esto es útil para rastrear la atribución de marketing y los datos de campañas sin cambios de código.

  • Habilitar captura de parámetros de URL — Activar o desactivar
  • Capturar todos los parámetros de URL — Captura cada parámetro de URL válido
  • Solo capturar parámetros específicos — Usa una lista blanca (predeterminados: utm_source, utm_medium, utm_campaign, utm_term, utm_content, ref)

Para más detalles sobre cómo funcionan los parámetros de URL con el SDK de JavaScript, consulte la documentación del Widget SDK.

Configuración de sonido

Active o desactive el sonido de notificación que se reproduce cuando llegan nuevos mensajes al widget de chat. Habilitado por defecto.

Vista previa en vivo

El lado derecho de la página de configuración del widget muestra una vista previa en tiempo real de su widget de chat. Se actualiza instantáneamente a medida que realiza cambios, es totalmente interactiva y muestra estados abierto y cerrado.

Nota: La vista previa usa el modo de demostración y no se conecta a su flujo de chatbot real.

Guardar cambios

Haga clic en Guardar para aplicar sus cambios. Los cambios se reflejarán inmediatamente en su sitio web en vivo. Siempre guarde antes de salir de la página — los cambios no guardados se perderán.

Mejores prácticas

  • Consistencia de marca — Use los colores de su marca, suba su logotipo como avatar del encabezado y combine el tono de su sitio web
  • Experiencia de usuario — Posicione el widget donde no cubra contenido importante, escriba mensajes amigables e invitadores
  • Optimización móvil — Pruebe en dispositivos móviles, ajuste el margen móvil por separado, mantenga el texto corto
  • Pruebas A/B — Pruebe diferentes mensajes de saludo, tiempos de apertura automática, posiciones, colores y formas de botón

Solución de problemas

Los cambios no aparecen en el sitio web

  1. Asegúrese de que hizo clic en Guardar
  2. Limpie la caché de su navegador
  3. Intente una actualización forzada (Ctrl+F5 o Cmd+Shift+R)
  4. Verifique que el código del widget esté correctamente instalado

Error al subir imagen

  1. Verifique que el tamaño del archivo sea menor de 500KB
  2. Asegúrese del formato correcto (JPG, PNG, WebP)
  3. Intente con una imagen diferente o reduzca las dimensiones

Comenzar

Chatim chat en vivo con automatización de chatbot

Genera más clientes potenciales y mejora la interacción con los clientes utilizando un software de chat en vivo con automatización de chatbot.