ユーザーチャットサポートエクスペリエンスのカスタマイズ
Maggie Munson 著
製品
Zoom Contact Center
Zoom Virtual Agent
前提条件
概要
チャットウィンドウは、バーチャルエージェントであれライブエージェントであれ、顧客が御社と実際にやり取りする最初の場面になることが多いです。Zoom Contact CenterとZoom Virtual Agentを使用すると、その体験がウェブサイト上でどのように見え、どのように動作するかを完全に制御できます。
このガイドでは、ブランドに合わせたチャット体験を設計し、使いやすさを向上させ、顧客の関心を維持するのに役立つ利用可能なツールをすべてご紹介します。
計画を立てる
チャットUIは、サイトやアプリの自然な延長のように感じられるべきです。チャットUI設計を計画する際は、次の点を検討してください。
色： 御社の主要色とアクセントカラーは何ですか？チャットバブル、アイコン、ボタン、背景色などチャット体験のさまざまな要素にこれらの色を使用してください。色は16進コード（例：#FFFFFF）で選択するため、ブランドのコードを用意しておくと便利です。
フォント： 一貫性のためにサイトのタイポグラフィに合わせてください。一般的なフォントから選択するか、独自のTTFファイルをアップロードしてカスタムフォントを追加できます。
ロゴ： チャット体験にロゴや企業画像を追加することを検討してください。JPG/JPEG、PNG、SVG、またはGIFファイルを最大10MBまでアップロードできます。選択するチャットデザインによって推奨画像サイズがあるため、下記を参照してください。
アバター： アバターはボットやエージェントの画像表現です。ボットやシステムメッセージには、ロゴやブランドを表すキャラクター／アバターを使用してください。ウェブブラウザのファビコンに似て、小さいアイコンでもブランドに合っていると体験に違いをもたらします。アバターは40x40ピクセルで、JPG/JPEG、PNG、SVG、またはGIFファイルを最大2MBまでアップロードできます。
パーツ構成
Zoomのキャンペーンビルダー は、チャットのデザインとウェブサイトやアプリでの表示設定の両方をカスタマイズするために使用します。
キャンペーンでは次の項目を設定します：
チャットエンゲージメントウィンドウ： 消費者がボットやエージェントとチャットするために使用します。すべてのバブル、ボタン、アイコン、ヘッダーデザインのデザインを選択できます。チャットウィンドウはデジタルサポート体験の全体的な外観や印象に大きな影響を与えます。
表示位置： サイト上のどこでサポートを提供するかを制御できます（まずキャンペーンSDKを埋め込むことを忘れずに）。サイト全体でサポートを提供するか、URLに基づいて含めるページや除外するページを指定できます。
招待方法： ユーザーが御社のWebサイトやアプリでコンタクトセンターを起動または開く方法です。招待タイプはSticky（スティッキー）とEmbedded（埋め込み）の2種類があります。
Sticky（スティッキー）： デジタルサポートへの案内としてシンプルな方法です。ユーザーは画面上のアイコンやウィジェットを目にし、それをクリックするとサポート体験が開きます。色、形、アイコンを制御でき、テキストを追加することもできます。
Embedded（埋め込み）： 埋め込み招待では、ウェブサイト上の任意のボタンやリンクをサポートを開くクリック可能なリンクに変えることができます。
プロアクティブメッセージ： ユーザーが指定したページを指定した時間閲覧した後に送信するメッセージとして使用できる挨拶です。プロアクティブメッセージはSticky招待タイプを使用する任意のキャンペーンに追加できます。
を入力します（ 「プラン選びでお困りですか？」
さらに、次の アバター, はボットやエージェントの画像表現です。消費者はブランドを代表するボットやエージェントのこれらのアバターを目にします。
チャット体験を構築する
サイズ、画像、デザイン、メッセージ、追加の構成設定など、チャット体験の構築に関する詳細をご確認ください。
チャットエクスペリエンスの構築サマリー
Zoom Contact Center と Zoom Virtual Agent は、ブランドに沿った使いやすいサポートチャットの作成を支援します。デザインを完全にカスタマイズし、チャットの表示場所とタイミングを選択し、適切なタイミングでユーザーの関心を引くプロアクティブメッセージを追加できます。キャンペーンSDKを埋め込めば、管理UIまたはコードからすべてを制御できます。柔軟で洗練されており、サイトに適合するように作られています。
顧客を支援し、ブランドを表現するチャット体験を開始する準備が整いました。
関連リソース
最終更新
役に立ちましたか？