Personalizzazioni aggiuntive della chat

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.

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 opzionali, è possibile implementare alcuni o tutti i campi mostrati nell'esempio seguente. Sostituisci le stringhe customer, agent e supervisor in base alle esigenze. Le icone devono essere ospitate su URL pubblici.

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
        }
});

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

Vincoli e opzioni supportate

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

Opzione di layout personalizzato	Type	Descrizione
header.dropdown	Booleano	Esegue il rendering del menu a discesa dell'intestazione anziché del 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 dei nomi predefinite se eventNames non viene fornito
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.displayIcons	Booleano	Abilita le icone di visualizzazione dei messaggi
transcript.iconSources.botMessage	Stringa	Icona visualizzata per messaggi bot, deve essere ospitata su un URL pubblico
transcript.iconSources.systemMessage	Stringa	Icona visualizzata per messaggi di sistema, deve essere ospitata su un URL pubblico
transcript.iconSources.agentMessage	Stringa	Icona visualizzata per messaggio agente, deve essere ospitata su un URL pubblico
transcript.iconSources.customerMessage	Stringa	Icona visualizzata per messaggio 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