Additional chat customizations for your Amazon Connect chat widget

You can add the following optional customizations to your chat user interface:

Configure the customization object

This example shows how to implement some of the optional customizations. For a list of all possible customizations, see Supported options and constraints. Because these customizations are optional, you can implement some or all of the fields shown in the following example. Replace the customer, agent, and supervisor strings as needed. Icons must be hosted on public 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
        }
});

The following image shows how the customizations look if you use the example:

Supported options and constraints

The following table lists the supported customization fields and recommended value constraints.