Personnalisation de l’en-tête d’interface CPQ utilisateur
Personnalisez l’en-tête d’interface utilisateur pour refléter votre CPQ marque avec des logos, du texte et des styles d’arrière-plan. Configurez les éléments d’en-tête et les boutons, tels que Annuler, Réinitialiser, Retour et Changer de mise en page, via le fichier CSV de mise en page pour créer une expérience de configuration conviviale et de marque.
L’en-tête CPQ vous permet de personnaliser la page de configuration avec un logo. Les boutons et actions essentiels sont également personnalisables. Le chargement de la mise en page CSV prend en charge ces fonctionnalités.
Options de marques
L’en-tête peut contenir du texte, un logo ou les deux. Si vous utilisez du texte, le logo doit être relativement étroit, afin qu’il s’adapte sans chevauchement.
Si vous souhaitez supprimer ou remplacer le cadre d’arrière-plan bleu de type Salesforce, utilisez la commande backgroundStyle.
Tous les éléments d’en-tête sont définis dans un composant de ligne d’en-tête, dans la colonne des valeurs. Logiquement, le composant d’en-tête est la première ligne d’information de votre fichier CSV, avec la définition des valeurs d’en-tête dans la cellule I2. La capture d’écran suivante montre une feuille de calcul qui n’est pas encore exportée vers un fichier.
{
"text":"Company/Product Name",
"url":"<image url>",
"backgroundStyle": "url(http://www.some.url/bg.png) transparent no-repeat top center / cover",
"cancelButton": {
"confirmation": true,
"label": "Cancel",
"visible": true
},
"resetButton": {
"confirmation": true,
"label": "Reset",
"visible": true
},
"returnButton": {
"label": "Quote"
},
"switchLayoutButton": {
"visible": true
}
}En règle générale, nous recommandons aux administrateurs d’inclure les clés de texte et d’URL dans la ligne du composant d’en-tête. Si l’administrateur n’a pas l’intention d’exploiter le texte ou l’URL, il doit inclure la clé et une valeur vide. Exemples :
« texte » : « »
La paire clé-valeur ci-dessus indique qu’aucun texte n’est affiché, alors que la paire ci-dessous laisse l’image vide.
« url » : « »
Personnalisez le style d’arrière-plan (le cadre entourant le panneau de configuration) comme suit :
« backgroundStyle » : « url(http://www.some.url/bg.png) transparent no-repeat en haut au centre / couverture »
Ici, http://www.some.url/bg.png se trouve l’emplacement d’une image accessible au public. Les instructions de style restantes sont recommandées :
Ajustez la définition de l’en-tête dans votre feuille de calcul de mise en page. Exportez vers un fichier CSV et chargez-le dans le plan approprié. Navigation :
CPQ Administrateur -> Plans -> [cliquez sur le plan approprié] -> onglet Mises en page -> [cliquez sur le nom de mise en page approprié] - Importer la mise en page.
Configurations des boutons
L’interface CPQ utilisateur propose quatre boutons : Annuler, Réinitialiser, Retour et Changer de mise en page. Un retour, communément appelé Devis, est requis. Tous les autres sont facultatifs.
Dans le tableau suivant, les propriétés entre crochets sont les valeurs par défaut.
| Bouton | Visible | Confirmation | Étiquette par défaut | Comportement |
|---|---|---|---|---|
| Annuler | [vrai], faux | [vrai], faux | Annuler |
Lors de la configuration initiale d’une solution, l’annulation ramène l’utilisateur à la page Sélection du produit dans Salesforce (SFDC). Lors de la reconfiguration, l’option Annuler renvoie l’utilisateur à l’éditeur de ligne de devis SFDC (QLE) sans enregistrer les modifications. |
| Réinitialiser | Vrai, [Faux] | [vrai], faux | Réinitialiser | Réinitialise tous les champs à leur état initial afin que l’utilisateur puisse recommencer sans bouger de la page. |
| Retour | N/A | N/A | Estimation | Transmet la nomenclature (BOM) dans SFDC et renvoie l’utilisateur au QLE. |
| Changer la mise en page | [vrai], faux | N/A | N/A | Si plusieurs mises en page sont définies pour ce plan, affiche la mise en page suivante. |
Par défaut, les boutons Annuler, Retour/Devis et Changer de mise en page s’affichent. Les options Annuler et Réinitialiser permettent à l’administrateur de définir un paramètre de confirmation. Si la valeur est « vrai », une fenêtre contextuelle demande aux utilisateurs finaux de confirmer leurs intentions, comme suit.
Tous les éléments d’en-tête sont définis dans un composant de ligne d’en-tête, dans la colonne des valeurs. Voici une capture d’écran de la feuille de calcul avant son exportation au format CSV :
La valeur de l’en-tête contient des instructions pour plusieurs éléments. Dans le graphique ci-dessous, les paramètres pertinents pour chaque définition de bouton sont séparés par des lignes pointillées vertes :
Pour copier ce texte dans votre presse-papiers local pour modification, utilisez le bloc de code dans la section Options de personnalisation ci-dessus.
Ajustez la définition de l’en-tête dans votre feuille de calcul de mise en page. Exportez vers un fichier CSV et chargez-le dans le plan approprié. Navigation :
CPQ Administrateur -> Plans -> [cliquez sur le plan approprié] -> onglet Mises en page -> [cliquez sur le nom de mise en page approprié] -> Importer la mise en page.
Affichage de la devise
Vous utilisez également la colonne valeurs du composant de ligne d’en-tête du fichier de chargement de mise en page CSV pour configurer l’affichage de la devise dans le panier. Pour plus d'informations, consultez Personnalisation de l’affichage de la devise dans le panier.