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.

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

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

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

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

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.

Commencer l'essai gratuit Demander une démo