Configuración del objeto de personalización Restricciones y opciones admitidas

Personalizaciones adicionales para tu widget de chat de Amazon Connect

Puede añadir las siguientes personalizaciones opcionales a la interfaz de usuario del chat:

Mostrar el botón Finalizar chat en el menú desplegable del encabezado en lugar de en el pie de página.
Enmascarar u ocultar los nombres públicos.
Agregar iconos de mensajes.
Anule los mensajes de los eventos.
Configure un cuadro de diálogo de confirmación que se mostrará a los clientes cuando pulsen el botón Finalizar el chat. Este cuadro de diálogo verifica que los clientes realmente tienen la intención de finalizar la sesión de chat. Puede personalizar el cuadro de diálogo de confirmación, el título, el mensaje y el texto del botón.
Anule el mensaje de rechazo del archivo adjunto.

Configuración del objeto de personalización

En este ejemplo, se muestra cómo implementar todas las personalizaciones opcionales. Para ver una lista de todas las personalizaciones posibles, consulte Restricciones y opciones admitidas. Como son opcionales, puede implementar algunos o todos los campos que se muestran en el siguiente ejemplo. Sustituya las eventMessages.chatEnded cadenas eventNames.customer eventNames.agenteventNames.supervisor,eventMessages.participantJoined,eventMessages.participantDisconnect,eventMessages.participantLeft,eventMessages.participantIdle,eventMessages.participantReturned, y según sea necesario. Los iconos deben estar alojados en un entorno público 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 
    }
});

La siguiente imagen muestra el aspecto de las personalizaciones si usa el ejemplo:

Diagrama que muestra los nombres para mostrar, las ubicaciones de los menús, los iconos y el cuadro de diálogo de confirmación de finalización del chat personalizables.

Restricciones y opciones admitidas

En la siguiente tabla se enumeran los nombres de personalización admitidos y las restricciones de valor recomendadas.

Opción de diseño personalizado	Tipo	Descripción
`header.dropdown`	Booleano	Representa el menú desplegable del encabezado en lugar del pie de página predeterminado. nota Si configura esta opción como `true`, aparece el botón Descarga de transcripciones y permanece visible hasta que establezca la opción en `false` o hasta que la elimine.
`header.dynamicHeader`	Booleano	Establece dinámicamente el título del encabezado como «Chatear con Bot/AgentName».
`header.hideTranscriptDownloadButton`	Booleano	Oculta el botón de descarga de la transcripción en el menú desplegable del encabezado. El valor predeterminado es `false`.
`transcript.hideDisplayNames`	Booleano	Oculta todos los nombres para mostrar y aplicará máscaras de nombres predeterminadas si no `eventNames` se proporcionan.
`transcript.eventNames.customer`	Cadena	Enmascara el nombre mostrado del cliente.
`transcript.eventNames.agent`	Cadena	Enmascara el nombre para mostrar del agente.
`transcript.eventNames.supervisor`	Cadena	Enmascara el nombre para mostrar del supervisor.
`transcript.eventMessages.participantJoined`	Cadena	Anula el mensaje del evento en la transcripción para cuando un participante se haya unido al chat. Si se especifica una cadena vacía, el mensaje del evento se omitirá de la transcripción. `{name}`se puede incluir en el mensaje y se sustituirá por el nombre mostrado del participante correspondiente. El mensaje predeterminado es`{name} has joined the chat`.
`transcript.eventMessages.participantDisconnect`	Cadena	Anula el mensaje del evento en la transcripción para cuando un participante se desconecte del chat. Si se especifica una cadena vacía, el mensaje del evento se omitirá de la transcripción. `{name}`se puede incluir en el mensaje y se sustituirá por el nombre mostrado del participante correspondiente. El mensaje predeterminado es {`name} has been idle too long, disconnecting`.
`transcript.eventMessages.participantLeft`	Cadena	Anula el mensaje del evento en la transcripción para cuando un participante haya abandonado el chat. Si se especifica una cadena vacía, el mensaje del evento se omitirá de la transcripción. `{name}`se puede incluir en el mensaje y se sustituirá por el nombre mostrado del participante correspondiente. El mensaje predeterminado es`{name} has left the chat`.
`transcript.eventMessages.participantIdle`	Cadena	Anula el mensaje del evento en la transcripción para cuando un participante esté inactivo. Si se especifica una cadena vacía, el mensaje del evento se omitirá de la transcripción. `{name}`se puede incluir en el mensaje y se sustituirá por el nombre mostrado del participante correspondiente. El mensaje predeterminado es`{name} has become idle`.
`transcript.eventMessages.participantReturned`	Cadena	Anula el mensaje del evento en la transcripción para cuando un participante haya regresado al chat. Si se especifica una cadena vacía, el mensaje del evento se omitirá de la transcripción. `{name}` se puede incluir en el mensaje y se sustituirá por el nombre mostrado del participante correspondiente. El mensaje predeterminado es`{name} has returned`.
`transcript.eventMessages.chatEnded`	Cadena	Anula el mensaje del evento en la transcripción para cuando el chat haya terminado. Si se especifica una cadena vacía, el mensaje del evento se omitirá de la transcripción. `{name}`se puede incluir en el mensaje y se sustituirá por el nombre mostrado del participante correspondiente. El mensaje predeterminado es `Chat has ended!`
`transcript.displayIcons`	Booleano	Activa los iconos de visualización de mensajes.
`transcript.iconSources.botMessage`	Cadena	El icono que aparece en los mensajes de los bots debe estar alojado en una URL pública.
`transcript.iconSources.systemMessage`	Cadena	El icono que aparece en el mensaje del sistema debe estar alojado en una URL pública.
`transcript.iconSources.agentMessage`	Cadena	El icono que se muestra para el mensaje del agente debe estar alojado en una URL pública.
`transcript.iconSources.customerMessage`	Cadena	El icono que aparece en el mensaje del cliente debe estar alojado en una URL pública.
`composer.disableEmojiPicker`	Booleano	Desactiva el selector de emojis cuando se utiliza el editor de texto enriquecido.
`composer.disableCustomerAttachments`	Booleano	Impide que los clientes envíen o carguen archivos adjuntos.
`footer.disabled`	Booleano	Oculta el pie de página y el botón de finalización del chat predeterminados.
`footer.skipCloseChatButton`	Booleano	Cierra directamente el widget al hacer clic en el botón Finalizar el chat en lugar de mostrar el botón Cerrar.
`endChat.enableConfirmationDialog`	Booleano	Activa el cuadro de diálogo de confirmación de finalización del chat. Si `confirmationDialogText` no se proporcionan, se utilizan los textos predeterminados.
`endChat.confirmationDialogText.title`	Cadena	Anula el título del cuadro de diálogo de confirmación de finalización del chat.
`endChat.confirmationDialogText.message`	Cadena	Anula el mensaje del cuadro de diálogo de confirmación de finalización del chat.
`endChat.confirmationDialogText.confirmButtonText`	Cadena	Anula el texto del botón de confirmación en el cuadro de diálogo de confirmación de finalizar la conversación.
`endChat.confirmationDialogText.cancelButtonText`	Cadena	Anula el texto del botón de cancelación en el cuadro de diálogo de confirmación de finalización del chat.
`attachment.rejectedErrorMessage`	Cadena	Anula el mensaje de error al rechazar los archivos adjuntos del widget de chat.

Aviso JavaScript está desactivado o no está disponible en su navegador.

Para utilizar la documentación de AWS, debe estar habilitado JavaScript. Para obtener más información, consulte las páginas de ayuda de su navegador.

Convenciones del documento

Transferencia de atributos de contacto

Descarga la transcripción de tu widget de chat

Personalizaciones adicionales para tu widget de chat de Amazon Connect

Configuración del objeto de personalización

Restricciones y opciones admitidas

nota