コンタクト センターの管理者は、チャット キャンペーンを使用してコンシューマーのチャット エンゲージメント ウィンドウのデザインをカスタマイズできます。 チャット エンゲージメント ウィンドウは、コンシューマーがチャットへの招待 CTA をクリックすると表示されます。 色やヘッダーのテキスト、コンシューマーに表示されるウェルカム画面をカスタマイズできます。
チャット エンゲージメント ウィンドウは応答性が高いため、コンシューマーはモバイル デバイスでチャット エンゲージメントを開始できます。 また、チャット エンゲージメント ウィンドウを最小化したり拡大したりもできます。
この記事では、次の項目について説明します。
チャット エンゲージメント ウィンドウをカスタマイズするための前提条件
チャット エンゲージメント ウィンドウのカスタマイズ方法
- Zoom ウェブポータルにサインインします。
- ナビゲーション メニューで、[コンタクト センター管理]、[キャンペーン管理] の順にクリックします。
- カスタマイズするチャット キャンペーンの表示名をクリックします。
- [エンゲージメント ウィンドウ] セクションで、[エンゲージメント ウィンドウを作成] をクリックするか [編集] をクリックして既存のウィンドウ設定をカスタマイズします。
- これらの設定をカスタマイズしたら、[保存] をクリックします。
設計タブ
-
名前: エンゲージメント ウィンドウの内部向けの表示名を入力します。
-
説明（オプション）: エンゲージメント ウィンドウの内部向けの説明を入力します。
-
ヘッダーバー: ウィンドウのヘッダーバーに表示するテキストを入力します。
-
背景: 丸アイコンをクリックしてヘッダーバーの背景色を選択します。
-
テキスト: 丸アイコンをクリックしてヘッダーバーのテキスト色を選択します。
-
メッセージ
-
コンシューマーの吹き出し: 丸アイコンをクリックして、コンシューマーのチャットの吹き出しの色を選択します。
-
コンシューマーのテキスト: 丸アイコンをクリックして、コンシューマーのテキストの色を選択します。
-
ブランドの吹き出し: 丸アイコンをクリックして、ブランド / エージェントのチャットの吹き出しの色を選択します。
-
ブランドのテキスト: 丸アイコンをクリックして、ブランド / エージェントのテキストの色を選択します。
-
サイズ: ドロップダウン メニューをクリックして、チャット メッセージのフォントサイズを選択します。
-
フォント: ドロップダウン メニューをクリックして、チャット メッセージのフォントタイプを選択します。
ウェルカム画面タブ
[ウェルカム画面を有効にする] を選択してチャット エンゲージメント ウィンドウのウェルカム画面を有効にし、以下の設定をカスタマイズします。
-
フォント: ドロップダウン メニューをクリックして、ウェルカム画面のフォントタイプを選択します。
-
ヘッダー: ウェルカム画面のヘッダーに表示するテキストを入力します。
-
ボタン色: 丸アイコンをクリックしてコンシューマーの情報を送信するときに使用するボタンの色を選択します。
-
テキスト色: 丸アイコンをクリックして、ボタンテキストの色を選択します。
-
背景画像: [画像をアップロード] をクリックしてウェルカム画面の背景画像をカスタマイズし、以下のいずれかのタブをクリックします。
-
コンピュータ: [ファイルをアップロード] をクリックしてコンピュータの画像をアップロードします。 画像の上にカーソルを合わせ、トリミングする領域をクリックしてドラッグし、ウェルカム画面で表示する画像の部分を決定します。 トリミングが終了したら [追加] をクリックします。
注: この画像はアセット ライブラリには追加されません。 -
URL 別: 画像 URL を入力してから [追加] をクリックします。
-
アセット ライブラリから選択: アセット ライブラリから画像アセットを選択し、[追加] をクリックします。
-
フィールド: ウェルカム画面に表示するフィールドを選択し、必要なフィールドを選択します。
注: コンシューマーが入力した値は対応するグローバル コンシューマー変数に保存され、フローで参照できます。 たとえば、[名] フィールドは firstName 変数に保存されます。