Guide de personnalisation du chat du SDK pour mobile

Le SDK mobile offre de nombreuses possibilités de personnalisation. Il est conçu pour vous permettre d'intégrer les exigences de votre marque et de créer une expérience unique et personnalisée. Ce document fournit une présentation complète des options disponibles dans le SDK mobile pour optimiser les interactions de chat avec les consommateurs.

Vous pouvez inclure autant de personnalisations que nécessaire pour répondre aux besoins de votre entreprise. Vous trouverez ci-dessous un tableau comparatif entre un chat par défaut et un chat hautement personnalisé.

Un exemple côte à côte d'apparences de chat personnalisées est présenté.

  • Visibilité

  • Icône de l'avatar

  • Texte

  • Police (taille, style et couleur)

  • Couleur du séparateur

  • Largeur du séparateur

Un exemple des sections personnalisables de l'en-tête est présenté.

Bouton intégré

  • Style

  • Alignement

  • Couleur de l'arrière-plan

  • Couleur du texte

  • Arrondi d'angle

  • Police (taille, style et couleur)

  • Couleur de la bordure

  • Largeur de la bordure

Un exemple des aspects personnalisables du bouton est présenté.

Bouton "Retour"

  • Visibilité : texte uniquement. La visibilité de la flèche de retour ne peut pas être personnalisée.

  • Icône

  • Couleur du texte

Un exemple de bouton "Retour" est affiché.

Bouton de fin d'appel

  • Visibilité

  • Police (taille, style et couleur)

Un exemple indiquant le bouton permettant de mettre fin à la discussion est affiché.

Horodatage

  • Police (taille, style et couleur)

Un exemple indiquant le code temporel est présenté.

Messages et boutons système

  • Couleur de l'arrière-plan

  • Arrondi d'angle

  • Police (taille, style et couleur)

  • Couleur de la bordure

  • Largeur de la bordure

Un exemple des messages et boutons système est affiché.

Bulles de message du consommateur et de l'agent

  • Couleur de l'arrière-plan

  • Arrondi d'angle

  • Police (taille, style et couleur)

  • Couleur de la bordure

  • Largeur de la bordure

  • Avatar

Un exemple de bulles de message client et agent est affiché.

Barre de saisie utilisateur

  • Couleur de l'arrière-plan

  • Couleur de la bordure

  • Largeur de la bordure

  • Icône de la caméra

  • Icône de co-navigation

  • Icône du bouton "Envoyer"

Un exemple de barre de saisie utilisateur est affiché.

Barre de saisie utilisateur (champ de texte)

  • Arrondi d'angle

  • Couleur du curseur

  • Texte d'espace réservé

  • Police (taille, style et couleur)

  • Couleur de la bordure

  • Largeur de la bordure

Un exemple indiquant le champ de texte de la barre de saisie utilisateur est affiché.

Icône de chargement en cours

  • Animation personnalisée

Un exemple indiquant les aspects personnalisables du spinner de chargement est présenté.