ブランディングオプション

ヘッダーには、テキスト、ロゴ、またはその両方を使用できます。テキストを使用する場合は、ロゴが比較的狭く、重ならずに収まるようにしなければならない。

Salesforce のような青い背景フレームを削除または置換する場合は、backgroundStyle コントロールを使用します。

すべてのヘッダー要素は、ヘッダー行コンポーネントの値列で定義されます。論理的には、ヘッダーコンポーネントは CSV ファイルの最初の情報行であり、セル I2 にヘッダー値の定義があります。次のスクリーンショットは、まだファイルにエクスポートされていないスプレッドシートを示しています。

{
"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
	} 
}

一般的なガイドラインとして、アドミニストレーターはヘッダーコンポーネント行にテキストキーと URL キーの両方を含めることをお勧めします。アドミンがテキストまたは URL のいずれかを利用するつもりがない場合は、キーと空の値を含める必要があります。例：

"text": ""

上のキー:値のペアはテキストが表示されないことを示しますが、下のペアは画像を空のままにします。

"url": ""

背景スタイル (構成ペインを囲むフレーム) を次のようにカスタマイズします。

"backgroundStyle": "url(http://www.some.url/bg.png) transparent no-repeat top center / cover"

ここでは、公開されている画像の場所 が http://www.some.url/bg.png です。残りのスタイル手順をお勧めします。

レイアウトスプレッドシートのヘッダー定義を調整します。CSV ファイルにエクスポートし、適切な詳細計画にアップロードします。ナビゲーション:

CPQ アドミン -> 詳細計画 -> [適切な詳細計画をクリック] -> [レイアウト] タブ -> [適切なレイアウト名をクリック] - レイアウトをインポートします。

ボタン構成

CPQ UI には、[キャンセル]、[リセット]、[戻る]、および [レイアウトの切り替え] の 4 つのボタンがあります。返品 (通常は [見積もり] というラベルが付けられます) は必須です。その他はすべてオプションです。

次の表では、括弧で囲まれたプロパティがデフォルト値です。

デフォルトでは、[キャンセル]、[返品/見積もり]、および [レイアウトの切り替え] ボタンが表示されます。[キャンセル] と [リセット] では、アドミニストレーターが確認パラメーターを設定できます。true の場合、ポップアップでは、次のようにエンドユーザーに意図の確認を求めます。

すべてのヘッダー要素は、ヘッダー行コンポーネントの値列で定義されます。CSV 形式でエクスポートされる前のスプレッドシートのスクリーンショットを次に示します。

ヘッダー値には、いくつかの要素の説明が含まれています。下の図では、各ボタン定義に関連するパラメーターが緑色の破線で区切られています。

このテキストをローカルクリップボードにコピーして編集するには、上記の [ブランディングオプション] セクションのコードブロックを使用します。

レイアウトスプレッドシートのヘッダー定義を調整します。CSV ファイルにエクスポートし、適切な詳細計画にアップロードします。ナビゲーション:

CPQ アドミン -> 詳細計画 -> [適切な詳細計画をクリック] -> [レイアウト] タブ -> [適切なレイアウト名をクリック] -> レイアウトをインポートします。

通貨表示

また、CSV レイアウトアップロードファイルのヘッダー行コンポーネントの values 列を使用して、買い物かごでの通貨の表示方法を設定します。詳細については、「買い物かご内の通貨表示のカスタマイズ」を参照してください。