カタログブランディングの設定

仮想エージェントのカタログの外観を、ビジネスのブランディングに合わせてカスタマイズします。

始める前に

必要なロール：admin、virtual_agent_admin

ServiceNow Store から テーマビルダー をダウンロードし、プラグインをアクティブ化します (sn_theme_builder)。詳細については、「Activate a plugin」を参照してください。

このタスクについて

仮想エージェント はブランディングセットアップ [sys_cs_branding_setup] テーブルを使用してブランディングカラーを定義しますが、カタログはブランディングカラーを継承しません。代わりに、カタログはインスタンスの UX テーマ [sys_ux_theme] レコードで定義されたカスケードスタイルシート (CSS) 変数を使用します。

手順

1. 移動先 すべて > テーマ > テーマビルダー.
2. プライマリ色とセカンダリ色を指定して、新しいテーマを作成します。
   注:

   選択したブランディングレコードのチャットヘッダーの背景色とチャットの背景色に色を一致させることができます。テーマの作成の詳細については、「 Create a theme with Theme Builder」を参照してください。
3. テーマを保存します。
4. テーマをポータル構成に追加します。
   1. 移動先 すべて > Now Experience フレームワーク > テーマ.
   2. インポートするテーマのレコードを選択します。
   3. [他のアクション] アイコン () で、[ コピー sys_id] を選択します。
   4. 移動先 すべて > サービスポータル > エージェントチャット.
   5. ブランディング・テーマを追加するポータル構成を選択し、ステップ 4c のsys_idを含む次の行をサーバー・スクリプトに追加します。
   たとえば、sys_idが 0be48eb1eba0011090fa99602a522843 の場合、次のように追加します。

   macroponent_theme: '0be48eb1eba0011090fa99602a522843'

5. 必要に応じて、バリアントテーマをポータル構成に追加します。
   1. 手順 4a と 4b を繰り返します。
   2. [Compositional: App theme] タブで、Typeが [Variant] の目的のStyleを開きます。
   3. 手順 4c と 4d を繰り返します。
   4. ブランディング・テーマを追加したポータル構成を選択し、ステップ 5c のsys_idを含む次の行をサーバー・スクリプトに追加します。
   たとえば、バリアントテーマのsys_idが 1df59fc2fcb1122101gb00713b633954 の場合、以下を追加します。

   macroponent_theme_variant: '1df59fc2fcb1122101gb00713b633954'

6. [更新] を選択して構成を保存します。
7. 構成が使用されるポータルに移動します。
   たとえば、 ESC Chat ポータル構成を更新した場合は、従業員サービスセンター (ESC) に移動します。
8. ポータルチャットでカタログトピックを実行してその構成をロードし、ブランディングが必要な要素を表示します。
9. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
10. ドロップダウンメニューから [マネージャー] を選択し、作成したテーマを選択します。
11. [ コンポーネント スタイル ] タブで、[ 編集] を選択します。
12. ステップ 8 で見つかったブランディングが必要な要素の 1 つを選択します。
13. パレットサイドバーで、要素の 16 進コードの色をブランディングレコードの色と一致するように設定します。
14. ステップ 12 と 13 を繰り返して、すべての要素を更新します。

タスクの結果

カタログの色テーマがブランディングと一致するようになりました。