En bref
- 134 modèles de chat.Choisissez le modèle qui convient à votre site, puis ajoutez votre logo.
- Votre nom, votre accueil et vos questions.Définissez le nom que voient les visiteurs, le message d'accueil et les questions de départ.
- Polices et formes bientôt.16 Google Fonts, rayon des angles, ombres et mode clair ou sombre arrivent avec l'éditeur visuel.
- Votre logo comme avatar.Importez une image PNG, JPEG ou WebP de 1 Mo au plus.
Les visiteurs se fient à ce qui leur est familier. Aujourd'hui, vous choisissez l'un des 134 modèles de chat et ajoutez votre logo, votre nom, votre message d'accueil et vos questions de départ. Les réglages plus fins ci-dessous font partie de l'onglet « Brand » de l'éditeur visuel, bientôt disponible.
Partez d'un préréglage
Quatre préréglages donnent une base rapide : « OneType » (clair, ombres douces, arrondi), « Night » (surfaces sombres, accent vif), « Flat » (blanc, sans ombres, angles serrés) et « Paper » (blanc cassé chaud, texte couleur encre). Changer de préréglage conserve votre couleur d'accent, votre police et la taille du texte, vous ne perdez donc pas vos choix de marque.
Des couleurs qui restent lisibles
Choisissez votre couleur d'accent et OneType détermine si le texte dessus doit être blanc ou sombre, avec un exemple en direct juste sous le sélecteur. Vous pouvez aussi définir les couleurs du fond, de la surface et du texte, et teinter les gris vers votre marque avec une intensité de 0 à 100 pour cent et une teinte de 0 à 360 degrés.
Avant de publier, OneType contrôle le contraste de vos couleurs. Si le texte est difficile à lire, l'éditeur vous avertit, et vous devez confirmer volontairement pour publier quand même.
Clair, sombre ou automatique
Réglez l'apparence sur « Light », « Dark » ou « Auto ». « Auto » suit le réglage système de chaque visiteur, et les nouveaux widgets démarrent ainsi. Dans l'éditeur, vous pouvez basculer l'aperçu entre clair et sombre pour vérifier les deux.
Polices et taille du texte
- Satoshi, la police propre à OneType, par défaut.
- La police système du visiteur.
- Celle de votre site : la police qu'utilise la page autour du chat.
- 16 Google Fonts, dont Inter, Roboto, Poppins, IBM Plex Sans, Lora, Fraunces et Space Grotesk.
- Une taille de texte de base de 14 à 18 px. Sur téléphone, les champs de saisie restent à 16 px pour que la page ne zoome jamais.
Forme, lanceur et avatar
Réglez le rayon des angles de 0 à 24 px, la densité sur compacte ou confortable, les ombres sur aucune, douces ou fortes, l'en-tête sur plein, verre ou minimal, et les messages sur bulles ou à plat. Pour le format bulle de chat, choisissez en bas à gauche ou à droite, un court libellé de lanceur de 40 caractères au plus ou une icône seule, et la distance par rapport aux bords.
Importez un avatar pour votre agent en image PNG, JPEG ou WebP de 1 Mo au plus. Les données de localisation et d'appareil photo sont retirées de l'image à l'enregistrement.
Vérifiez-le sur chaque écran
Chaque changement s'affiche tout de suite dans l'aperçu en direct. Basculez entre ordinateur, tablette et téléphone, entre clair et sombre, et placez le chat dans des états comme une longue réponse avec sources ou un passage à un humain. Vous repérez ainsi une couleur qui marche sur l'écran d'accueil mais pas dans un tableau, avant vos visiteurs.
La galerie de modèles montre tous les designs que vous pouvez choisir aujourd'hui.