Thématisation

Aperçu

La thématisation est une nouvelle fonctionnalité WalkMe qui vous permet d'unifier le design sur différentes applications WalkMe. Avec la thématisation, vous pouvez facilement appliquer un aspect cohérent à tous vos éléments WalkMe, à l'aide d'une large gamme d'éléments de conception pré-maid et personnalisables, y compris les schémas de couleurs, la typographie et les mises en page.

Comment y accéder

La thématisation est située dans la console et est accessible

• Sur https://console.walkme.com/themes
• Via le panneau latéral de la console

Comment utiliser

Écran principal

Lorsque vous accédez à la thématisation pour la première fois, sur l'écran principal, vous verrez tous les thèmes offerts par WalkMe.

Sur le côté droit de l'écran, vous pouvez voir l'aperçu de ce à quoi ressemble ce thème. Vous pouvez naviguer entre les différents types d'éléments et voir à quoi chacun d'eux ressemble dans ce thème.

Passez la souris sur les différents éléments de l'aperçu pour voir ce qu'ils héritent du thème. Par exemple, le cadre qui contient l'image dans ce ShoutOut hérite de la couleur (arrière-plan, principale), et le titre du texte hérite de la typographie du titre (Grand) et de la couleur Texte, principale.

Thèmes actifs et publiés

Étiquette active signifie que ce thème est actuellement celui appliqué à votre contenu d'éditeur.

Étiquette publiée signifie que ce thème est actuellement celui affiché à vos utilisateurs dans l'environnement publié.

Notez qu'il peut y avoir un cas lorsque le thème actif et le thème publié sont différents.

Si vous définissez un thème comme actif, vous pourrez le voir dans l'éditeur. Cependant, pour rendre le thème visible à vos utilisateurs, vous devez le publier d'abord.

Pour définir un thème comme actif :

1. Cliquez sur le menu Options
2. Sélectionnez Définir comme actif
   
   
3. Si vous ne souhaitez pas encore publier le thème, cliquez sur Confirmer
   
4. Pour publier également le thème, cochez la case et cliquez sur Confirmer

Modifier les thèmes

Vous pouvez modifier les thèmes WalkMe et enregistrer le résultat comme nouveau thème.

Pour modifier un thème, cliquez sur le menu Options et sélectionnez Modifier ou double-cliquez sur le thème.

Ici, vous pouvez modifier les couleurs, la typographie et les propriétés du bouton du thème.

Couleurs

• Dans l'onglet Couleurs, vous pouvez modifier la couleur des différents éléments de conception
• Vous pouvez voir ce qui change exactement dans l'aperçu sur la droite
• Lorsque vous apportez des modifications, vous verrez une animation sur la barre de navigation des éléments dans laquelle vous pouvez voir cette modification

Typographie

• Dans l'onglet Typographie, vous pouvez modifier le type de police et la taille de tous les éléments de texte
• Vous pouvez modifier la police primaire et secondaire
• Vous pouvez sélectionner le type de titre et de texte dont vous souhaitez que chaque titre et chaque texte hérite – primaire ou secondaire

• Vous pouvez voir où chaque élément du texte est actuellement utilisé
  Le saviez-vous ?

  C'est ce que nous recommandons généralement, cependant, vous pouvez choisir d'utiliser ces types de texte dans d'autres emplacements. Par exemple, pour que vos launchers héritent des propriétés Titre (Grand). Cela peut être défini dans l'éditeur – voir plus d'informations ci-dessous.

Boutons

• Modifier la largeur de la bordure et le rayon d'angle de vos boutons
• Vous pouvez choisir d'avoir une bordure colorée et de définir l'épaisseur sur chaque côté
• Les couleurs de remplissage et du texte sont automatiquement héritées du thème. Vous ne pouvez pas les modifier ici, mais vous pouvez modifier la couleur dont le bouton hérite dans l'onglet Couleur, et cela affectera le bouton ici

• Les boutons de texte secondaire n'ont pas de couleur de remplissage (sont transparents) par défaut (par exemple, le bouton Précédent dans ce ShoutOut)

• Les boutons supplémentaires héritent de la plupart de leurs propriétés du thème
• Vous ne pouvez modifier que la couleur du texte

Lorsque vous avez terminé la modification, vous pouvez enregistrer le thème comme nouveau.

Vos thèmes apparaîtront sous Mes thèmes personnalisés.

Contrairement aux thèmes WalkMe, vos thèmes personnalisés peuvent également être renommés, dupliqués et supprimés.

Thématisation dans l'éditeur

La thématisation est appliquée à tout le contenu de votre éditeur. Allez à Personnaliser le style du contenu pour voir comment elle affecte vos bulles et SmartTips.

Bulles

Dans l'onglet Bulle, vous pouvez voir le thème actif appliqué à vos bulles.

Vous pouvez modifier la couleur du surligneur pour qu'elle corresponde à l'une des couleurs du thème.

Vous pouvez également vous détacher du thème si vous souhaitez que votre contenu ne soit pas affecté par le thème.

Par exemple, si vous détachez la couleur du surligneur du thème, elle restera cette couleur (dans ce cas – rose Primaire, principale) même si vous modifiez le thème dans la console.

Cliquez sur Modifier le modèle pour voir tous les modèles disponibles.

Pour mieux comprendre comment les différents types de texte et de couleur du thème sont connectés à différents modèles, voir la section Cartographie : relation thème-modèle ci-dessous.

Si vous souhaitez apporter des modifications à un modèle spécifique du thème, cliquez sur l'icône Modifier.

La console CSS s'ouvrira. Ici, vous pouvez ajuster toutes les propriétés de la bulle.

Vous pouvez remplacer la couleur primaire par la couleur secondaire ou la modifier complètement, par exemple, en noir ou blanc.

Vous pouvez trouver les variables CSS provenant du thème dans le CSS dans l'article Thématisation.

Vous pouvez enregistrer le modèle modifié comme nouveau et il apparaîtra dans l'onglet Modèles d'utilisateur.

Dans l'écran étape Smart Walk-Thru, vous pouvez sélectionner la couleur des parties du texte des couleurs du thème. Le style de typographie ne peut pas être modifié à partir d'ici, car il est hérité du thème.

Vous pouvez également modifier un modèle différent.

SmartTips

Dans l'onglet SmartTip, vous pouvez voir le thème actif appliqué à vos SmartTips.

Cliquez sur l'icône Modifier pour sélectionner l'icône que vous souhaitez donner à votre SmartTip.

Cliquez sur Modifier l'icône si vous souhaitez modifier la couleur et la taille. Vous pouvez sélectionner n'importe quelle couleur du thème.

Vous pouvez également modifier la couleur de la pointe elle-même.

Vous pouvez également détacher toutes les valeurs du thème si vous souhaitez que cet élément de conception ne soit pas affecté par le thème.

Launchers

Lorsque vous créez un launcher, vous pouvez choisir entre tous les modèles disponibles dans ce thème.

Dans la liste déroulante Conception, vous pouvez définir les couleurs préférées du thème.

Vous pouvez également vous détacher du thème et définir une couleur qui n'est pas liée à celui-ci.

Lorsque vous détachez la couleur du thème, vous verrez une icône dédiée l'illustrant.

Vous pouvez toujours vous reconnecter au thème.

Après avoir créé le launcher, vous pouvez modifier le modèle dans l'écran Options du launcher. Le texte de votre launcher restera le même.

Vous pouvez également modifier le style de typographie ou sélectionner différentes couleurs du thème.

Surveys

• Les surveys sont connectés aux thèmes par défaut
• Un seul modèle est disponible pour les surveys

Cartographie : relation thème-modèle

• Toutes les valeurs de texte et de couleur (Titre 1, Corps 1, Primaire, Secondaire, etc.) fonctionnent différemment dans différents modèles, même à l'intérieur d'un thème
• Les modèles Smart Walk-Thrus attachés ici utilisent le même thème par exemple
• Comme vous pouvez le voir, les relations entre les valeurs sont différentes dans différents modèles
• Trouvez la cartographie des couleurs et du texte dans les images attachées

Modèles Smart Walk-Thru

Modèles de Launcher

Modèles SmartTip

La thématisation dans Visual Designer

Nouveaux modèles

Lorsque vous créez un nouveau ShoutOut, vous verrez les nouveaux modèles, tous présentés dans le thème que vous avez maintenant défini comme actif.

Lorsque vous passez la souris sur l'icône Thématisation à côté de la couleur, vous pouvez voir quel thème est actuellement utilisé.

Vous pouvez choisir entre les couleurs du thème et les styles de typographie, ou vous détacher du thème et définir une couleur ou des propriétés de police de votre choix.

Boutons

Vous pouvez décider des propriétés du bouton auxquelles vous souhaitez être connecté ou détaché du thème. Par exemple, vous pouvez détacher la police et choisir une police de votre choix, et garder la couleur du texte et la couleur de remplissage connectées au thème.

Modifications dans l'éditeur

Notes techniques

• Seuls les rôles d'administrateur et de gestionnaire de contenu ont des autorisations de modification et de publication. Tous les autres rôles ont uniquement des autorisations pour afficher les thèmes
• Le menu widget n'est pas encore pris en charge
• Seuls le menu Pro et le menu Pro Light sont pris en charge
• Seules les bulles de Californie sont prises en charge - les bulles classiques ne sont pas prises en charge
• Seuls les modèles de mise en page dynamique dans le Visual Designer sont pris en charge
• Les polices suivantes sont prises en charge :
  • Arial, Tahoma, Géorgie, Courier, Proxima Nova, Poppins, Open Sans
• L'aperçu dans l'application multilingue fonctionne, mais ne reflètera pas les couleurs réelles