Amazon Connect ですぐに使えるコミュニケーションウィジェットを設定する

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

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 個まで追加できます。

   

   重要

   • ウェブサイトの URL が有効で、エラーが含まれていないことを再度確認してください。https:// で始まる完全な URL を含めます。

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

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

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

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

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