Personnalisation des widgets

Un widget de chat en direct à votre image

Personnalisez chaque détail de votre widget de discussion : couleurs, position, langue, mode sombre, etc. Donnez l’impression qu’il fait partie intégrante de votre site Web.

Demander une démo Commencer l'essai gratuit

Gratuit pendant 15 jours. Aucune carte de crédit nécessaire.

Chaque détail, à votre façon

Un générateur de widgets sans code avec un contrôle total sur l'apparence, la convivialité et le comportement.

Couleurs de la marque

Mode sombre

50+ langues

Générateur de widgets

Types de bulles

Campagnes

Prise en charge RTL

Contrôle du SDK

Générateur de widgets sans code

Personnaliser sans écrire de code

Utilisez le générateur de widgets visuels de Chatwoot pour ajuster l'apparence, le contenu et le comportement de votre widget, le tout avec un aperçu en direct. Aucun développeur n'est nécessaire.

Aperçu en direct — consultez vos modifications en temps réel lorsque vous ajustez les paramètres
Messages de bienvenue — personnaliser le titre, le slogan et le temps de réponse affichés aux visiteurs
Message d'accueil du canal — définir un message d'accueil automatique lorsqu'un client ouvre le widget
Couleur du widget — choisissez n'importe quelle couleur pour correspondre à la palette de votre marque
Position et bulle — choisissez un placement à gauche ou à droite et un style de bulle standard ou étendu

Couleurs et apparence de la marque

Correspond parfaitement à votre marque

Définissez la couleur de votre marque et le widget s'adapte partout : la bulle du lanceur, l'en-tête, les boutons et les mises en évidence des messages restent tous cohérents.

N'importe quelle couleur hexadécimale — définissez n'importe quelle couleur - le widget, le lanceur, l'en-tête et les boutons s'adaptent tous
Bulle standard — une icône circulaire épurée qui flotte dans le coin de votre site
Bulle élargie — un lanceur plus large avec un texte personnalisé comme « Discutez avec nous » pour plus de visibilité
Texte de lancement personnalisé — définir le texte affiché sur la bulle développée via le paramètre launcherTitle
Titre et slogan de bienvenue — accueillez les visiteurs avec votre propre titre et description du temps de réponse

Couleur du widget

Texte de bienvenue

Bonjour

Nous répondons généralement en quelques minutes

Type de bulle

Standard
Discutez avec nous
Développé

Mode sombre

Respectez les préférences de vos visiteurs

Activez le mode sombre automatique pour que votre widget s'adapte aux préférences du système d'exploitation de votre visiteur. La fenêtre de discussion s'affiche dans un thème sombre sans aucun effort supplémentaire.

Mode automatique — suit automatiquement les préférences du système d'exploitation du visiteur (clair ou sombre)
Mode clair — affichez toujours le widget dans un thème clair, quels que soient les paramètres du système d'exploitation
Configuration simple — définissez darkMode sur 'auto' dans chatwootSettings - une ligne de code
Style cohérent — tous les éléments du widget — en-tête, messages, entrées — s'adaptent au thème

Position et type de bulle

Placez-le là où il fonctionne le mieux

Choisissez la position du widget sur votre site, choisissez le style de bulle qui correspond à votre conception et personnalisez le texte du lanceur pour les bulles développées.

Gauche ou droite — placez le lanceur de widgets du côté qui correspond à votre mise en page
Bulle standard — une icône de discussion circulaire compacte – minimale et familière
Bulle élargie — un lanceur plus large en forme de pilule avec du texte personnalisable pour une meilleure visibilité
Fenêtre contextuelle — permettre aux visiteurs d'ouvrir le chat dans une fenêtre de navigateur séparée pour une messagerie sans distraction
yourwebsite.com

Langue et localisation

Parlez la langue de vos clients

Chatwoot prend en charge 50+ langues prêtes à l'emploi. Le widget s'adapte automatiquement aux paramètres régionaux du navigateur de votre visiteur ou vous pouvez le définir manuellement via le SDK.

50+ langues — L'interface utilisateur du widget s'affiche automatiquement dans la langue du navigateur du visiteur
Prise en charge RTL — rendu complet de droite à gauche pour l'arabe, l'hébreu, le persan, etc.
Remplacement des paramètres régionaux du SDK — définir la langue manuellement à l'aide de la méthode setLocale SDK
Équipes multilingues — différentes boîtes de réception peuvent servir des publics linguistiques différents

Comportement des widgets

Contrôler le comportement du widget

Affinez l'expérience du widget : affichez-le dans une fenêtre séparée, activez les sélecteurs d'emoji, les téléchargements de fichiers, la collecte d'e-mails et le bouton de fin de conversation.

Fenêtre contextuelle — les visiteurs peuvent ouvrir le chat dans une fenêtre de navigateur en taille réelle pour des conversations plus longues
Collecte d'e-mails — inviter les visiteurs à saisir leur e-mail afin que les conversations puissent se poursuivre s'ils partent
Sélecteur d'émoticônes — activer ou désactiver le sélecteur d'emoji dans le compositeur de widgets
Fichiers joints — permettre aux visiteurs de télécharger et de partager des images, des documents et d'autres fichiers
Mettre fin à la conversation — permettre aux visiteurs de fermer les conversations à partir du widget lorsque leur problème est résolu

Fenêtre contextuelle

Ouvrir le chat dans une fenêtre de navigateur dédiée

Activé

Collecte d'e-mails

Demander automatiquement une adresse e-mail

Activé

Sélecteur d'émoticônes

Laissez les visiteurs s'exprimer avec des emojis

Activé

Fichiers joints

Permettre aux visiteurs de partager des fichiers et des images

Activé

Campagnes proactives

Lancez des conversations, ne les attendez pas

Déclenchez des messages ciblés dans le widget lorsque les visiteurs répondent à des conditions spécifiques : temps passé sur la page, modèle d'URL ou événements personnalisés. Convertissez plus de visiteurs en clients.

Campagnes en cours — envoyer des messages proactifs en fonction de l'URL de la page, du temps passé sur la page ou de règles personnalisées
Ciblage d'URL — déclencher des messages uniquement sur des pages spécifiques telles que les prix, le paiement ou les documents
Temporisation — attendez un nombre défini de secondes avant d'afficher le message de la campagne
Messages personnalisés — rédiger des messages personnalisés pour chaque campagne en fonction du contexte

SDK et contrôle des développeurs

Contrôle programmatique complet

Allez au-delà du constructeur. Utilisez les méthodes du SDK pour contrôler dynamiquement le widget, définir les attributs utilisateur, modifier les paramètres régionaux et déclencher des actions à partir du code de votre application.

Identification de l'utilisateur

Transmettez les données utilisateur telles que le nom, l'adresse e-mail et les attributs personnalisés pour personnaliser l'expérience et acheminer les conversations.

Contrôle des widgets

Ouvrez, fermez, activez et affichez le widget par programmation. Définissez la langue, réinitialisez les sessions et bien plus encore.

Validation d'identité

Activez la validation d'identité basée sur HMAC pour empêcher l'usurpation d'identité et garantir des sessions de widgets sécurisées.

Messages interactifs

Contenu de widget riche et interactif

Allez au-delà du texte brut avec des cartes interactives, des formulaires, des options de réponse rapide et des articles intégrés, le tout rendu nativement dans le widget de chat.

Boutons de réponse rapide — présenter les options sur lesquelles les visiteurs peuvent appuyer pour se diriger vers la bonne équipe
Cartes — afficher des cartes de contenu riches avec des images, des titres et des descriptions dans le chat
Formulaires — collecter des données structurées via des formulaires de chat sans rediriger les visiteurs
Articles intégrés — faites apparaître les articles du centre d'aide directement dans le widget pour des réponses instantanées

Comment pouvons-nous vous aider aujourd’hui ?

FacturationTechniqueVentesAutre

Guide de démarrage

Découvrez comment créer votre compte en 5 étapes

Commentaires rapides

👍👎

Personnalisez le widget

Commencez à personnaliser votre widget de chat en direct pour qu'il corresponde à votre marque. Installé en quelques minutes, aucune compétence en conception n'est requise.

Demander une démo Commencer l'essai gratuit

Gratuit pendant 15 jours. Aucune carte de crédit nécessaire.