Configurer les paramètres du widget
Personnalisez votre widget Self-Service pour qu’il corresponde à votre image de marque et à votre processus d’assistance. Tous les paramètres sont mis à jour en aperçu en temps réel avant l’enregistrement.
Un accès administrateur ou propriétaire est requis pour personnaliser les paramètres du widget.
Accéder aux paramètres du widget
Ouvrez votre tableau de bord Ferndesk
Accédez à Centre d’aide → Widget
Cliquez sur Personnaliser
Image de marque
Contrôlez l’identité visuelle de votre widget :
Logo : importez un fichier PNG, JPG ou SVG (512x512 px recommandé)
Couleur principale : couleur de marque pour les boutons et les accents
Palette de couleurs : choisissez le mode système, clair ou sombre
Police des titres : choisissez parmi Google Fonts
Police du corps de texte : choisissez parmi Google Fonts
Les logos carrés donnent les meilleurs résultats. Le widget redimensionne automatiquement les images pour qu’elles s’ajustent.
Lanceur
Personnalisez le bouton flottant et son emplacement sur la page. Le lanceur est le bouton que les visiteurs cliquent pour ouvrir le widget.
Bouton
Couleur du bouton : couleur d’arrière-plan du bouton du lanceur
Icône du bouton : icône affichée dans le bouton du lanceur
Couleur de l’icône du bouton : couleur de l’icône. Laissez vide pour une détection automatique selon le contraste avec l’arrière-plan du bouton, ou choisissez une couleur hexadécimale précise
Emplacement
Choisissez où le bouton du lanceur apparaît sur la page :
Gauche : place le lanceur dans le coin inférieur gauche
Droite : place le lanceur dans le coin inférieur droit (par défaut)
Le panneau du widget s’ouvre du même côté que la position du lanceur. Un lanceur en bas à gauche ouvre le panneau à gauche, et un lanceur en bas à droite l’ouvre à droite.
Marges
Contrôlez l’espace autour du bouton du lanceur :
Décalage latéral : distance par rapport au bord gauche ou droit de la fenêtre d’affichage (0–128 pixels, par défaut : 32)
Décalage inférieur : distance par rapport au bord inférieur de la fenêtre d’affichage (0–128 pixels, par défaut : 32)
Le décalage latéral s’applique à la position sélectionnée. Si le lanceur est à gauche, le décalage latéral contrôle la distance par rapport au bord gauche. S’il est à droite, il contrôle la distance par rapport au bord droit.
Rembourrage
Rembourrage du lanceur : espace interne autour de l’icône à l’intérieur du bouton (8–40 pixels, par défaut : 16)
En-tête
Titre : titre principal (par défaut : "Comment pouvons-nous vous aider ?")
Arrière-plan : choisissez une couleur, une image ou un dégradé derrière l’en-tête
Couleur : sélectionnez une couleur d’arrière-plan unie
Image : choisissez une image dans Templates ou Unsplash, ou importez la vôtre
Dégradé : sélectionnez un arrière-plan dégradé prédéfini
Réponses IA
Activez le chat propulsé par l’IA pour aider les clients à trouver des réponses grâce à des requêtes en langage naturel. Une fois activé, le widget affiche une interface de chat qui synthétise les réponses à partir de vos articles publiés avec des citations intégrées.
L’assistant IA recherche uniquement le contenu publié. Publiez les articles pertinents avant d’activer cette fonctionnalité.
Liens
Ajoutez jusqu’à 5 liens d’accès rapide à votre widget. Chaque lien comprend :
Icône : choisissez parmi les icônes disponibles
Libellé : texte du lien
URL : destination (interne ou externe)
Faites glisser et déposez pour réorganiser les liens.
Contact
Choisissez comment les clients contactent votre équipe d’assistance. La section Contact comporte trois onglets : E-mail, Lien et Intégration.
Affichez un formulaire de contact qui envoie les messages à votre adresse e-mail d’assistance. Les visiteurs peuvent joindre des fichiers image à leurs messages.
Exigences relatives aux pièces jointes
Lorsque les visiteurs joignent des images à leur message de contact, les limites suivantes s’appliquent :
Types de fichiers : JPEG, PNG, GIF, WebP, HEIC, HEIF
Taille par fichier : jusqu’à 5 Mo par fichier
Nombre maximal de fichiers : jusqu’à 3 images par message
Taille totale : jusqu’à 15 Mo au total
Paramètres du formulaire de contact
Configurez :
Adresse e-mail de support : adresse à laquelle les messages sont envoyés
Titre du contact : en-tête sur la page de contact
Description du contact : brève explication
Texte du bouton : libellé du bouton d’envoi (par défaut : "Nous contacter")
Si un visiteur commence à remplir le formulaire de contact mais ferme le widget ou quitte la page, son brouillon est conservé. Lorsqu’il rouvre le widget, son nom, son e-mail, son objet, son message et tous les fichiers joints sont restaurés automatiquement. Les brouillons sont effacés uniquement après un envoi réussi.
Lien
Redirigez les utilisateurs vers une page d’assistance externe ou un système de tickets.
URL du lien de contact : URL de destination
Texte du bouton : libellé du bouton
Les téléversements de fichiers ne sont disponibles qu’avec la méthode de contact E-mail.
Intégration
Redirigez vers votre plateforme de chat existante lorsque les visiteurs cliquent sur le bouton de contact. Le widget de chat reste masqué jusqu’à ce que Ferndesk l’ouvre, afin que les visiteurs voient d’abord votre contenu en libre-service.
Plateformes prises en charge :
Intercom : ouvre Intercom Messenger
Crisp : ouvre Crisp Live Chat
Help Scout : ouvre le Beacon de Help Scout
Pylon : ouvre le widget de chat Pylon
Zendesk : ouvre Zendesk Web Widget
Plain : ouvre le widget de chat Plain
Chaque plateforme vous oblige à installer son widget sur votre site avec le lanceur par défaut masqué. Consultez Utiliser Ferndesk avec d’autres plateformes de chat pour les instructions de configuration.
Aucun
Masquez l’option de contact pour une assistance entièrement en libre-service.
Stratégie d’escalade
Contrôlez quand l’assistant IA propose un transfert vers votre équipe dans le widget. Sous Comportement du transfert IA, sélectionnez L’IA décide, Toujours visible ou Désactivé. Consultez Comportement de l’escalade et du transfert IA pour comprendre le fonctionnement de chaque option.
Activez Rédiger un résumé du transfert pour que l’IA génère un résumé de la conversation avant le transfert.
Les paramètres de stratégie d’escalade s’appliquent à l’assistant IA du widget. Configurez séparément le comportement du transfert IA du centre d’aide dans Centre d’aide > Personnaliser > Contact.
Traductions
Traduisez les chaînes d’interface de votre widget en plusieurs langues. Les visiteurs voient le widget dans la langue correspondant à la langue principale de votre centre d’aide ou à la langue qu’ils ont choisie.
Pour chaque langue :
Sélectionnez un champ à traduire
Cliquez sur Retraduire avec l’IA pour générer automatiquement des traductions
Ou modifiez manuellement le texte traduit
Aperçu des mises à jour en temps réel à droite
Les traductions du widget se synchronisent avec les langues de votre centre d’aide. Ajoutez d’abord des langues dans Centre d’aide → Traduire.
Le widget s’affiche automatiquement dans la langue appropriée lorsque les visiteurs consultent votre centre d’aide traduit.
Propulsé par
Activez ou désactivez le lien "Propulsé par Ferndesk" dans le pied de page du widget.
Installation
Copiez l’extrait de code d’intégration et collez-le dans le code HTML de votre site avant la balise de fermeture </body>. L’extrait inclut l’identifiant unique de votre widget et charge automatiquement le widget.
Les modifications apportées aux paramètres du widget s’appliquent immédiatement à votre widget en ligne après l’enregistrement.