Vous pouvez personnaliser Notiondesk Messenger pour qu'il corresponde à votre marque et décider de ce à quoi les visiteurs peuvent accéder depuis le widget.
La personnalisation de Messenger inclut ses couleurs, son lanceur, sa mise en page, son écran d'accueil, ses modules de support, ses langues et les domaines de sites Web autorisés.
Personnalisez les couleurs et l'image de marque
Utilisez les paramètres d'apparence de Messenger pour harmoniser Messenger avec votre site web ou votre application.
Vous pouvez personnaliser les couleurs utilisées dans Messenger, notamment :
- Couleur primaire
- Couleur de fond
- Couleurs du texte
- Couleurs d'en-tête
- Couleurs du lanceur
- IA et couleurs des messages aux visiteurs
- Couleurs d'entrée
Vous pouvez également configurer les polices utilisées dans Messenger.
Ces paramètres de marque sont contrôlés depuis Notiondesk plutôt que par le biais du SDK JavaScript.
Personnaliser le lanceur Messenger
Le lanceur est le bouton que les visiteurs utilisent pour ouvrir Messenger.
Vous pouvez personnaliser :
- L'affichage du lanceur
- Position du lanceur
- Forme du lanceur
- Espacement latéral
- Espacement inférieur
- Couleurs du lanceur
- Icône de lanceur personnalisée
Modifier la position du lanceur
Messenger peut apparaître dans l'un ou l'autre coin inférieur de votre site web :
- En bas à droite
- En bas à gauche
Choisissez la position qui évite de chevaucher la navigation de votre site web, les commandes de cookies, les outils d'accessibilité ou d'autres éléments flottants.
Modifier la forme du lanceur
Le lanceur peut utiliser :
- Carré arrondi
- Cercle
Choisissez la forme qui correspond le mieux à votre interface.
Utiliser un lanceur personnalisé
Vous pouvez masquer complètement le lanceur standard Notiondesk et ouvrir Messenger depuis votre propre interface.
Par exemple, vous pouvez ouvrir Messenger depuis :
- Un bouton d'aide dans votre navigation
- Un bouton Contacter l'assistance
- Menu de votre compte
- Un bouton flottant que vous utilisez déjà
- Une section d'assistance au sein de votre application
Désactivez l'option « Afficher le lanceur » dans votre configuration Messenger, puis utilisez le SDK JavaScript Messenger Notiondesk pour ouvrir ou basculer Messenger.
Par exemple:
Consultez le contrôle Notiondesk Messenger avec le SDK JavaScript pour des exemples de lanceurs personnalisés et des contrôles SDK.
Choisissez la mise en page Messenger par défaut. ...
Notiondesk Messenger prend en charge différentes mises en page selon la façon dont vous souhaitez que l'assistance apparaisse dans votre produit.
Les mises en page disponibles sont les suivantes :
helpButton.addEventListener("click", () => {
void notiondesk.toggle();
});- Flottant : Messenger s'ouvre sous forme de panneau flottant au-dessus de votre site web
- Barre latérale : Messenger s’ouvre comme un panneau latéral pleine hauteur
- Plein écran : Messenger utilise la fenêtre d’affichage disponible
Configurez la mise en page par défaut dans les paramètres de Messenger.
Messenger s'adapte également automatiquement aux écrans plus petits, permettant ainsi aux visiteurs de l'utiliser confortablement sur leurs appareils mobiles.
Choisissez les modules Messenger disponibles.
Messenger peut contenir plusieurs modules de support.
| Module | But |
|---|---|
| Maison | Écran de démarrage personnalisé avec contenu d'assistance et raccourcis |
| Messages | Conversations d'assistance alimentées par l'IA |
| Aide | Parcourez et effectuez une recherche dans votre centre d'aide |
| Contact | Contactez votre équipe d'assistance |
| Journal des modifications | Consultez vos dernières mises à jour de produits |
Activez uniquement les modules qui sont pertinents pour votre expérience d'assistance.
Messages
Le module Messages propose des conversations basées sur l'IA au sein de Messenger.
Un chatbot IA Notiondesk doit être connecté et configuré pour ce module.
Les visiteurs peuvent utiliser la messagerie pour poser des questions et recevoir des réponses basées sur votre contenu d'assistance.
Aide
Le module d'aide permet aux visiteurs d'accéder à votre centre d'aide sans quitter votre site web.
Les visiteurs peuvent parcourir les catégories, ouvrir les articles et effectuer des recherches dans votre documentation directement depuis Messenger.
Contact
Le module Contact offre aux visiteurs un moyen de contacter votre équipe lorsque l'assistance en libre-service ne suffit pas.
Journal des modifications
Le module Changelog affiche vos mises à jour de produits publiées directement dans Messenger.
Cela permet aux clients de découvrir de nouvelles fonctionnalités et des améliorations sans quitter votre application.
Personnaliser les langues de Messenger
Configurez les langues disponibles dans Messenger et choisissez sa langue par défaut.
Seuls les langues activées pour Messenger peuvent être sélectionnées par les visiteurs.
Si votre application connaît déjà la langue préférée du visiteur, vous pouvez également définir la langue de Messenger par programmation avec le SDK JavaScript :
notiondesk.setLanguage("fr");La langue demandée doit également être activée dans la configuration de Messenger.
Voir Control Notiondesk Messenger avec le SDK JavaScript pour la synchronisation du langage d'exécution.
Limiter Messenger aux domaines de confiance
Vous pouvez limiter l'accès à Messenger aux seuls domaines de sites web approuvés.
Utilisez des domaines de confiance lorsque Messenger ne doit être intégré que sur des sites web et des applications que vous contrôlez.
Par exemple, vous pourriez autoriser :
Lorsque les domaines de confiance sont configurés, Messenger ne se chargera pas à partir d'un site Web non autorisé.
Ceci est particulièrement utile lorsque Messenger expose des fonctionnalités de support client destinées uniquement à votre propre application.
www.example.com
app.example.com