Personnalisation

Faites Que Chaque Expérience In-App
Ressemble à Votre Produit

Créez des thèmes personnalisés avec vos polices, couleurs et styles de boutons. Appliquez-les aux guides, hotspots,
modales, bannières, sondages et checklists. Ajoutez du CSS quand vous avez besoin d'un contrôle total.

Un thème, cohérent partout

L'éditeur de Thèmes de UserGuiding vous permet de définir les couleurs, polices, arrondis de boutons et typographie de votre marque en un seul endroit. Chaque guide, tooltip, hotspot, modale, bannière, checklist et sondage que vous créez hérite de ce thème automatiquement, pour que votre contenu in-app ait un aspect natif dès le premier jour.

Besoin de plus de contrôle ? Passez à l'onglet CSS dans n'importe quel thème et écrivez des styles personnalisés directement. Intégrez des polices personnalisées via Google Fonts ou votre propre URL CSS, activez ou désactivez les barres de progression et les numéros d'étapes, et localisez le texte des boutons comme « Suivant » et « Précédent » dans n'importe quelle langue.

Ce que vous pouvez faire avec la Personnalisation

Créez une expérience in-app entièrement personnalisée avec des thèmes, du CSS sur mesure et des contrôles de localisation.

Thèmes et identité de marque

  • Créez des thèmes personnalisés avec des contrôles visuels pour les couleurs, polices et styles de boutons
  • Appliquez un thème à tous les guides, hotspots, modales, bannières, sondages et checklists en une fois
  • Attribuez des thèmes différents à des contenus différents (ex. : un thème pour l'onboarding, un autre pour les annonces de fonctionnalités)
  • Supprimez la marque UserGuiding automatiquement sur tous les plans payants
  • Prévisualisez les modifications dans un panneau d'aperçu avant de publier

Typographie

  • Choisissez dans la liste de polices intégrée ou ajoutez n'importe quelle Google Font via les champs CSS et URL de police personnalisée
  • Définissez la couleur, la taille et l'alignement de la police par thème
  • Intégrez vos propres polices hébergées en collant la règle CSS @import et l'URL de la police

Style des boutons

  • Personnalisez les couleurs, l'arrondi et le texte des boutons via l'éditeur de Thèmes
  • Modifiez le texte des boutons de navigation par défaut (Suivant, Précédent, Terminé) pour correspondre à la voix de votre produit
  • Ajoutez des boutons personnalisés avec des actions configurables : aller à une URL, exécuter du JavaScript, lancer un autre guide, lancer un sondage ou copier du texte

Beacons de hotspot

  • Définissez la couleur, la taille et la forme par défaut des beacons globalement dans l'éditeur de Thèmes
  • Remplacez les beacons individuels avec une couleur, taille et forme personnalisées via l'Extension Chrome
  • Adaptez les styles des beacons aux éléments spécifiques de l'interface pour une meilleure intégration visuelle

Personnalisation CSS

  • Écrivez du CSS personnalisé dans l'onglet CSS de n'importe quel thème pour un contrôle du style au pixel près
  • Stylisez les éléments individuels d'onboarding (tooltips, modales, barres de progression) avec des sélecteurs CSS
  • Dupliquez un thème avant de le modifier pour garder une version de secours fonctionnelle

Langue et localisation

  • Traduisez tout le texte d'interface par défaut (Suivant, Précédent, Envoyer, Terminé) dans n'importe quelle langue via l'onglet Langue dans les Thèmes
  • Créez des thèmes séparés par langue pour un onboarding entièrement localisé
  • Personnalisez les termes et expressions pour correspondre à la terminologie de votre produit

Contrôles d'apparence des guides

  • Affichez ou masquez les barres de progression et les numéros d'étapes par thème
  • Définissez un thème avant ou après la création d'un guide via l'Extension Chrome ou le Panneau
  • Appliquez les modifications de thème au contenu existant sans recréer les guides

Plus de 1 000 équipes réussissent leur croissance avec UserGuiding

Rejoignez-les et faites le premier pas vers la croissance.
Commencez votre essai gratuit dès aujourd'hui en toute confiance.

Où UserGuiding rencontre votre stack d'IA

Quatre manières dont UG joue bien avec les outils d'IA que votre équipe utilise déjà.

Assistante IA

Répondez aux questions des utilisateurs grâce à une IA adaptée à votre produit, à la documentation d'aide et au ton de votre voix.

MCP Server

Connectez Claude, Cursor et Codex aux données de vos produits à l'aide de 17 outils, sans aucune intégration personnalisée.

Analyses sans code

Suivez les clics, les survols, le focus, les saisies et les pages vues sans écrire de ligne de code.

Demandez à AI

Ajoutez un panneau de discussion dans votre base de connaissances qui répond aux questions des utilisateurs en citant les articles que vous avez publiés.

Questions Fréquentes

Comment faire en sorte que le contenu de UserGuiding s'intègre à ma plateforme ?

Vous pouvez utiliser notre concepteur de thèmes pour modifier tous les composants du contenu de UserGuiding afin qu'il corresponde au style de votre marque. Si vous avez besoin d'une personnalisation plus poussée, vous pouvez utiliser des feuilles de style CSS personnalisées et vous assurer que le contenu de UserGuiding correspond à ce que vous aviez en tête.

Puis-je utiliser différentes options de personnalisation (thèmes) pour différents guides ?

Oui, vous pouvez avoir plusieurs thèmes basés sur différents projets et vous pouvez changer le thème que vous voulez utiliser avec un contenu spécifique d'un simple clic.

Dois-je apporter des modifications aux guides individuels et à d'autres types de contenu ?

Non, vous pouvez utiliser le constructeur de thèmes de UserGuiding pour créer des thèmes personnalisés qui s'appliquent en temps réel à plusieurs guides à la fois.