翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
Amazon Connect チャットウィジェットの追加チャットカスタマイズ
必要に応じて、次のカスタマイズをチャットユーザーインターフェイスに追加できます。
-
[チャットを終了] ボタンをフッターではなくヘッダーのドロップダウンメニューに表示する。
-
表示名をマスクしたり非表示にしたりする。
-
メッセージアイコンを追加する。
カスタマイズオブジェクトを設定する
この例は、一部のオプションのカスタマイズを実装する方法を示しています。考えられるすべてのカスタマイズのリストについては、「サポートされているオプションと制約」を参照してください。これらのカスタマイズはオプションであるため、次の例に示すフィールドの一部またはすべてを実装できます。customer
、agent
、supervisor
の文字列は、必要に応じて置き換えます。アイコンはパブリック でホストされている必要がありますURLs。
amazon_connect('customizationObject', { header: { dropdown: true, dynamicHeader: true, }, transcript: { hideDisplayNames: false, eventNames: { customer: "
User
", agent: "Webchat Agent
", supervisor: "Webchat Supervisor
" }, displayIcons: true, iconSources: { botMessage: "imageURL
", systemMessage: "imageURL
", agentMessage: "imageURL
", customerMessage: "imageURL
", }, }, composer: { disableEmojiPicker: true, disableCustomerAttachments: true, }, footer: { disabled:true } });
次の画像は、この例を使用した場合のカスタマイズの外観を示しています。
サポートされているオプションと制約
サポートされているカスタマイズフィールドと推奨される値の制約は、次の表のとおりです。
カスタムレイアウトオプション | 型 | 説明 |
---|---|---|
|
ブール値 |
デフォルトのフッターの代わりにヘッダードロップダウンメニューを表示します 注記このオプションを |
header.dynamicHeader |
ブール値 | ヘッダータイトルを「ボットによるチャット/AgentName」に動的に設定します。 |
header.hideTranscriptDownloadButton |
ブール値 | ヘッダードロップダウンメニューのチャット記録のダウンロードボタンを非表示にします。デフォルト値は false です。 |
|
ブール値 |
すべての表示名を非表示にして、 |
|
文字列 |
顧客の表示名をマスクします。 |
|
文字列 |
エージェントの表示名をマスクします |
|
文字列 |
スーパーバイザーの表示名をマスクします |
|
ブール値 |
メッセージ表示アイコンを有効にします |
|
文字列 |
ボットメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL |
|
文字列 |
システムメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL |
|
文字列 |
エージェントメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL |
|
文字列 |
カスタマーメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL |
|
ブール値 |
リッチテキストエディタの使用時に絵文字ピッカーを無効にします |
|
ブール値 |
顧客が添付ファイルを送信またはアップロードできないようにする |
|
ブール値 |
デフォルトのフッターとチャット終了ボタンを非表示にする |