Guía de personalización del chat del SDK para dispositivos móviles

El SDK para dispositivos móviles ofrece amplias capacidades de personalización, diseñadas para permitirte incorporar los requisitos de la marca y crear una experiencia única y personalizada. En este documento, se proporciona una descripción general completa de las opciones disponibles en el SDK para dispositivos móviles para optimizar las interacciones de chat con los clientes.

Puedes incluir tanta o tan poca personalización como necesites para satisfacer las necesidades de tu empresa. A continuación, se muestra una comparación en paralelo de un chat predeterminado y un chat altamente personalizado.

Se muestra un ejemplo comparativo de la apariencia del chat personalizado.

  • Visibilidad

  • Ícono de avatar

  • Texto

  • Fuente (tamaño, estilo y color)

  • Color del divisor

  • Ancho del divisor

Se muestra un ejemplo de las secciones personalizables del encabezado.

Botón intercalado

  • Estilo

  • Alineación

  • Color de fondo

  • Color del texto

  • Radio de esquina

  • Fuente (tamaño, estilo y color)

  • Color del borde

  • Ancho del borde

Se muestra un ejemplo de los aspectos personalizables del botón.

Botón Atrás

  • Visibilidad, solo del texto. No se puede personalizar la visibilidad de la flecha hacia atrás.

  • Ícono

  • Color del texto

Se muestra un ejemplo del botón Atrás.

Botón para finalizar

  • Visibilidad

  • Fuente (tamaño, estilo y color)

Se muestra un ejemplo que indica el botón para finalizar el chat.

Marca de tiempo

  • Fuente (tamaño, estilo y color)

Se muestra un ejemplo que indica la marca de tiempo.

Mensaje y botones del sistema

  • Color de fondo

  • Radio de esquina

  • Fuente (tamaño, estilo y color)

  • Color del borde

  • Ancho del borde

Se muestra un ejemplo de los mensajes y botones del sistema.

Burbujas de mensajes del agente y del consumidor

  • Color de fondo

  • Radio de esquina

  • Fuente (tamaño, estilo y color)

  • Color del borde

  • Ancho del borde

  • Avatar

Se muestra un ejemplo de las burbujas de mensajes del cliente y del agente.

Barra de entrada del usuario

  • Color de fondo

  • Color del borde

  • Ancho del borde

  • Ícono de cámara

  • Ícono de navegación conjunta

  • Ícono del botón de enviar

Se muestra un ejemplo que indica la barra de entrada del usuario.

Barra de entrada del usuario (campo de texto)

  • Radio de esquina

  • Color del cursor

  • Texto de marcador de posición

  • Fuente (tamaño, estilo y color)

  • Color del borde

  • Ancho del borde

Se muestra un ejemplo que indica el campo de texto de la barra de entrada del usuario.

Ícono giratorio de carga

  • Animación personalizada

Se muestra un ejemplo que indica los aspectos personalizables del ícono giratorio de carga.