Design de l'interface
La page "Interface utilisateur > Design de l'interface" regroupe tous les réglages visuels de votre employé digital : logo, arrière-plan, apparence de la navigation et palette de couleurs.
Logo
Téléchargez votre logo via la zone de glisser-déposer ou en cliquant sur "parcourir". Le logo s'affiche en haut à gauche de l'interface. Une fois importé, les options "Changer de fichier" et "Supprimer" permettent de le remplacer ou de le retirer.
Image d'arrière plan
Choisissez une image d'arrière plan parmi la galerie proposée, ou importez la vôtre. Les options "Changer de fichier" et "Supprimer" permettent de modifier ou retirer l'image en place.
Affichage de la navigation
Configure l'affichage de la télécommande et l'accès aux modes de conversation.
Apparence de la télécommande
Le menu déroulant permet de choisir l'apparence visuelle de la télécommande (ex. Mode clair).
Les cases à cocher suivantes permettent de masquer des éléments individuels :
| Option | Description |
|---|---|
| Masquer toute la télécommande | Cache l'ensemble du panneau de contrôle latéral. |
| Masquer le bouton « son » | Cache le bouton d'activation/désactivation du son. |
| Masquer le bouton « sous-titre » | Cache le bouton d'activation des sous-titres. |
| Masquer le bouton « historique » | Cache le bouton d'accès à l'historique de la conversation. |
Fonctionnalités du navigateur
| Option | Description |
|---|---|
| Détecter la localisation de l'utilisateur depuis son navigateur web | Si activé, l'employé digital peut accéder à la position géographique de l'utilisateur via le navigateur pour les compétences qui en ont besoin. |
Affichage des modes de conversation
| Option | Description |
|---|---|
| Masquer l'accès au mode vocal | Cache la possibilité de basculer en mode vocal. |
| Masquer l'accès au mode texte | Cache la possibilité de basculer en mode texte. |
Au moins un mode de conversation doit rester accessible. Il n'est pas possible de masquer les deux modes en même temps.
Couleurs
Définissez les couleurs de l'interface. Le bouton "Réinitialiser les couleurs" remet l'ensemble de la palette aux valeurs par défaut.
Couleurs standards
Deux couleurs principales appliquées à l'ensemble de l'interface :
| Élément | Description |
|---|---|
| Sur fond sombre | Couleur principale utilisée sur les éléments à fond sombre. |
| Sur fond clair | Couleur principale utilisée sur les éléments à fond clair. |
Sous-titre de l'employé digital
Couleurs de la zone de sous-titrage vocal :
| Élément | Description |
|---|---|
| Arrière-plan | Couleur de fond de la zone sous-titre. |
| Texte | Couleur du texte des sous-titres. |
Cartes de contenu
Couleurs des cartes médias et de leurs boutons :
| Élément | Description |
|---|---|
| Arrière-plan | Fond de la carte. |
| Bordure | Bordure de la carte. |
| Texte | Texte affiché dans la carte. |
| Bouton — Arrière-plan (défaut / survol) | Fond du bouton selon son état. |
| Bouton — Bordure (défaut / survol) | Bordure du bouton selon son état. |
| Bouton — Texte (défaut / survol) | Texte du bouton selon son état. |
Écran de choix du mode de conversation
Couleurs de l'écran de sélection affiché au lancement :
| Élément | Description |
|---|---|
| Loader — Arrière-plan / Texte | Couleurs de l'indicateur de chargement. |
| Boutons Mode vocal / Mode texte — Arrière-plan / Texte | Couleurs des boutons de sélection du mode. |
| Bouton "Démarrer la conversation" — Arrière-plan, Bordure, Texte (défaut / survol) | Couleurs du bouton de démarrage selon son état. |
Mode texte
Couleurs de l'interface de conversation en mode texte :
| Élément | Description |
|---|---|
| Arrière-plan | Fond de la zone de conversation. |
| Bordure | Bordure de la zone de conversation. |
| Texte de la question utilisateur | Couleur du texte saisi par l'utilisateur. |
| Bulle de conversation utilisateur | Couleur de fond des bulles de message de l'utilisateur. |
| Texte de la réponse de l'employé | Couleur du texte des réponses de l'employé digital. |
| Bulle de conversation de l'employé | Couleur de fond des bulles de réponse de l'employé digital. |
Après avoir défini le design, configurez le type d'intégration pour choisir comment votre employé digital apparaît sur le web, puis passez au Déploiement.