Aller au contenu principal

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.

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 :

OptionDescription
Masquer toute la télécommandeCache 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

OptionDescription
Détecter la localisation de l'utilisateur depuis son navigateur webSi 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

OptionDescription
Masquer l'accès au mode vocalCache la possibilité de basculer en mode vocal.
Masquer l'accès au mode texteCache la possibilité de basculer en mode texte.
attention

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émentDescription
Sur fond sombreCouleur principale utilisée sur les éléments à fond sombre.
Sur fond clairCouleur principale utilisée sur les éléments à fond clair.

Sous-titre de l'employé digital

Couleurs de la zone de sous-titrage vocal :

ÉlémentDescription
Arrière-planCouleur de fond de la zone sous-titre.
TexteCouleur du texte des sous-titres.

Cartes de contenu

Couleurs des cartes médias et de leurs boutons :

ÉlémentDescription
Arrière-planFond de la carte.
BordureBordure de la carte.
TexteTexte 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émentDescription
Loader — Arrière-plan / TexteCouleurs de l'indicateur de chargement.
Boutons Mode vocal / Mode texte — Arrière-plan / TexteCouleurs 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émentDescription
Arrière-planFond de la zone de conversation.
BordureBordure de la zone de conversation.
Texte de la question utilisateurCouleur du texte saisi par l'utilisateur.
Bulle de conversation utilisateurCouleur 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.