Configurer les paramètres du widget
Personnalisez votre Self-Service Widget pour qu’il corresponde à votre marque et à votre flux de support. Tous les paramètres s’affichent 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 à Help Center → Widget
Cliquez sur Customize
Branding
Contrôlez l’identité visuelle de votre widget :
Logo : importez un PNG, JPG ou SVG (512 × 512 px recommandé)
Couleur principale : couleur de marque pour les boutons et les éléments d’accentuation
Schéma de couleurs : choisissez le mode système, clair ou sombre
Police du titre : choisissez parmi Google Fonts
Police du texte : choisissez parmi Google Fonts
Les logos carrés donnent les meilleurs résultats. Le widget redimensionne automatiquement les images pour qu’elles s’adaptent.
Launcher
Personnalisez le bouton flottant et son emplacement sur la page. Le launcher est le bouton sur lequel les visiteurs cliquent pour ouvrir le widget.
Bouton
Couleur du bouton : couleur d’arrière-plan du bouton launcher
Icône du bouton : icône affichée dans le bouton launcher
Couleur de l’icône du bouton : couleur de l’icône. Laissez ce champ vide pour détecter automatiquement la couleur en fonction du contraste avec l’arrière-plan du bouton, ou choisissez une couleur hexadécimale spécifique
Position
Choisissez l’emplacement du bouton launcher sur la page :
Gauche : place le launcher dans le coin inférieur gauche
Droite : place le launcher dans le coin inférieur droit (par défaut)
Le panneau du widget s’ouvre du même côté que la position du launcher. Un launcher en bas à gauche ouvre le panneau par la gauche, et un launcher en bas à droite l’ouvre par la droite.
Marge
Contrôlez l’espacement autour du bouton launcher :
Décalage latéral : distance par rapport au bord gauche ou droit de la fenêtre d’affichage (0–128 pixels, valeur par défaut : 32)
Décalage inférieur : distance par rapport au bord inférieur de la fenêtre d’affichage (0–128 pixels, valeur par défaut : 32)
Le décalage latéral s’applique à la position sélectionnée. Si le launcher 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.
Espacement
Espacement du launcher : espace interne autour de l’icône à l’intérieur du bouton (8–40 pixels, valeur 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
AI Answers
Activez le chat alimenté par l’IA pour aider les clients à trouver des réponses à l’aide de requêtes en langage naturel. Lorsqu’il est 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 dans 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)
Ouvrir dans un nouvel onglet : activez ou désactivez l’ouverture du lien dans un nouvel onglet du navigateur. Désactivez cette option pour ouvrir le lien dans le même onglet. Votre site peut également écouter les clics avec le Ferndesk SDK.
Glissez-déposez pour réorganiser les liens.
Contact
Choisissez comment les clients contactent votre équipe de support. 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 de support. 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
Configurer :
Adresse e-mail de support : destination des messages
Titre du contact : en-tête de la page de contact
Description du contact : brève explication
Texte du bouton : libellé du bouton d’envoi (par défaut : « Get in touch »)
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 ne sont effacés qu’après une soumission réussie.
Lien
Redirigez les utilisateurs vers une page d’assistance externe ou un système de ticketing.
URL du lien de contact : URL de destination
Texte du bouton : libellé du bouton
Les téléchargements de fichiers ne sont disponibles qu’avec la méthode de contact E-mail.
Intégration
Transférez les visiteurs vers votre plateforme de chat existante lorsqu’ils 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 Help Scout Beacon
Pylon : ouvre le widget de chat Pylon
Zendesk : ouvre Zendesk Web Widget
Plain : ouvre le widget de chat Plain
Chaque plateforme nécessite que vous installiez son widget sur votre site avec le lanceur par défaut masqué. Consultez Using Ferndesk with other chat platforms 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 AI handoff behavior, sélectionnez AI decides, Always visible ou Off. Consultez AI escalation and handoff behavior 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 la stratégie d’escalade s’appliquent à l’assistant IA du widget. Configurez séparément le comportement de transfert IA du centre d’aide dans Help Center > Customize > 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 sélectionnée.
Pour chaque langue :
Sélectionnez un champ à traduire
Cliquez sur Re-translate with AI pour générer automatiquement les traductions
Ou modifiez manuellement le texte de la traduction
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 les langues dans Help Center → Translate.
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 « Powered by Ferndesk » dans le pied de page du widget.
Installer
Copiez l’extrait de code d’intégration et collez-le dans le HTML de votre site avant la balise fermante </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.