ロゴ
Amazon Connect blog > 記事一覧 > Amazon Connectでチャット機能を設定する方法
2023年10月4日 0:39
Amazon Connectでチャット機能を設定する方法
Amazon Connectチャット管理者向け

Amazon Connectは電話だけではなく、チャット機能も利用できます。チャット機能は、顧客と文字を使ったリアルタイムコミュニケーションをするための機能です。

この記事では、Amazon Connectのチャット機能の特徴と導入手順について紹介します。

Amazon Connectのチャット機能の特徴

Amazon Connectのチャット機能は外部のチャットシステムを導入することなく、Amazon Connect内で完結して利用できます。

チャット機能を利用すると、自社サイトにチャットを埋め込むことができ、顧客とエージェント間で文字を使ったリアルタイムなコミュニケーションができます。

以下の画像では、左側が顧客の見ている画面で、右側がエージェントの画面になります。

https://images.prismic.io/alleeks/526a3d24-fb4f-46a4-8db2-60be0c39bf0e_%E3%81%BB%E3%82%9A%E3%81%A3p+%281%29.png

Amazon Connectのチャット機能の導入手順

実際にチャット機能を導入するための手順を説明します。

チャット着信のための準備 ~ ルーティングプロファイルの設定 ~

チャットを利用するにはチャットの受信を有効化する必要があります。以下の画像のように、「ルーティングプロファイル」の「チャネルの可用性」で「チャット」にチェックを入れ、「エージェントあたりの最大コンタクト数」 (同時接続数の上限) を設定してください。

チャンネル自体の設定が完了したら、同じ画面で、キューごとにチャットを受け取れるように、チェックを入れてください。

https://images.prismic.io/alleeks/6a777930-e552-49a3-b04e-f4a93bd03926_image.png?auto=compress,format

チャット着信のための準備 ~ コンタクトフローの設定 ~

コンタクトフローでチャット受信可能なキューへの割り振りを設定します。設定方法は音声通話を利用する場合と同じです。

以下の画像のように、「作業キューの設定」ブロックをチャット受信できるキューに設定します。また、「プロンプトの再生」ブロックを追加すると、エージェントがチャットに参加する前に挨拶などのシステムメッセージを返すことができます。

https://images.prismic.io/alleeks/c88f5d2c-028d-4db1-b2f4-95367a552063_bef9544f46f84364b261c0490b4312c5_chat_flow.png?auto=compress,format

Amazon Connect Chatのテスト方法

実際にサイト上に埋め込んでチャットを使う前に、Amazon Connect上でチャット機能をテストする方法を解説します。

セキュリティプロファイルの設定

チャット機能をテストするためには、セキュリティプロファイルの設定が必要です。テストしたいユーザー (エージェントや管理者) が属するセキュリティプロファイルを設定します。該当のセキュリティプロファイルを選択し、画面右上の「新しいセキュリティプロファイルの追加」をクリックしてください。

https://images.prismic.io/alleeks/a9eb6e23-7389-4f1c-931e-d12d84341d89_スクリーンショット+2023-09-28+11.53.20.png?auto=compress,format

「数字とフロー」の項目にある「チャットテストモード」にチェックを入れ、保存すれば完了です。

https://images.prismic.io/alleeks/52398f10-ae3a-4cfb-8a29-e1a5f0c2fb3f_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2023-09-06+9.27.04.png

ユーザーの設定

テストで使いたいユーザーがチャットのテストができるルーティングプロファイルに紐づいていることを確認してください。

https://images.prismic.io/alleeks/e03a272d-cdf0-4906-a450-5a94d238096a_スクリーンショット+2023-09-28+11.59.50.png?auto=compress,format

テスト方法

サイドバーの一番上にある「ダッシュボード」から、「チャットをテスト」をクリックします。

https://images.prismic.io/alleeks/e59db39a-4928-4193-a2c4-af0ff457726e_スクリーンショット+2023-09-28+12.05.17.png?auto=compress,format

左上の「テスト設定」を選択します。

https://images.prismic.io/alleeks/02186452-a574-405f-bd4c-304ef7c90d06_スクリーンショット+2023-09-28+12.07.25.png?auto=compress,format

チャットの受信ができるコンタクトフローを「問い合わせフロー」に設定してください。問い合わせ属性やカスタマー設定はデフォルトのままで大丈夫です。

https://images.prismic.io/alleeks/a70becc2-a4ac-44a2-a02a-e9c74626e49d_スクリーンショット+2023-09-28+12.09.04.png?auto=compress,format

これで、チャットのテストができるようになります。

https://images.prismic.io/alleeks/526a3d24-fb4f-46a4-8db2-60be0c39bf0e_%E3%81%BB%E3%82%9A%E3%81%A3p+%281%29.png

サイトにチャットを埋め込む方法

次は自社サイトにチャットを埋め込むための設定を行なっていきます。

チャットウィジェットの設定

サイドバーの「チャネル」から「チャットウィジェット」をクリックし、設定画面に遷移します。

https://images.prismic.io/alleeks/4a8c46f8-c56e-4986-9762-2ae01edf6392_bef9544f46f84364b261c0490b4312c5_chat_widget_sidebar.png?auto=compress,format

設定画面では左側に表示されている「保存されたチャットウィジェットのカスタマイズ」でチャットのフロー設定やデザインの変更ができます。また、右上に表示されている項目でチャットを埋め込むサイトの指定やセキュリティ強化をするための設定ができます。右下の「チャットウィジェットのスクリプト」でサイトに埋め込むスクリプトが表示されます。

https://images.prismic.io/alleeks/85edca6d-2f42-4e40-a685-019c26bbf553_bef9544f46f84364b261c0490b4312c5_chat_widget_setting.png?auto=compress,format

保存されたチャットウィジェットのカスタマイズ

「保存されたチャットウィジェットのカスタマイズ」を編集すると、画面左のプレビューを見ながら、チャットの文言や色を設定できます。

https://images.prismic.io/alleeks/bf10c86e-53c0-47cd-af06-4093c6bab6e7_chat_widget_customize.jpeg?auto=compress,format

カスタマイズ項目の最後の方にコンタクトフローの設定項目があります。こちらで、着信時に入るコンタクトフローを設定します。

https://images.prismic.io/alleeks/560f00ff-4ddb-4908-af86-a439471c89b1_スクリーンショット+2023-09-28+16.47.40.png?auto=compress,format

最後にチャット機能を埋め込むウェブサイトのドメインを設定してください。設定してないドメインではチャットが開けなくなります。

https://images.prismic.io/alleeks/6fbcad96-f7d0-441d-bc0e-0fcac1c0ffd0_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2023-09-18+12.03.10.png

「新しいチャットリクエストにセキュリティを追加」を有効にすると、チャットのリクエストが正当なウェブサイトから送られてきたものかを確認したり、データ改竄を防止したりできます。

「保存」を押すとチャットウィジェットのスクリプトが生成されます。このスクリプトを使って、自社サイトにチャットを埋め込むことができます。

https://images.prismic.io/alleeks/b1e3a7f2-a04d-46ea-b9b9-35da560ca0b2_スクリーンショット+2023-09-28+16.59.19.png?auto=compress,format

まとめ

Amazon Connectのチャット機能をウェブサイトに埋め込んで表示する方法を紹介しました。チャット機能を使うには以下の手順で設定します。

  1. ルーティングプロファイルの設定でチャット着信を有効化する
  2. チャット専用のコンタクトフローを作成する
  3. ユーザーの設定でセキュリティプロファイルとルーティングプロファイルを紐づける
  4. チャットウィジェットを新規作成する
  5. チャットのスクリプトをサイトに埋め込む
ロゴ
©2021 Alleeks CO., LTD.