AlcmeonChat, la solution de chat en marque blanche d'Alcmeon, peut être personnalisée de plusieurs façons pour correspondre à l'identité de votre marque : le bouton qui la lance, les bulles de message d'appel à l'action, le widget de chat lui-même et même les emails de notification que vos clients recevront lorsqu'un conseiller répondra à leur demande.

Accéder à l'interface de personnalisation

Pour personnaliser l'apparence et le texte de votre widget de chat, rendez-vous dans la section “Paramètres / Comptes” puis sur la page de votre compte AlcmeonChat dans Alcmeon et cliquez sur le lien "Démo chat". 

Dans la fenêtre qui s'ouvre, le bouton “Personnaliser” permet d'ouvrir la fenêtre de personnalisation qui est divisée en 4 onglets que nous allons détailler ci-dessous :

• Chat fermé
• En-tête du chat
• Conversation du chat
• Générer le code

‍Chat fermé

Cette section vous permet de personnaliser l'affichage du widget AlcmeonChat lorsqu'il est fermé.

➡️

Image de fond

Cette image sera utilisée uniquement dans votre environnement Alcmeon et servira d'aperçu lorsque vous configurerez les autres composants d'AlcmeonChat. Nous vous recommandons de télécharger une image de 1680x1024px au format JPG ou PNG.

Bouton de lancement

Vous pouvez modifier l'apparence du bouton de lancement d'AlcmeonChat, ainsi que son positionnement sur la page.

• Modifiez l'apparence du bouton en téléchargeant votre image ou votre logo
  • Format PNG PNG
  • Taille : 64x64px
• Modifiez le positionnement du bouton sur la page de votre site web
  • En bas à droite (position par défaut)
  • Coin inférieur gauche
  • Coin supérieur droit
  • Coin supérieur gauche
• Activer le glisser-déposer du widget de chat  (Uniquement sur ordinateur)
  • Cela permet au client de repositionner librement le module de Chat dans la page de votre site web
• Activer les notifications de nouveaux messages du conseiller
  • Cette fonctionnalité affiche une bulle sur l'icône de votre bouton de lancement quand un conseiller a répondu au client.
  • Quand elle est activée, vous pouvez modifier la couleur de cette bulle. 

Messages d'aide

Les messages d'aide sont les bulles de messages qui apparaissent automatiquement à la fermeture d'AlcmeonChat. Vous pouvez configurer leur contenu et déterminer s'ils doivent être affichés dans les 2 cas suivants : si aucune conversation n'a été entamée, ou si une conversation est déjà en cours.

Assistant de nouvelle conversation : Lorsqu'aucune conversation n'est en cours, ces bulles de message apparaissent automatiquement après 5 secondes et disparaissent après 10 secondes.

Assistant de conversation en cours : Lorsqu'une conversation est en cours, ces bulles de message apparaissent en permanence jusqu'à ce que le client les ferme.

Dans les deux cas, vous pouvez afficher jusqu'à deux messages.

En-tête du chat

Cette section vous permet de modifier le contenu et l'apparence de la partie supérieure du widget de chat ouvert.

➡️

Logo affiché en haut à gauche

• Format : PNG (sur fond transparent)
• Taille : 70x70px

Titre

• Choisir de l'afficher ou non
• Personnaliser le texte
• Personnaliser la couleur du texte à l'aide d'un sélecteur de couleurs

Sous-titre

• Choisissez de l'afficher ou non
• Personnaliser le texte
• Personnaliser la couleur du texte à l'aide d'un sélecteur de couleurs

Lien vers votre politique de confidentialité

• Choisissez de l'afficher ou non
• Personnaliser le texte avant le lien
• Personnaliser le texte cliquable
• Définir l'url du lien

Remarque : souvent, votre politique de confidentialité est affichée au début de votre scénario de bot, et il n'est pas nécessaire de l'afficher deux fois, à moins que vous ne souhaitiez la rendre persistante dans la section de l'en-tête.

Conversation de chat

Dans cet onglet, vous pouvez personnaliser les éléments de la conversation elle-même, tels que les couleurs des messages et des icônes, ainsi que les textes qui peuvent apparaître dans l'interface client.

➡️

Logo à gauche des réponses de votre marque

• Choisissez de l'afficher ou non
• Format : PNG (sur fond transparent)
• Taille : 40x40px

Couleur primaire

• Personnalisez la couleur à l'aide d'un sélecteur de couleurs
• Elle sera utilisée pour : la barre de progression, les boutons, les éléments de menu et l'état de survol des icônes.

Couleur secondaire

• Personnalisez la couleur à l'aide d'un sélecteur de couleurs
• Elle sera utilisée pour : la couleur d'arrière-plan des éléments de menu et des boutons survolés ou actifs.

Autres couleurs

• Texte du message du client
• Arrière-plan de la bulle du message du client

Textes

Modifiez ou traduisez les textes suivants qui apparaissent dans l'interface :

• l'invite "Tapez votre message ici"
• l'invite "Sélectionnez une option ci-dessus" qui apparaît lorsque le scénario de votre robot ne permet pas à votre client de saisir du texte à cette étape, mais l'oblige à cliquer sur un bouton du scénario
• le texte invitant le client à saisir un numéro de téléphone dans le cadre du processus de notification par SMS dans votre scénario de robot
• le texte invitant le client à saisir une adresse e-mail dans le cadre du processus de notification par e-mail dans votre scénario de robot.

Générer le code

Ce dernier onglet vous permet de définir la langue d'AlcmeonChat, étant donné qu'un certain nombre d'éléments textuels ne peuvent pas être personnalisés, mais sont traduits par défaut.

Dans cet onglet, vous pouvez donc

• Définir la langue par défaut d'AlcmeonChat.
• Générer le code Javascript à insérer sur les pages de votre site web où AlcmeonChat doit apparaître.

Si le code Javascript a déjà été installé sur votre site, les modifications visuelles seront automatiquement prises en compte.

En revanche, vous devrez régénérer le code Javascript et l'installer à nouveau sur le site web pour que les modifications textuelles soient prises en compte.

💡Note : Si le site a plusieurs versions linguistiques, le fichier généré devra être dupliqué et les valeurs des champs suivants devront être modifiées en fonction de la langue souhaitée :

• langCode (valeurs possibles : it, fr, en, sp, de)
• title (Titre d'AlcmeonChat dans l'en-tête)
• subtitle (sous-titre d'AlcmeonChat dans l'en-tête)
• privacy_link_label (texte du lien)
• privacy_link_prefixe (texte avant le lien)
• helperMessage1 (première bulle de message dans le cas d'une conversation non démarrée)
• helperMessage2 (deuxième bulle de message dans le cas d'une conversation non entamée)
• helperMessage3 (première bulle de message dans le cas d'une conversation déjà entamée)
• helperMessage4 (deuxième bulle de message dans le cas d'une conversation déjà entamée)
• send_your_email (Invitation à saisir une adresse électronique)
• send_your_phone (Invitation à saisir un numéro de téléphone)
• send_a_message (Invite à saisir un message)
• select_an_option (Invite à sélectionner une option dans un menu)