Configurazione dell'oggetto di personalizzazione Vincoli e opzioni supportate

Personalizzazioni aggiuntive per il tuo widget di chat Amazon Connect

Puoi aggiungere le seguenti personalizzazioni opzionali all'interfaccia utente della chat:

Visualizza il pulsante Termina chat nel menu a discesa dell'intestazione anziché nel piè di pagina.
Maschera o nascondi i nomi visualizzati.
Aggiungi icone dei messaggi.
Sostituisci i messaggi relativi agli eventi.
Configura una finestra di dialogo di conferma che verrà presentata ai clienti quando scelgono il pulsante Termina chat. Questa finestra di dialogo verifica che i clienti intendano effettivamente terminare la sessione di chat. Puoi personalizzare la finestra di dialogo di conferma, il titolo, il messaggio e il testo del pulsante.
Sostituisci il messaggio di rifiuto dell'allegato.

Configurazione dell'oggetto di personalizzazione

Questo esempio mostra come implementare alcune delle personalizzazioni opzionali. Per un elenco di tutte le personalizzazioni possibili, vedere. Vincoli e opzioni supportate Poiché queste personalizzazioni sono facoltative, è possibile implementare alcuni o tutti i campi mostrati nell'esempio seguente. Sostituite le eventMessages.chatEnded stringhe eventNames.customer eventNames.agent eventNames.supervisoreventMessages.participantJoined,eventMessages.participantDisconnect,eventMessages.participantLeft,eventMessages.participantIdle,eventMessages.participantReturned,, e secondo necessità. Le icone devono essere ospitate su un sito pubblico URLs.


amazon_connect('customizationObject', {
        header: { 
            dropdown: true, 
            dynamicHeader: true,
        },
        transcript: { 
            hideDisplayNames: false, 
            eventNames: {
                customer: "User",
                agent: "Webchat Agent",
                supervisor: "Webchat Supervisor"
            },
            eventMessages: {
                participantJoined: "{name} has joined the chat",
                participantDisconnect: "",
                participantLeft: "{name} has dropped",
                participantIdle: "{name}, are you still there?",
                participantReturned: "",
                chatEnded: "Chat ended",
            },
            displayIcons: true,
            iconSources: { 
                botMessage: "imageURL",
                systemMessage: "imageURL",
                agentMessage: "imageURL",
                customerMessage: "imageURL",
            },
        },
        composer: {
            disableEmojiPicker: true,
            disableCustomerAttachments: true,
        },
        footer: {
            disabled:true,
            skipCloseChatButton: true,
        },
        endChat: {
            enableConfirmationDialog: true,
            confirmationDialogText: {
                title: "End Chat",
                message: "Are you sure you want to end this chat?",
                confirmButtonText: "End Chat",
                cancelButtonText: "Cancel",
        },
    },
    attachment: {
         // Default rejectedErrorMessage: Attachment was rejected.
        rejectedErrorMessage: "Custom Error Message: Files cannot exceed 15 MB." //this is customizable attribute 
    }
});

Nell'immagine seguente viene mostrato l'aspetto delle personalizzazioni se si utilizza l'esempio:

Diagramma che mostra i nomi di visualizzazione personalizzabili, le posizioni dei menu, le icone e la finestra di conferma di fine chat.

Vincoli e opzioni supportate

Nella tabella seguente sono elencati i campi di personalizzazione supportati e i vincoli sui valori consigliati.

Opzione di layout personalizzato	Tipo	Descrizione
`header.dropdown`	Booleano	Visualizza il menu a discesa dell'intestazione anziché il piè di pagina predefinito Nota Quando si imposta questa opzione su `true`, il pulsante Download della trascrizione viene visualizzato e rimane visibile finché non si imposta l'opzione su `false` o finché non si rimuove l'opzione.
`header.dynamicHeader`	Booleano	Imposta dinamicamente il titolo dell'intestazione su «Chatting with Bot/». AgentName
`header.hideTranscriptDownloadButton`	Booleano	Nascondi il pulsante di download della trascrizione nel menu a discesa dell'intestazione. Il valore predefinito è `false`.
`transcript.hideDisplayNames`	Booleano	Nasconde tutti i nomi visualizzati, applica le maschere di nome predefinite se non `eventNames` vengono fornite.
`transcript.eventNames.customer`	Stringa	Maschera il nome visualizzato del cliente.
`transcript.eventNames.agent`	Stringa	Maschera il nome visualizzato dell'agente.
`transcript.eventNames.supervisor`	Stringa	Maschera il nome visualizzato del supervisore.
`transcript.eventMessages.participantJoined`	Stringa	Sostituisce il messaggio dell'evento nella trascrizione di quando un partecipante si è unito alla chat. Se viene specificata una stringa vuota, il messaggio dell'evento verrà omesso dalla trascrizione. `{name}`può essere passato nel messaggio e verrà sostituito con il nome visualizzato del partecipante corrispondente. Il messaggio predefinito è`{name} has joined the chat`.
`transcript.eventMessages.participantDisconnect`	Stringa	Sostituisce il messaggio dell'evento nella trascrizione quando un partecipante si disconnette dalla chat. Se viene specificata una stringa vuota, il messaggio dell'evento verrà omesso dalla trascrizione. `{name}`può essere passato nel messaggio e verrà sostituito con il nome visualizzato del partecipante corrispondente. Il messaggio predefinito è {`name} has been idle too long, disconnecting`.
`transcript.eventMessages.participantLeft`	Stringa	Sostituisce il messaggio dell'evento nella trascrizione di quando un partecipante ha lasciato la chat. Se viene specificata una stringa vuota, il messaggio dell'evento verrà omesso dalla trascrizione. `{name}`può essere passato nel messaggio e verrà sostituito con il nome visualizzato del partecipante corrispondente. Il messaggio predefinito è`{name} has left the chat`.
`transcript.eventMessages.participantIdle`	Stringa	Sostituisce il messaggio dell'evento nella trascrizione quando un partecipante è inattivo. Se viene specificata una stringa vuota, il messaggio dell'evento verrà omesso dalla trascrizione. `{name}`può essere passato nel messaggio e verrà sostituito con il nome visualizzato del partecipante corrispondente. Il messaggio predefinito è`{name} has become idle`.
`transcript.eventMessages.participantReturned`	Stringa	Sostituisce il messaggio dell'evento nella trascrizione del momento in cui un partecipante torna alla chat. Se viene specificata una stringa vuota, il messaggio dell'evento verrà omesso dalla trascrizione. `{name}` può essere passato nel messaggio e verrà sostituito con il nome visualizzato del partecipante corrispondente. Il messaggio predefinito è`{name} has returned`.
`transcript.eventMessages.chatEnded`	Stringa	Sostituisce il messaggio dell'evento nella trascrizione del termine della chat. Se viene specificata una stringa vuota, il messaggio dell'evento verrà omesso dalla trascrizione. `{name}`può essere passato nel messaggio e verrà sostituito con il nome visualizzato del partecipante corrispondente. Il messaggio predefinito è `Chat has ended!`
`transcript.displayIcons`	Booleano	Abilita le icone di visualizzazione dei messaggi.
`transcript.iconSources.botMessage`	Stringa	L'icona visualizzata per i messaggi dei bot deve essere ospitata su un URL pubblico.
`transcript.iconSources.systemMessage`	Stringa	L'icona visualizzata per i messaggi di sistema deve essere ospitata su un URL pubblico.
`transcript.iconSources.agentMessage`	Stringa	L'icona visualizzata per il messaggio dell'agente deve essere ospitata su un URL pubblico.
`transcript.iconSources.customerMessage`	Stringa	L'icona visualizzata per il messaggio del cliente deve essere ospitata su un URL pubblico.
`composer.disableEmojiPicker`	Booleano	Disattiva il selettore di emoji quando si utilizza il rich text editor.
`composer.disableCustomerAttachments`	Booleano	Impedisce ai clienti di inviare o caricare allegati.
`footer.disabled`	Booleano	Nasconde il piè di pagina e il pulsante Termina chat predefiniti.
`footer.skipCloseChatButton`	Booleano	Chiude direttamente il widget facendo clic sul pulsante Termina chat invece di mostrare il pulsante Chiudi.
`endChat.enableConfirmationDialog`	Booleano	Abilita la finestra di dialogo di conferma di fine chat. Se `confirmationDialogText` non vengono forniti, vengono utilizzati i testi predefiniti.
`endChat.confirmationDialogText.title`	Stringa	Sostituisce il titolo della finestra di conferma di fine chat.
`endChat.confirmationDialogText.message`	Stringa	Sostituisce il messaggio della finestra di conferma di fine chat.
`endChat.confirmationDialogText.confirmButtonText`	Stringa	Sostituisce il testo del pulsante di conferma nella finestra di conferma di fine chat.
`endChat.confirmationDialogText.cancelButtonText`	Stringa	Sostituisce il testo del pulsante di annullamento nella finestra di conferma di fine chat.
`attachment.rejectedErrorMessage`	Stringa	Sostituisce il messaggio di errore relativo al rifiuto degli allegati del widget di chat.

Avvertimento JavaScript è disabilitato o non è disponibile nel tuo browser.

Per usare la documentazione AWS, JavaScript deve essere abilitato. Consulta le pagine della guida del browser per le istruzioni.

Convenzioni dei documenti

Trasmissione degli attributi di contatto

Scarica la trascrizione del widget di chat

Personalizzazioni aggiuntive per il tuo widget di chat Amazon Connect

Configurazione dell'oggetto di personalizzazione

Vincoli e opzioni supportate

Nota