Personnalisation avec des CPQ thèmes
Les thèmes personnalisés vous permettent de personnaliser votre mise en page. Vous pouvez activer des thèmes personnalisés en soumettant une demande d’activation des fonctionnalités.
CPQ Les utilisateurs administrateurs peuvent modifier un thème personnalisé pour personnaliser l’apparence de leur mise en page.
Pour accéder aux options de thème personnalisé dans l’éditeur de mise en page, soumettez une demande d’activation CPQ des fonctionnalités pour activer les thèmes.
Mise en route
Dans la page du plan, sélectionnez une mise en page, puis cliquez sur l’onglet Personnaliser le thème en haut de la page.
Dans l’onglet Personnaliser le thème, cliquez pour activer Activer le thème. (Par défaut, cette option est désactivée.)
Lorsque cette option est activée, vous voyez l’écran complet de l’éditeur de thème.
L’éditeur visuel
L’éditeur visuel comprend cinq ensembles d’options et un aperçu interactif. Le thème standard CPQ est appliqué par défaut, mais vous pouvez modifier tous les champs pour commencer à personnaliser votre thème.
Les options suivantes sont disponibles dans l’éditeur visuel.
| Option | Description |
|---|---|
| Couleur du texte racine | Couleur de police par défaut utilisée dans la mise en page |
| Couleur primaire | Couleur utilisée le plus souvent pour les boutons et les sélections |
| Couleur d’arrière-plan primaire | Couleur par défaut utilisée pour l’arrière-plan et les conteneurs |
| Couleur d’arrière-plan secondaire | Couleur par défaut utilisée pour les éléments de couche tels que les arrière-plans de section extensibles |
| Couleur neutre | Couleur secondaire utilisée pour des champs tels que le texte de conseil |
| Couleur de réussite | Couleur d’arrière-plan pour les bannières des messages de réussite |
| Couleur d’informations | Couleur d’arrière-plan pour les bannières de messages neutres |
| Couleur d’avertissement | Couleur d’arrière-plan pour les bannières des messages d’avertissement |
| Couleur d’erreur | Couleur du message d’erreur et de la validation du champ |
| Taille de la police | Taille de police par défaut ; petit, moyen, grand |
| Rayon de la bordure | Détermine la forme de la bordure pour les champs où 0 = carré et 16 = arrondi |
| Largeur de bordure | Détermine la taille globale de la bordure des champs ; aucun, normal, épais |
| Espacement | Détermine le remplissage global de la mise en page ; serré, normal, lâche |
L’éditeur JSON
L’éditeur JSON fournit un contrôle supplémentaire en utilisant des remplacements pour tout élément inclus dans le thème.
Par défaut, les valeurs du thème actuel sont affichées, mais l’utilisateur peut saisir manuellement de nouvelles paires clé-valeur pour modifier le thème. La structure du thème JSON est déjà fournie dans l’éditeur. Cliquer dans l’éditeur permet à l’utilisateur de taper dans le bloc de code. Toutes les modifications apportées dans l’éditeur visuel sont représentées dans l’éditeur JSON, et vice versa.
Une option permet de masquer ou d’afficher le thème standard CPQ en tant que référence pour les champs que vous souhaitez éventuellement rétablir sans ignorer l’intégralité du thème.
Si vous souhaitez remplacer un élément de mise en page qui n’est pas inclus dans les exemples de données, vous pouvez inspecter la mise en page pour déterminer le champ à modifier. Les champs commençant par --lgk- sont personnalisables dans un thème.
L’exemple suivant illustre l’inspection d’un bouton bascule.
Pour remplacer un élément, ajoutez le nom du champ et la valeur modifiée dans la section des propriétés du remplacement de thème. Le format ne doit pas inclure le --lgk- mais doit simplement être « fieldname » : « value ».
Voici des exemples de remplacements de thèmes.
Utilisation d’une police personnalisée
Un thème peut prendre en charge une police personnalisée via une URL hébergée saisie dans l’éditeur visuel ou l’éditeur JSON. Ce fichier de police doit être hébergé afin qu’il soit accessible au thème. Pour une police personnalisée, vous devez fournir un nom et l’URL de la source de la police.