Personalización del aspecto del widget

Según la versión de Zendesk Chat en uso, se pueden modificar algunos o todos los siguientes elementos. Se puede modificar el aspecto del widget para que coincida con el aspecto y funcionamiento del sitio web de la compañía. Si está usando la versión Legacy Chat, consulte (Legacy Chat) Personalizar el aspecto del widget.

Los siguientes elementos se pueden modificar a través del panel de Chat, en la pestaña Aspecto. Haga clic en los vínculos para ver los detalles sobre cómo modificar cada elemento:

• Ventana de chat, que incluye la barra de títulos o las configuraciones del widget para móviles, según la versión de Chat.
• Asistente, lo que ven los visitantes de Chat antes de conectarse con un agente.
• Estilo de mensaje (planes Team, Professional y Enterprise únicamente), muestra las opciones para los mensajes salientes de Chat.
• Insignia de chat o Globo de chat (Chat fase 4, usuarios de la versión autónoma de Chat únicamente).
• Botón de chat minimizado (Chat fase 4, usuarios de la versión autónoma de Chat).

Para personalizar el aspecto del widget

1. En el panel de Chat, vaya a Configuración > Widget y haga clic en la pestaña Aspecto.
2. Personalice las opciones como se describe en las secciones a continuación.
3. Haga una vista previa de los cambios en el panel Vista previa a la derecha.
   Nota: Los cambios que se muestran en el panel Vista previa dependen de la versión de Chat. En las secciones a continuación, se describe el comportamiento esperado del panel Vista previa para cada sección de la pestaña Aspecto.
4. Haga clic en Guardar cambios.

Personalizar la sección Ventana de chat

La sección Ventana de chat es donde se configuran los elementos relacionados con el cuadro alrededor de un chat entre un agente y un cliente. Las opciones que se ven aquí dependen de la versión de Chat que se esté usando.

• Zendesk Chat fases 3 y 4 (experiencia de Chat integrado)
• Zendesk Chat fase 4 (solo Chat)
• Zendesk Chat fase 3

Zendesk Chat fases 3 y 4 (experiencia de Chat integrado)

Aquí se puede personalizar el elemento Título en margen superior de la ventana de chat. Este texto aparece en la parte superior de la ventana de chat. En el siguiente ejemplo se muestra el título en el margen superior con el texto "Chatee con nosotros".

Zendesk Chat fase 4 (solo Chat)

Aquí se pueden personalizar los siguientes elementos de la ventana de chat.

• Título en margen superior: Este texto aparece en la parte superior de la ventana de chat. En el siguiente ejemplo se muestra el título en el margen superior con el texto "Chatee con nosotros".

  

• Color del tema: el color del contorno del widget. Ingrese un código hexadecimal o haga clic en el muestrario para seleccionar un color manualmente.
• Posición del widget: seleccione si desea que el widget aparezca en la esquina inferior derecha o inferior izquierda de las páginas en las que lo agrega.

Zendesk Chat fase 3

Aquí se puede personalizar el widget para móviles:

• Superponer ventana: la ventana de chat se abre sobre el sitio móvil en la misma pestaña (recomendado).

• Ventana emergente de chat: la ventana de chat se abre en una pestaña nueva.

Personalizar la sección Asistente (todas las versiones de Chat)

Antes de conectarse con un agente de soporte, los visitantes ven el avatar, el nombre y el eslogan del Asistente de chat.

• Título mostrado y Eslogan: el texto aparece en la parte superior de la ventana de chat. En el siguiente ejemplo se muestra el Título mostrado "Soporte en vivo" y el eslogan "Pregúntenos lo que quiera".

  

• Avatar (planes Team, Professional y Enterprise únicamente): cargue una imagen personalizada del avatar que desee que se muestre para su Asistente de chat.

Personalizar la sección Estilo de mensaje

Estas opciones están disponibles solo en los planes Team, Professional y Enterprise y no aparecen si se selecciona Sencillo en la sección Ventana de chat.

• Estilo de mensaje: con la opción Globos de conversación, aparecerán globos alrededor de todos los chats enviados. La opción Líneas sencillas solo muestra el texto.

• Mostrar avatares: marque esta casilla para mostrar los avatares de los agentes y los visitantes junto a cada chat que envíen.

Personalizar la sección Insignia de chat (Chat fase 4 únicamente)

En los planes Team, Professional o Enterprise, esta sección aparece si se selecciona Sencillo en la sección Ventana de chat de arriba. La insignia de chat se refiere al aspecto que tiene el widget antes de que se inicie una sesión de chat.

• Activado o Desactivado: active o desactive la insignia de chat.

• Imagen derecha, Imagen izquierda o Solo texto: estas opciones determinan el aspecto de la insignia de chat. Las opciones Imagen derecha e Imagen izquierda utilizan la imagen predeterminada del globo de chat, que se puede ver en el panel Previsualización.

• Imagen personalizada: si desea usar su propia imagen, seleccione Imagen personalizada y cargue una imagen en el campo Imagen a continuación.

• Color del fondo: ingrese un código hexadecimal o haga clic en el muestrario para seleccionar un color manualmente para el fondo de la insignia de chat. Si desea usar el mismo color que el Color del tema de la sección Ventana de chat, marque la casilla Igual que el color del tema.

• Mensaje: este es el texto que aparece en la insignia de chat antes de que sus visitantes hagan clic. En el siguiente ejemplo se muestra la insignia con el texto "Chatee con nosotros".

  

• Imagen: si seleccionó Imagen personalizada arriba, cargue una imagen para su insignia de chat aquí.