Amazon Connect チャットウィジェットの追加チャットカスタマイズ - Amazon Connect

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

Amazon Connect チャットウィジェットの追加チャットカスタマイズ

必要に応じて、次のカスタマイズをチャットユーザーインターフェイスに追加できます。

  • [チャットを終了] ボタンをフッターではなくヘッダーのドロップダウンメニューに表示する。

  • 表示名をマスクしたり非表示にしたりする。

  • メッセージアイコンを追加する。

カスタマイズオブジェクトを設定する

この例は、一部のオプションのカスタマイズを実装する方法を示しています。考えられるすべてのカスタマイズのリストについては、「サポートされているオプションと制約」を参照してください。これらのカスタマイズはオプションであるため、次の例に示すフィールドの一部またはすべてを実装できます。customeragentsupervisor の文字列は、必要に応じて置き換えます。アイコンはパブリック でホストされている必要があります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.dropdown

ブール値

デフォルトのフッターの代わりにヘッダードロップダウンメニューを表示します

注記

このオプションを true に設定すると、[トランスクリプトダウンロード] ボタンが表示されます。オプションを false に設定するか、オプションを削除するまでこれが表示されたままになります。

header.dynamicHeader ブール値 ヘッダータイトルを「ボットによるチャット/AgentName」に動的に設定します。
header.hideTranscriptDownloadButton ブール値 ヘッダードロップダウンメニューのチャット記録のダウンロードボタンを非表示にします。デフォルト値は false です。

transcript.hideDisplayNames

ブール値

すべての表示名を非表示にして、eventNames が指定されていない場合はデフォルトの名前マスクを適用します。

transcript.eventNames.customer

文字列

顧客の表示名をマスクします。

transcript.eventNames.agent

文字列

エージェントの表示名をマスクします

transcript.eventNames.supervisor

文字列

スーパーバイザーの表示名をマスクします

transcript.displayIcons

ブール値

メッセージ表示アイコンを有効にします

transcript.iconSources.botMessage

文字列

ボットメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL

transcript.iconSources.systemMessage

文字列

システムメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL

transcript.iconSources.agentMessage

文字列

エージェントメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL

transcript.iconSources.customerMessage

文字列

カスタマーメッセージに表示されるアイコンは、パブリックでホストされている必要があります URL

composer.disableEmojiPicker

ブール値

リッチテキストエディタの使用時に絵文字ピッカーを無効にします

composer.disableCustomerAttachments

ブール値

顧客が添付ファイルを送信またはアップロードできないようにする

footer.disabled

ブール値

デフォルトのフッターとチャット終了ボタンを非表示にする