Guide

Personnalisation du widget

Adaptez le widget de chat à votre marque. Personnalisez les couleurs, les logos, les messages et le comportement depuis votre tableau de bord — sans toucher au code.

Comment personnaliser

  1. 01

    Ouvrez Canaux

    Cliquez sur « Canaux » dans la barre latérale. Vous devez être propriétaire ou admin pour modifier les paramètres des canaux.

  2. 02

    Sélectionnez le canal de votre site web

    Cliquez sur le canal de votre site, puis ouvrez l'onglet « Chat en direct ». Toutes les options de personnalisation du widget se trouvent ici.

  3. 03

    Modifiez les paramètres

    Changez les réglages d'image de marque, de messages ou de comportement, vérifiez la zone Aperçu, puis sélectionnez Enregistrer les modifications.

  4. 04

    Les changements s'appliquent immédiatement

    Le widget récupère sa configuration à chaque chargement de page : vos changements seront visibles dès qu'un visiteur chargera à nouveau votre site.

Image de marque

Les réglages visuels qui déterminent l'apparence du widget sur votre site. Le lanceur peut utiliser l'un de ces deux styles :

  • Logo
  • Icône
RéglageDescriptionPar défaut
Style du lanceurChoisissez Logo pour utiliser une image personnalisée, ou Icône pour sélectionner l'une des icônes de lanceur intégrées de Sonny.Icône
Logo du widgetAffiché quand le style du lanceur est Logo. Importez une image JPEG, PNG, GIF ou WebP de moins de 2 Mo et d'au moins 64 × 64 px.Aucun logo personnalisé
Choisir une icôneAffiché quand le style du lanceur est Icône. Sélectionnez l'icône intégrée utilisée pour le lanceur.Bulle de chat
Couleur de l'icôneDéfinissez la couleur de l'icône du lanceur sélectionnée avec le sélecteur de couleur ou une valeur hexadécimale à 6 chiffres.#ffffff
Couleur de la marqueAppliquée au bouton du lanceur, à l'en-tête du chat, au bouton d'envoi et aux bulles des messages envoyés.#2563eb
Position du widgetChoisissez si le widget apparaît dans le coin En bas à droite ou En bas à gauche de la page.En bas à droite

Messages

Personnalisez le texte que voient les visiteurs lorsqu'ils utilisent le widget.

Message d'accueil
Le texte affiché en haut de la fenêtre de chat quand un visiteur ouvre le widget. Utilisez-le pour donner le ton de la conversation.
Par défaut : « Bonjour ! Comment pouvons-nous vous aider ? » · 500 caractères max.
Message en ligne
Le texte de statut affiché dans l'en-tête du chat quand au moins un agent est en ligne. Il apparaît à côté d'un point vert.
Par défaut : « Nous répondons généralement en quelques minutes » · 500 caractères max.
Message hors ligne
Le texte de statut affiché dans l'en-tête du chat quand aucun agent n'est en ligne. Il apparaît à côté d'un point gris.
Par défaut : « Nous sommes absents — laissez un message et nous vous répondrons » · 500 caractères max.

Comportement

Les réglages qui déterminent le comportement du widget pour les visiteurs.

Demande d'e-mail
Choisissez quand demander leur nom et leur e-mail aux visiteurs. Choisissez « Avant le premier message » pour exiger les coordonnées dès le départ, ou « Après le premier message » (par défaut) pour laisser les visiteurs discuter immédiatement et recueillir leurs informations ensuite.
Questionnaire avant chat
Demandez leurs informations aux visiteurs avant le début du chat. Activez-le, puis utilisez Champs obligatoires pour choisir Nom, E-mail ou les deux. Au moins un champ doit rester sélectionné.
Heures d'ouverture
Définissez vos horaires d'ouverture pour chaque jour de la semaine. Le widget n'apparaît en ligne que lorsqu'un agent est disponible pendant ces horaires — en dehors, les visiteurs voient votre message hors ligne, et le répondeur automatique IA peut prendre le relais si vous l'utilisez.
Où le widget apparaît
Affichez le widget uniquement sur certaines pages, masquez-le sur d'autres, ou affichez-le seulement quand des conditions sont remplies, comme un groupe de visiteurs, un paramètre d'URL, une plage de dates ou le temps passé sur la page. Configurer les règles d'affichage.
Domaines de développement autorisés
Par défaut, le widget ne se charge que sur votre domaine de production enregistré. Ajoutez d'autres domaines (comme localhost:3000 ou staging.example.com) pour tester le widget pendant le développement. localhost est toujours autorisé automatiquement.
Masquer « Propulsé par Sonny »
Retirez la mention Sonny du widget. Cette option est incluse avec n'importe quel forfait IA ou le déblocage BYOK.
Afficher les coches de distribution aux visiteurs
Affichez une coche sous le message d'un visiteur une fois que Sonny l'a reçu. La coche ne signifie pas qu'un agent a lu le message.

Informations obligatoires et vérification

Les informations avant le chat et la vérification des visiteurs répondent à des besoins différents. Rendre l'e-mail obligatoire signifie que chaque nouvelle conversation doit avoir une identité e-mail. Une identité signée valide la satisfait ; lorsque l'identification par e-mail dans le navigateur est autorisée, l'e-mail saisi par le visiteur la satisfait aussi. Un nom enregistré ou un questionnaire rempli n'est pas une identité e-mail : Sonny redemande l'e-mail au lieu d'ouvrir une conversation non identifiée.

Avec la vérification Désactivée ou Facultative, un e-mail saisi par le visiteur crée un contact non vérifié et ne débloque pas l'historique entre appareils. Avec Exiger une preuve pour l'identification, l'e-mail saisi dans le navigateur n'est pas accepté comme identité : un JWT signé est donc nécessaire lorsque l'e-mail est un champ obligatoire avant le chat.

Installer et gérer le widget

Utilisez la section Extrait d'installation pour copier le code destiné à votre site. La zone Aperçu en direct montre l'apparence des réglages visuels enregistrés. Si vous n'avez plus besoin du canal, sélectionnez Déconnecter le site web et confirmez l'action.

Guide d'installation du widget

Documentation associée

Voir comment Sonny vous aide