チャットエンゲージメントウィンドウのカスタマイズ方法
Zoom Contact Centerの管理者は、チャットキャンペーンを使用して、コンシューマー向けのチャットエンゲージメントウィンドウのデザインをカスタマイズできます。チャットエンゲージメントウィンドウは、コンシューマーがチャットへの招待CTAをクリックすると表示されます。色、ヘッダーテキスト、コンシューマーに表示されるウェルカム画面をカスタマイズできます。
チャットエンゲージメントウィンドウは応答性が高いため、コンシューマーはモバイルデバイスでチャットエンゲージメントを開始できます。また、チャットエンゲージメントウィンドウを最小化したり拡大したりもできます。
チャットエンゲージメントウィンドウをカスタマイズするための要件
チャットエンゲージメントウィンドウのカスタマイズ方法
- アカウント設定を編集する特権を持つ管理者として、Zoomウェブポータルにサインインします。
- ナビゲーションメニューで、[コンタクトセンター管理]、[キャンペーン管理] の順にクリックします。
- カスタマイズしたいチャットキャンペーンのディスプレイ名をクリックします。
- [ウェブチャット用のエンゲージメントウィンドウ] セクションで、[エンゲージメントウィンドウを作成] をクリックするか、[編集] をクリックして既存のウィンドウ設定をカスタマイズします。
- これらの設定をカスタマイズしたら、[保存] をクリックします。
設計タブ
- 名前: エンゲージメントウィンドウの内部向けのディスプレイ名を入力します。
- 説明（オプション）: エンゲージメントウィンドウの内部説明を入力します。
- ウィンドウの高さ: ドロップダウンリストをクリックして、チャットモーダルの希望するウィンドウの高さを選択します。
注: ウィンドウ幅は読みやすさのために420pxに固定されています。 - その他のオプション
- 「文字起こしのダウンロード」を有効にする: エンゲージメント終了時に、コンシューマーがチャットの文字起こしをダウンロードできるようにします。
- 「メールの文字起こし」を有効にする: エンゲージメント終了時に、コンシューマーがチャットの文字起こしをメールで送信できるようにします。コンシューマーは、ウェルカム画面タブでメールフィールドを有効にし、コンシューマーがメールアドレスを入力した場合にのみ、このオプションが表示されます。
- ヘッダーバー: ウィンドウのヘッダーバーに表示するテキストを入力します。
- 画像: ヘッダーバーに表示されるアバター画像を指定します。これらのオプションのいずれかを使用してください。
- デフォルト画像を選択するか、またはアバター画像を使用しないオプションを選択します。
- 画像をアップロードをクリックしてカスタム画像を使用し、次のタブのいずれかをクリックします。
- お使いのコンピュータ: [ファイルのアップロード] をクリックしてコンピュータから画像をアップロードし、[次へ] をクリックします。トリミング領域をクリックしてドラッグし、表示する画像の部分を決定します。画像の下のスライダーをクリックしてドラッグし、ズームレベルを変更することもできます。トリミングが終わったら、[保存] をクリックします。
注: この画像はアセットライブラリに追加されません。 - URLで: 画像のURLを入力してから [保存] をクリックします。
- アセットライブラリから選択: アセットライブラリから画像アセットを選択し、[次へ] をクリックします。トリミング領域をクリックしてドラッグし、表示する画像の部分を決定します。画像の下のスライダーをクリックしてドラッグし、ズームレベルを変更することもできます。トリミングが終わったら、[保存] をクリックします。
- 背景: 丸アイコンをクリックしてヘッダーバーの背景色を選択します。
- ヘッダーテキストを有効にする: チェックボックスを選択すると、ヘッダーバーにタイトルとメッセージが表示されます。
- タイトル / メッセージ: ヘッダーバーに表示するテキストを入力します。編集ツールを使ってテキストをカスタマイズします。
ヒント: たとえば、ヘッダーテキストを使ってURLを埋め込んだり、プライバシーポリシーや利用規約へのリンクを貼ったりできます。
- メッセージフォント
- フォント: ドロップダウンメニューをクリックして、6つのデフォルトオプションから希望のフォントを選択するか、Ttfファイル形式で独自のフォントをアップロードしてください。
- サイズ: ドロップダウンメニューをクリックして、チャットメッセージのフォントサイズを選択します。
- コンシューマーメッセージ
- コンシューマーの吹き出し: 丸アイコンをクリックして、コンシューマーのチャットの吹き出しの色を選択します。
- コンシューマーのテキスト: 丸アイコンをクリックして、コンシューマーのテキストの色を選択します。
- コンシューマーのリンク: 丸アイコンをクリックし、コンシューマーのリンクの色を選択します。
- ブランドメッセージ
- ブランドの吹き出し: 丸アイコンをクリックして、ブランド / エージェントのチャットの吹き出しの色を選択します。
- ブランドのテキスト: 丸アイコンをクリックして、ブランド / エージェントのチャットの吹き出しの色を選択します。
- ブランドのリンク: 丸アイコンをクリックして、ブランド / エージェントのチャットのリンクの色を選択します。
- クイック返信: アウトラインか塗りつぶしかを選択してください。アウトラインを選択すると、返信ボタンは枠線付きになり、塗りつぶしを選択すると、ボタンは塗りつぶしになります。
- クイック返信ボタンの配置: クイック返信ボタンの [スタック] 表示、[インライン] 表示、[全幅] 表示を選択します。この操作で他のボタンタイプの配置は変更されません。
- 送信ボタン: 丸アイコンをクリックして、背景またはアイコンの色を選択します。
- CTAボタン: ボタンとテキストの色を選択します。
- ボタンテキスト: カスタムテキスト入力してをCTAボタンに表示するか、アセットライブラリから選択します。
- ナレッジベースカード
- フォント: ドロップダウンメニューをクリックして、6つのデフォルトオプションから希望のフォントを選択するか、Ttfファイル形式で独自のフォントをアップロードしてください。
- 背景: 丸アイコンをクリックして背景の色を選択します。
- 本文: 丸アイコンをクリックして本文の色を選択します。
- タイトル: 丸アイコンをクリックしてタイトルの色を選択します。
- ハイパーリンク: 丸アイコンをクリックしてハイパーリンクの色を選択します。
- ボタン: 丸いアイコンをクリックしてボタンの色を選択します。
- テキスト入力フィールド
- ウェブチャットエンゲージメントウィンドウで永続的な通知または免責事項を有効にするには、[通知を表示] トグルをクリックして切り替えます。
- （オプション）デフォルトのAI通知テキストを最大50文字までカスタマイズします。
ウェルカム画面タブ
[ウェルカム画面を有効にする] を選択してチャットエンゲージメントウィンドウのウェルカム画面を有効にし、以下の設定をカスタマイズします。
- フォント: ドロップダウンメニューをクリックして、ウェルカム画面のフォントタイプを選択します。
- ヘッダー: ウェルカム画面のヘッダーに表示するテキストを入力します。
- ボタンの色: 丸アイコンをクリックしてコンシューマーの情報を送信するときに使用するボタンの色を選択します。
- ボタンテキスト: 円アイコンをクリックしてボタンテキストの色を選択します。
- 背景画像: [画像をアップロード] をクリックしてウェルカム画面の背景画像をカスタマイズし、以下のいずれかのタブをクリックします。
- お使いのコンピュータ: [ファイルのアップロード] をクリックしてコンピュータから画像をアップロードし、[次へ] をクリックします。トリミング領域をクリックしてドラッグし、表示する画像の部分を決定します。画像の下のスライダーをクリックしてドラッグし、ズームレベルを変更することもできます。トリミングが終わったら、[保存] をクリックします。
注: この画像はアセットライブラリに追加されません。 - URLで: 画像URLを入力してから [追加] をクリックします。
- アセットライブラリから選択: アセットライブラリから画像アセットを選択し、[追加] をクリックします。
- フィールド: ウェルカム画面に表示するフィールドを選択し、必要なフィールドを選択します。
注: コンシューマーが入力した値は、対応するグローバルコンシューマ変数に格納され、フローで参照できます。たとえば、[名] フィールドはfirstName変数に保存されます。