Configurer les paramètres du widget
Personnalisez votre widget libre-service pour l’adapter à votre marque et à votre processus d’assistance. Tous les paramètres sont mis à jour en temps réel dans l’aperçu 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 la marque pour les boutons et les éléments d’accentuation
Palette de couleurs : choisissez le mode système, clair ou sombre
Police des titres : choisissez parmi les polices Google Fonts
Police du corps : choisissez parmi les polices Google Fonts
Les logos carrés donnent les meilleurs résultats. Le widget redimensionne automatiquement les images pour les adapter.
Lanceur
Personnalisez le bouton flottant et son emplacement sur la page. Le lanceur est le bouton sur lequel 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 à l’intérieur du bouton du lanceur
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
Texte du bouton : libellé facultatif affiché à côté de l’icône. Laissez ce champ vide pour conserver un lanceur avec icône uniquement. Accepte jusqu’à 40 caractères, par exemple « Questions ? » ou « Consulter la documentation »
Taille : taille de l’icône à l’intérieur du lanceur (16–32 pixels, valeur par défaut : 24)
Arrondi : choisissez Complet pour un lanceur en forme de pastille ou Personnalisé pour définir votre propre rayon des angles (0–32 pixels)
Position
Choisissez où le bouton du lanceur apparaît sur la page :
Gauche : place le lanceur dans l’angle inférieur gauche
Droite : place le lanceur dans l’angle inférieur droit (par défaut)
Le panneau du widget s’ouvre du même côté que le lanceur. Un lanceur situé en bas à gauche ouvre le panneau depuis la gauche, tandis qu’un lanceur situé en bas à droite l’ouvre depuis la droite.
Marge
Contrôlez l’espacement 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, 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 lanceur se trouve à gauche, le décalage latéral contrôle la distance par rapport au bord gauche. S’il se trouve à droite, il contrôle la distance par rapport au bord droit.
Marge intérieure
Marge intérieure du lanceur : espacement 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 (valeur 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 parmi Modèles ou Unsplash, ou importez votre propre image
Dégradé : sélectionnez un arrière-plan avec dégradé prédéfini
Réponses IA
Activez le chat alimenté par l’IA pour aider les clients à trouver des réponses au moyen de requêtes en langage naturel. Une fois cette option activée, 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 les contenus publiés. 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 : indiquez si le lien doit s’ouvrir 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 à l’aide du SDK Ferndesk.
Glissez-déposez les liens pour les réorganiser.
Contact
Choisissez comment les clients peuvent contacter votre équipe d’assistance. La section Contact comporte quatre onglets : Formulaire, Lien, Chat et Aucun.
Formulaire
Affichez un formulaire de contact qui envoie les messages à votre adresse e-mail d’assistance. Les visiteurs peuvent joindre des fichiers image à leurs messages.
Conditions requises pour les 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 d’assistance : adresse à laquelle les messages sont envoyés
Titre du contact : titre de la page de contact
Description du contact : brève explication
Texte du bouton : libellé du bouton d’envoi (valeur par défaut : « Nous contacter »)
Si un visiteur commence à remplir le formulaire de contact, puis ferme le widget ou quitte la page, son brouillon est conservé. Lorsqu’il rouvre le widget, son nom, son adresse e-mail, son objet, son message et les fichiers joints sont automatiquement restaurés. 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 gestion des tickets.
URL du lien de contact : URL de destination
Texte du bouton : libellé du bouton
Les téléversements de fichiers sont disponibles uniquement avec la méthode de contact Formulaire.
Chat
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 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 l’installation de son widget sur votre site avec le lanceur par défaut masqué. Consultez Utiliser Ferndesk avec d’autres plateformes de chat pour obtenir les instructions de configuration.
Aucun
Masquez l’option de contact pour fournir une assistance entièrement libre-service.
Stratégie d’escalade
Contrôlez à quel moment l’assistant IA propose aux visiteurs de contacter votre équipe dans le widget. Sous Comportement du transfert IA, sélectionnez L’IA décide, Toujours visible ou Désactivé. Consultez Escalade et comportement du transfert IA pour savoir comment fonctionne 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 du transfert IA du centre d’aide dans Centre d’aide > Personnaliser > Contact.
Traductions
Traduisez les chaînes de l’interface de votre widget dans 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 Retraduire avec l’IA pour générer automatiquement les traductions
Vous pouvez également modifier manuellement le texte traduit
L’aperçu se met à jour en temps réel à droite
Les traductions du widget sont synchronisées 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 « Powered by Ferndesk » dans le pied de page du widget.
Installer
Copiez l’extrait de code d’intégration et collez-le dans le code HTML de votre site, avant la balise fermante </body>. L’extrait contient l’identifiant unique de votre widget et charge automatiquement le widget.
Après l’enregistrement, les modifications des paramètres du widget s’appliquent immédiatement à votre widget en production.