チャットクライアントのブランディング

会社のロゴやボットアバター、UI カラースキーム、フォント、ユーザーに表示されるチャットサポートメニューなど、独自のブランドでチャットインターフェイスをカスタマイズします。

注:

Vancouver 以降の新規顧客のオンボーディングの場合、デフォルトでは認証されたユーザーのみがチャットウィジェットにアクセスできます。認証されていないユーザーがチャットウィジェットにアクセスできるようにするには、で パブリックアクセス を有効にします 対話型インターフェース > 設定 > 全般. 詳細については、「チャットウィジェットへのパブリックアクセスを有効にする」を参照してください。

複数のブランディング構成

1 つのインスタンスに対して、いくつでもブランディング構成を作成できます。これらのブランディング構成は、Web チャットとモバイルクライアントに適用され、 Slack、 Microsoft Teams、 Workplace by Facebook、 Facebook Messenger の会話型統合には適用されません。

注:

Microsoft Teams との対話型統合内のボットのブランディングは、Microsoft Teamsアプリのカスタマイズ機能から利用できます。詳細については、「Now Community での 会話型統合の MS Teams ブランディング 」を参照してください。Slack でのボットのブランディングの詳細については、「Slack での 仮想エージェントボットのブランディングの構成」を参照してください。

デフォルトのブランディング構成には、ServiceNowアバターを持つ仮想エージェントボットが含まれます。追加のブランドボットが必要な場合は、ユーザー [sys_user] テーブルでボットごとのユーザープロファイルを作成します。ボットに一意のユーザー ID、名前 (Acme など) を指定し、ボットアバターの写真 (画像) をアップロードして、ボットをアクティブにします。インスタンスにユーザーを追加する方法の詳細については、「 ユーザーの作成」を参照してください。

作成したら、構成で使用するボットを選択します。ブランドボットは、単一の構成または複数のブランディング構成で使用できます。

サポートされているブランディングアイテム

対話型インターフェース は、カスタマイズ可能なデフォルトのブランディング構成を提供します。デフォルトの構成を変更するか、他のブランディング構成を作成するか、チャット (サポート) メニューを変更するには、次のファイルと情報を収集して準備します。

組織イメージ

チャットウィンドウで使用する会社のロゴの画像。仮想エージェントを使用している場合は、ブランドボットに使用されるアバターの画像。

画像は、.jpg、.png、.bmp、.gif、.jpeg、.ico、または.svgファイル形式である必要があります。画像は高解像度にすることができますが、画像表示はアスペクト比に基づいてスケーリングされます。 チャットが専用のブラウザウィンドウで実行されている場合、ブランディングロゴのサムネイルがブラウザタブに自動的に表示されることに注意してください。

色とフォント

表示されるチャットバブル、ボタン、通知など、さまざまなユーザーインターフェイスアイテムに使用される色とフォント。

インターフェイスアイテムの色を変更する場合は、それらのアイテムの 16 進数または RGBA 色を決定します。構成中に 16 進数または RBGA の色を指定すると、チャット ウィンドウの例で変更内容をすぐに確認できます。16 進数と RGB カラー仕様の詳細については、「 HTML カラー名 (W3CSchools)」を参照してください。

図 : 1. チャットウィンドウの UI アイテム

1. ロゴとチャットヘッダー
2. メニューアイコン
3. アバター
4. ボットバブル
5. タイムスタンプ
6. チャットバックグラウンド
7. ユーザーバブル
8. カテゴリバックグラウンド
9. リンクテキスト
10. ボタンの背景
11. 入力バックグラウンド

チャットメニューアイテム

サポートコール時間、コールセンターサポート電話番号、サポートメールアドレスなど、サポート組織の連絡先情報。表示されるテキストやアイコンなどのメニューアイテムを追加または変更することで、サポートメニューの情報をカスタマイズできます。メニューアイテムの可視化 (メニューオプションの表示または非表示) を制御することもできます。

デフォルトのメニューアイコンを変更したり、新しいメニューアイテムのアイコンを追加したりすることもできます。アイコンは.svgファイル形式である必要があります。解像度を上げるには、単色のアイコンを使用します。

図 : 2. チャットメニュー

1. メニュータイトル
2. メニューアイコン
3. メニューラベル
4. 仮想エージェントチャットに対して可聴アラートが有効になりました
5. (表示されません)ライブエージェントが利用可能な場合の待機時間の表示

• ブランドボットの新しいユーザーを作成する
  デフォルトのブランディング構成には、ServiceNowアバターを持つ仮想エージェントボットが含まれます。独自のブランディングで新しいボットを作成するには、ボットのアクティブなユーザープロファイルを作成し、それをライブプロファイルにリンクします。
• 仮想エージェントボットのブランディングを設定
  インスタンスを使用するさまざまな組織に対して、さまざまな 仮想エージェント ブランディング構成を作成します。これらの構成は、Web ベースのチャットおよびモバイルクライアントにのみ適用されます。