Amazon Connect で通信ウィジェットを設定する out-of-the-box

ウィジェットアクセスボタンのスタイルを定義する

1. 16 進値 ( カラーHTMLコード) を入力して、ボタン背景の色を選択します。

2. アイコンの色は [白] または [黒] を選択します。アイコンの色はカスタマイズできません。

表示名とスタイルをカスタマイズできます。

1. ヘッダーメッセージと色、ウィジェットの背景色の値を指定します。

2. ロゴ URL: Amazon S3 バケットまたは他のオンラインソースからロゴバナーURLに を挿入します。

   注記

   Amazon S3 バケット以外のオンラインソースからのものである場合、カスタマイズページのコミュニケーションウィジェットのプレビューにロゴは表示されません。ただし、カスタマイズしたチャットウィジェットがページに実装されると、ロゴが表示されます。

   バナーは、.jpg 形式または .png 形式にする必要があります。画像は、280 px (幅) × 60 px (高さ) にすることができます。これらのサイズより大きい画像は、280x60 のロゴコンポーネントスペースに収まるように拡大縮小されます。

   1. ロゴバナーなどのファイルを S3 にアップロードする方法については、Amazon Simple Storage Service ユーザーガイドの「オブジェクトのアップロード」を参照してください。

   2. コミュニケーションウィジェットに画像へのアクセス権限があるか、画像のアクセス権限が適切に設定されていることを確認します。S3 オブジェクトをパブリックにアクセスできるようにする方法については、「ウェブサイトのアクセス権限の設定」トピックの「ステップ 2: バケットポリシーを追加する」を参照してください。

1. コミュニケーションウィジェットを配置するウェブサイトのドメインを入力します。コミュニケーションウィジェットは、このステップで選択したウェブサイトでのみロードされます。

   [ドメインを追加] を選択して、ドメインを最大 50 個まで追加できます。

   

   重要

   • ウェブサイトが有効URLsであり、エラーが含まれていないことを再度確認します。https://. でURL始まる全文を含める

   • 運用環境のウェブサイトやアプリケーションには、https:// を使用することをお勧めします。

2. [コミュニケーションウィジェットのためにセキュリティを追加する] で、セットアップを迅速に行うには、[No - I will skip] を選択します。

   ユーザーが認証されていることを確認できるようにするには、[はい] を選択することをおすすめします。詳細については、「Amazon Connect でアプリ内、ウェブ、ビデオ通話のカスタマーエクスペリエンスをパーソナライズする」を参照してください。

3. [Save and continue] を選択します。

   正常に完了しました！これでウィジェットが作成されました。生成されたコードをコピーして、コミュニケーションウィジェットを表示したいウェブサイトの各ページに貼り付けます。