Work flows better with WalkMe.
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édéfinis et personnalisables, y compris les schémas de couleurs, la typographie et les mises en page.
La thématisation est située dans la console et est accessible
Pour activer la thématisation lors de la création d'un nouveau système :
Cliquez sur le système que vous venez de créer
Accédez aux paramètres de création
Activez le bouton Thématisation
Pour activer la thématisation dans un système existant comportant moins de 100 éléments :
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.
É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 :
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.
Nous prenons en charge les polices suivantes :
Arial, Tahoma, Géorgie, Courier, Proxima Nova, Poppins, Open Sans
Si nécessaire, vous pouvez toutefois utiliser une police du site où vous utilisez WalkMe. Ce qui pouvait auparavant être fait uniquement en utilisant CSS peut être facilement effectué dans la thématisation. Pour utiliser une police de site Web :
Cliquez sur Gérer les polices
Cliquez sur Utiliser la police du site Web
Attribuez un nom à cette police et cliquez sur Enregistrer
Vous la verrez dans la liste des polices, marquée « Police de votre site Web »
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.
Si votre autorisation de Modification et partage de la thématisation des thèmes est activée dans le Centre d'administration, vous pouvez lier les thèmes à plusieurs systèmes auxquels vous êtes attribués.
Pour lier votre thème personnalisé à d'autres systèmes, cliquez sur le menu Options et sélectionnez Lier à d'autres systèmes.
Vous verrez une liste de systèmes qui vous sont assignés. Sélectionnez les systèmes que vous souhaitez lier à ce thème. La liaison du thème viendra créer ce thème dans les systèmes sélectionnés.
Vous pouvez également sélectionner les systèmes pour lesquels vous souhaitez définir ce thème comme actif. Si vous souhaitez que vos utilisateurs finaux voient ce thème, vous devez le publier pour chaque système.
Après avoir lié le thème aux systèmes sélectionnés, vous verrez une indication à côté du thème indiquant le nombre de systèmes auxquels ce thème est lié.
Survolez la avec la souris pour voir de quels systèmes il s'agit.
Cliquez sur En savoir plus pour afficher toute la liste. Les utilisateurs qui n'ont pas l'autorisation de Modification et partage peuvent également voir cette indication.
Si vous modifiez un thème lié à d'autres systèmes, vous devrez choisir les systèmes dans lesquels vous souhaitez que les modifications soient appliquées.
Si vous dupliquez un thème, les systèmes liés à ce thème ne seront pas liés à sa copie.
Si vous souhaitez supprimer un thème lié à plusieurs systèmes, vous devrez d'abord délier les systèmes. Ce thème sera supprimé, mais des copies seront créées dans tous les autres systèmes liés. Le but est de s'assurer qu'aucun thème ne soit supprimé par erreur sur d'autres systèmes.
Pour concevoir votre barre d'action à partir de l'application de thématisation :
Vous pouvez utiliser un thème WalkMe ou un thème personnalisé pour votre barre d'action.
Tous les composants de la barre d'action ne sont pas affichés dans la prévisualisation. Si vous souhaitez mieux comprendre la relation entre le thème et les composants de l'application, consultez les images ci-dessous.
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.
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.
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.
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.
Vous pouvez modifier le texte d'un launcher local dans l'onglet Interaction du launcher. Pour ce faire, cochez la case indiquant « Utiliser du texte personnalisé au lieu du texte du modèle par défaut ». Maintenant, vous pouvez modifier le texte d'affichage ci-dessous.
Cliquez sur Modifier la conception pour modifier le style de typographie ou sélectionner différentes couleurs du thème.
Modèles Smart Walk-Thru
Modèles de Launcher
Modèles SmartTip
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.
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.
Avant
Après
Avant
Après
Avant
Après
Avant
Après
Avant
Après
Q : Seules celles avec des autorisations « Administrateur » peuvent-elles accéder aux thèmes ? Les gestionnaires de système sont-ils inclus dans l'accès ou uniquement les administrateurs globaux ?
R : Nous avons introduit une nouvelle autorisation : Modifier le thème. Cette autorisation est activée par défaut pour l'éditeur, le gestionnaire de contenu, le gestionnaire de système et l'administrateur. Vous pouvez créer des rôles personnalisés et gérer cette autorisation au besoin.
Q : La thématisation chevauche-t-elle tout CSS existant ? Quelle est la hiérarchie pour les entreprises avec des modifications de marque lourdes ?
R : La hiérarchie donne la priorité à la thématisation, suivie du CSS personnalisé : le CSS a l'influence plus forte.
Q : Le CSS créé en tant que règle globale remplacera-t-il les paramètres de thème ?
R : Correct.
Q : La thématisation est-elle spécifique au système ou peut-elle être répartie sur plusieurs systèmes ?
R : Actuellement, c'est par système. Il existe un plan de feuille de route pour activer le partage des thèmes entre les systèmes.
Q : Pouvez-vous définir une règle globale pour une police personnalisée dans le thème ?
R : Pas encore. Cela est prévu pour le trimestre suivant, mais vous pouvez utiliser le CSS pour y parvenir jusqu'alors.
Q : Existe-t-il un moyen d'ajuster l'image du widget avec la thématisation ?
R : Pas actuellement, mais c'est prévu pour une future mise à jour.
Q : Y aura-t-il plus d'options pour personnaliser les Surveys, telles que la modification de la largeur et de la hauteur ?
R : Une nouvelle application Survey arrivera bientôt avec plus d'options de conception. Le Survey actuel est connecté à la thématisation.
Q : Les utilisateurs peuvent-ils se déconnecter de la thématisation s'ils n'en ont pas ?
R : Oui, ils peuvent se désinscrire.
Q : Si la thématisation est activée sur un système, mettra-t-elle à jour le contenu existant de manière rétroactive ?
R : Seuls les nouveaux systèmes sont pris en charge à ce stade. Pour les systèmes existants, les utilisateurs doivent mettre à jour activement le contenu, et cela ne se produira que partiellement.
Q : Le contenu existant peut-il être mis à jour avec la thématisation ?
R : Le contenu existant restera inchangé jusqu'à ce que vous le mettiez à jour activement. La thématisation est actuellement disponible pour les nouveaux systèmes et les systèmes existants peuvent être ajoutés via le Centre d'administration, mais doit avoir <100 éléments.
Q : Les polices personnalisées peuvent-elles être ajoutées à la thématisation ou le CSS est-il toujours nécessaire ?
R : C'est toujours fait via CSS, mais sera bientôt disponible.
Q : Existe-t-il une option pour avoir différents thèmes en fonction du système ?
R : Oui, le thème est basé sur le système.
Q : Si vous modifiez le thème, cela modifiera-t-il les builds publiés ?
R : Non, vous devez publier le thème mis à jour.
Q : Plusieurs thèmes peuvent-ils être actifs en même temps ?
R : Un seul thème peut être actif à la fois.
Q : Chaque thème a-t-il son propre ID CSS unique pour le CSS global sur différents thèmes ?
R : L'objectif n'est pas de nécessiter des connaissances CSS pour utiliser les thèmes, mais le partage de thèmes entre les systèmes sera disponible dans une version future.
Q : La thématisation sera-t-elle un jour disponible pour les systèmes avec un grand nombre d'éléments ?
R : Oui, cela est prévu pour une version future.
Q : Existe-t-il un calendrier pour l'utilisation de la thématisation dans les systèmes existants ?
R : Nous prévoyons la sortie de la version pour l'été 2025.
Q : La configuration de la thématisation peut-elle être appliquée à plusieurs systèmes ou est-elle spécifique au système ?
R : Actuellement, la thématisation se fait au niveau du système, mais nous introduirons une fonctionnalité pour partager les thèmes dans l'une des prochaines versions.
Q : La thématisation fonctionnera-t-elle pour TeachMe et ActionBot ?
R : Il sera pris en charge pour TeachMe et ActionBot dans les mises à jour futures.
Q : Qu'est-ce qui se passe avec le contenu créé avant une modification de modèle ?
R : Il reste le même à moins d'être connecté au nouveau modèle, auquel cas il hérite des variables de thème.
Q : Si vous optez pour la thématisation, pouvez-vous par la suite revenir en arrière et le contenu reviendra-t-il à sa conception originale ?
R : Le contenu ne changera pas à moins qu'il ne soit connecté à la thématisation, et la désactivation de l'option n'est pas possible une fois qu'elle est activée.
Q : Comment savez-vous si vous êtes sur le « nouveau » système par rapport à l'ancien système ?
R : Les systèmes de moins de 100 éléments n'utilisant pas les bulles classiques en tant que modèle par défaut sont considérés comme « nouveaux ».
Q : Pouvez-vous télécharger de nouvelles polices propriétaires pour une utilisation dans WalkMe ?
R : Cette fonctionnalité est prévue pour les versions futures.
Q : Les nouveaux thèmes seront-ils disponibles dans le Centre de données canadien ?
R : Oui, ils seront disponibles.
Q : Pourquoi plusieurs thèmes actifs pourraient-ils être nécessaires ?
R : Différents schémas de couleurs peuvent être utilisés à diverses fins, telles que les ressources de formation en orange, les ressources d'aide en bleu et les erreurs en rouge. Vous pouvez toujours atteindre cela au sein d'un seul thème en connectant différents modèles à différentes variables.