Ajustement des apparences pour l'interface de chat intégrée :

Ici, vous pourrez ajuster l'apparence de la sortie Embed comme la colonographie, la typographie, l'arrière-plan, etc.

• Général
  1. Texte : utilisez ceci pour configurer la typographie comme ; Police, taille de police et épaisseur de police (gras ou régulier)
  2. Paramètres : utilisez ceci pour afficher/masquer la barre de progression, vous pouvez également définir la couleur de la barre de progression
  3. La barre de progression s'affiche aux utilisateurs lorsqu'ils interagissent avec l'interface de discussion et progresse en fonction de plusieurs questions répondues.
  4. Image de marque du chat : utilisez cette option pour afficher/masquer la marque WeConnect.chat dans le pied de page de l'interface de chat intégrée.
  5. Arrière-plan intégré : utilisez cette option pour définir l'arrière-plan de l'intégration. Deux types d'arrière-plans sont disponibles. Comme, couleur unie et couleur dégradée comme arrière-plan. 
  6. Par défaut : utilisez le bouton par défaut pour réinitialiser les couleurs et les paramètres d'apparence par défaut.

• Chat
  1. Style de discussion -> Bulle de message : utilisez-la pour modifier la forme de la sortie du composant.
  2. Style de discussion -> Chatbox : utilisez cette option pour ajuster l'apparence des couleurs de la sortie du composant.
     1. Couleur unie : utilisez cette option pour définir la couleur unie du composant.
     2. Couleur du dégradé : utilisez cette option pour définir la couleur du dégradé du composant.
     3. Couleur du texte : utilisez ceci pour définir la couleur unie du texte affiché sur le composant.
     4. Couleur de frappe : utilisez cette option pour définir la couleur de l'animation de frappe.
  3. Opacité : utilisez cette option pour ajuster l'opacité de la page de destination. Utilisez le curseur pour définir l'opacité selon vos besoins. 
  4. Style de discussion -> Message de réponse de l'utilisateur :
     1. Couleur d'arrière-plan : ceci définira la couleur d'arrière-plan de la réponse de l'utilisateur. 
     2. Couleur du texte : ceci définira la couleur du texte pour la réponse de l'utilisateur
  5. Style de discussion -> Style de bouton : ceci permet de configurer l'apparence des boutons affichés dans la sortie. Les boutons sont affichés dans certains composants spécifiques tels que les choix multiples, le carrousel, etc.
     1. Rayon du bouton : Ceci définira les coins d’un bouton. Utilisez-le pour afficher des boutons circulaires comme des formes ovales ou rectangulaires.
     2. Couleur de la bordure du bouton : Ceci définira la couleur de la bordure du bouton
     3. Couleur d’arrière-plan du bouton : Ceci définira la couleur d’arrière-plan du bouton
     4. Couleur du texte du bouton : utilisez cette option pour définir la couleur du texte du bouton.
  6. Photo de profil et avatar :
     1. Photo de profil : utilisez-la pour appliquer l'image (logo) à afficher dans l'intégration.
     2. Avatar : Il s'agit de l'image affichée à côté de la question lorsqu'elle apparaît sur la sortie. Vous pouvez télécharger votre propre image d'avatar ou utiliser certaines options disponibles.
     3. Échelle de l'image : utilisez cette option pour modifier l'échelle de l'avatar et de la photo de profil. Ceci est utile pour créer des images rondes ou carrées.

Ajustement des apparences de la page de destination :

Ici, vous pourrez ajuster l'apparence de la sortie de la page de destination comme les couleurs, la typographie, l'arrière-plan, etc.

• Mise En Page
  1. Utilisez-le pour sélectionner la mise en page de la page de destination. 
  2. Vous avez le choix entre trois mises en page. 
  3. La première mise en page est la plus adaptée aux écrans de bureau et mobiles.

• Général
  1. Texte : utilisez ceci pour configurer la typographie comme ; Police, taille de police et épaisseur de police (gras ou régulier)
  2. Paramètres : utilisez ceci pour afficher/masquer la barre de progression, vous pouvez également définir la couleur de la barre de progression
  3. La barre de progression s'affiche aux utilisateurs lorsqu'ils interagissent avec l'interface de discussion sur la page de destination, et elle progresse en fonction du nombre de questions répondues.
  4. Image de marque du chat : utilisez cette option pour afficher/masquer la marque WeConnect.chat au pied de page de la page de destination.
  5. Arrière-plan de la page de destination : utilisez cette option pour définir l'arrière-plan de la page de destination. Quatre types d'arrière-plans sont disponibles. Comme une couleur unie, un dégradé de couleurs, une image et une vidéo en arrière-plan. 
  6. Par défaut : utilisez le bouton par défaut pour réinitialiser les couleurs et les paramètres d'apparence par défaut.

• Chat
  1. Style de discussion -> Bulle de message : utilisez-la pour modifier la forme de la sortie du composant.
  2. Style de discussion -> Chatbox : utilisez cette option pour ajuster l'apparence des couleurs de la sortie du composant.
     1. Couleur unie : utilisez cette option pour définir la couleur unie du composant.
     2. Couleur du dégradé : utilisez cette option pour définir la couleur du dégradé du composant.
     3. Couleur du texte : utilisez ceci pour définir la couleur unie du texte affiché sur le composant.
     4. Couleur de frappe : utilisez cette option pour définir la couleur de l'animation de frappe.
  3. Opacité : utilisez cette option pour ajuster l'opacité de la page de destination. Utilisez le curseur pour définir l'opacité selon vos besoins. 
  4. Style de discussion -> Message de réponse de l'utilisateur :
     1. Couleur d'arrière-plan : ceci définira la couleur d'arrière-plan de la réponse de l'utilisateur. 
     2. Couleur du texte : ceci définira la couleur du texte pour la réponse de l'utilisateur
  5. Style de discussion -> Style de bouton : ceci permet de configurer l'apparence des boutons affichés dans la sortie. Les boutons sont affichés dans certains composants spécifiques tels que les choix multiples, le carrousel, etc.
     1. Rayon du bouton : Ceci définira les coins d’un bouton. Utilisez-le pour afficher des boutons circulaires comme des formes ovales ou rectangulaires.
     2. Couleur de la bordure du bouton : Ceci définira la couleur de la bordure du bouton
     3. Couleur d’arrière-plan du bouton : Ceci définira la couleur d’arrière-plan du bouton
     4. Couleur du texte du bouton : utilisez cette option pour définir la couleur du texte du bouton.
  6. Photo de profil et avatar :
     1. Photo de profil : utilisez-la pour appliquer l'image (logo) à afficher sur la page de destination.
     2. Avatar : Il s'agit de l'image affichée à côté de la question lorsqu'elle apparaît sur la sortie. Vous pouvez télécharger votre propre image d'avatar ou utiliser certaines options disponibles.
     3. Échelle de l'image : utilisez cette option pour modifier l'échelle de l'avatar et de la photo de profil. Ceci est utile pour créer des images rondes ou carrées.

• Message
  1. Ceci s'applique principalement aux deuxième et troisième mises en page de la page de destination.
  2. La page de destination crée l'URL dédiée, les méta-informations sont nécessaires pour que ces URL soient explorées par le référencement. Ou du moins, chaque fois que vous partagez la page de destination, cela peut générer le méta-aperçu.
  3. Titre : utilisez-le pour mettre à jour le titre comme « Salut ! »
  4. Sous-titre : utilisez-le pour mettre à jour le sous-titre. Ceci s'applique uniquement aux deuxième et troisième mises en page, comme « Comment puis-je vous aider »
  5. Meta Title : utilisez-le pour modifier la couleur de l'en-tête et la couleur du texte de l'en-tête.
  6. Meta Description : utilisez cette option si vous souhaitez conserver la même couleur que les composants de discussion. Nous verrons cela dans le point suivant en détail.