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

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:3分
  • 会社のロゴやボットアバター、UI カラースキーム、フォント、ユーザーに表示されるチャットサポートメニューなど、独自のブランドを使用してチャットインターフェイスをカスタマイズします。

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

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

    1 つのインスタンスに対して、任意の数の自社用カスタム設定構成を作成できます。これらのブランディング構成は、Web チャットとモバイルクライアントに適用され、SlackMicrosoft TeamsWorkplace by Facebook、および Facebook Messenger の会話型統合には適用されません。
    注:
    Microsoft Teams との対話型統合 のボットのブランディングは、Microsoft Teams アプリのカスタマイズ機能で利用できます。詳細については、Now Community の「MS Teams branding for the conversational integration」を参照してください。Slack のブランディングボットの詳細については、「Slack での仮想エージェントボットのブランディングの構成」を参照してください。

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

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

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

    対話型インターフェース は、カスタマイズ可能なデフォルトのブランディング構成を提供します。デフォルトの構成を変更するには、他のブランディング構成を作成するか、チャット (サポート) メニューを変更して、次のファイルと情報を収集して準備します。
    組織イメージ
    チャットウィンドウで使用する会社のロゴの画像。仮想エージェント を使用している場合に、ブランドボットに使用するアバターの画像。

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

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

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

    図 : 1. チャットウィンドウの UI アイテム
    カテゴリ、リンク、ボタンの背景、メニューボタン、入力の背景を含む、仮想エージェントインターフェイスの要素。
    チャットメニューアイテム
    サポートコール時間、コールセンターサポート電話番号、サポート電子メールアドレスなど、サポート組織の連絡先情報。表示されるテキストやアイコンなどのメニューアイテムを追加または変更することで、サポートメニューの情報をカスタマイズできます。メニューアイテムの可視化 (メニューオプションの表示 / 非表示) を制御することもできます。

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

    図 : 2. チャットメニュー
    Web チャットウィンドウのデフォルトの [サポートへの連絡] メニューに表示されるサポートへの連絡情報。