Talkdesk Digital Engagement: Configurar el Chat Channel

Ahora puede configurar los nombres visibles y aptos para el dominio de su sitio web mediante la sección Channels de Conversations App. Una vez hecha la configuración, la aplicación generará un fragmento que podrá añadir a su sitio web.

También puede llevar una pantalla inicial al chat que contenga desplegables, campos de entrada, mensajes de bienvenida, etc.

 

Acceso a la Pestaña Channels

Configuración del Touchpoint

Cambio entre las Pestañas Appearance y Touchpoint

Uso del Modo de Edición de la Pestaña Touchpoint

Uso del Modo de Visualización de la Pestaña Touchpoint

Uso del Modo de Visualización de la Pestaña Appearance

Uso del Modo de Edición de la Pestaña Appearance

Uso del Modo de Edición en la Sección de la pantalla inicial

Uso de la Sección de Chat de la Pestaña Appearance

Configurar el Campo "Dominio"

Excepciones de Firewall

 

Acceso a la Pestaña Channels

Screen_Shot_2022-12-16_at_2.28.27_PM.png

En Workspace, primero, haga clic en Admin [1] y desplácese hasta la sección Channels [2]. Aquí encontrará la lista de todos los canales disponibles en su cuenta. En la pestaña Channels list, seleccione Chat [3] para comenzar la configuración.

Screen_Shot_2022-12-16_at_2.28.43_PM.png

 

Nota: Junto a cada opción, también puede ver el número de puntos de contacto [4] que ya se han añadido al canal.

 

Configuración del Touchpoint

Screen_Shot_2022-12-16_at_2.54.01_PM.png

Después de seleccionar el canal de chat, le dirigirán a la lista de touchpoints ya configurados en su cuenta.

La información de cada Touchpoint se muestra en 3 columnas:

  • La columna "Chat" [1] contiene el nombre amistoso del Touchpoint.
  • La columna "Domain" [2] muestra el dominio del sitio web.
  • La columna "Status" [3] ofrece información sobre el estado del chat ("Activo" o "Inactivo")

image9.png

En la pestaña Chat Touchpoints, al hacer clic en el Action button (3 puntos) a la derecha de cada fila, se muestran las siguientes opciones:

  • Edit Touchpoint: Redirige a la pestaña Touchpoint.
  • Edit appearance: Redirige a la pestaña Appearance.
  • Duplicate: Duplica todas las configuraciones de apariencia realizadas. La opción de duplicar le hará una petición de que rellene un dominio y coloque un nombre amigable.
  • Activate/deactivate: Cuando la configuración del estado se establece en "Active", el chat aparecerá para todos los visitantes del sitio web. Si el chat está configurado como "Inactive", no será visible, incluso si el fragmento ya fue añadido. Si hay conversaciones en curso, no se perderán, pero el visitante no podrá iniciar otra conversación.
  • Delete: Borra el Touchpoint. Esta opción sólo es posible si primero se desactiva el chat. Para eliminar por completo el Touchpoint, también recomendamos eliminar el fragmento del código.

image8.png

Puede añadir un nuevo Touchpoint haciendo clic en el botón + New touchpoint.  Después de seleccionarlo, aparecerá una pantalla que le pedirá que rellene el "Domain" y el "Friendly name" del sitio web. ».

 

Cambio entre las Pestañas Appearance y Touchpoint

Screen_Shot_2022-05-03_at_4.11.13_PM.png

La pestaña Appearance es donde podrá configurar el diseño de su widget. La pestaña Touchpoint es donde puede conectar el widget al dominio de su sitio web y a un Studio Flow.

Para obtener más información y orientación sobre cómo personalizar su widget de chat, consulte este artículo.

Uso del Modo de Edición de la Pestaña Touchpoint

Screen_Shot_2022-12-16_at_2.16.48_PM.png

Al entrar en la pestaña Touchpoint, se encontrará en "View mode". Para cambiar al "Edit mode", haga clic en el botón Edit[1], para empezar a configurar su punto de contacto de chat.

Screen_Shot_2022-09-02_at_5.56.18_PM.png

Después de hacer clic en el botón, encontrará una página como la que se muestra arriba, en la que puede configurar el Touchpoint del chat.

Se requiere que proporcione un nombre de "Domain" [1]* y también puede dar a la URL del sitio web un "Domain Friendly Name" [2]. Esto significa que en lugar de aparecer la URL del agente, se mostrará un friendly name en su lugar, facilitando la identificación rápida del origen de la conversación.

 

*Nota: Para obtener información adicional sobre cómo configurar correctamente el nombre de "Domain", consulte esta sección.

 

Al configurar el chat por primera vez, seleccione el enlace para abrir Studio [3]. Esto le permitirá crear un flujo de Live Chat Studio. Para obtener más información sobre cómo crear, editar y gestionar los flujos de Studio, lea nuestra documentación de Studio.

A continuación aparece el menú desplegable "Studio flow" [4], que muestra todos los flujos de Live Chat Studio publicados en su cuenta. Seleccione el que desee asociar al punto de contacto. Utilice el botón Save [5] antes de salir de esta pantalla. 

 

Notas:

  • Puede cambiar el flujo de Studio seleccionado tantas veces como sea necesario, sin tener que cambiar el fragmento en su sitio web. Sin embargo, cuando cambie el campo "Domain", deberá copiar otra vez el nuevo fragmento de chat en su sitio web.
  • El botón de Save sólo se activará una vez que defina el Touchpoint y el flujo de Studio de su widget

 

Uso del Modo de Visualización de la Pestaña Touchpoint

Screen_Shot_2022-12-16_at_2.19.45_PM.png

Después de guardar las configuraciones, volverá al "View mode", donde podrá ver las opciones configuradas:

  • “Domain information”[1].
  • "Friendly name”[2].
  • Nombre del “Connected Studio flow” [3]

A continuación se muestra la sección "Widget Code" [4], con el código que debe copiarse en su sitio web.

La sección situada en el extremo derecho de la pantalla, sólo visible en el "View mode", contiene el código del widget. Para copiar el código, puede utilizar el botón de Copy o pulsar "CTRL+C" en su teclado.

Para obtener más ayuda e información, la sección "¿Need Help?" [5] incluye un enlace a un listado de soluciones sobre las dudas y problemas más frecuentes.

 

Uso del Modo de Visualización de la Pestaña Appearance

Screen_Shot_2022-05-05_at_6.01.39_PM.png

Al abrir la pestaña Appearance, verá la sección Initial Screen [1], que se expande para mostrar una vista previa de las configuraciones realizadas en ella. A continuación se muestra la sección de Chat [2], que también contiene una vista previa de las configuraciones de esta sección.

El cuadro "Preview Style" [3] muestra el aspecto del widget de Chat según sus especificaciones.

Nota: Si no se ha abierto ninguna pestaña, el cuadro "Preview style" mostrará por defecto la pestaña "Chat".

 

Uso del Modo de Edición de la Pestaña Appearance

image6.png

Después de hacer clic en el botón Edit, situado en la parte superior derecha de la pestaña, seleccione "Initial screen" [1], debajo de " Appearance Configuration".

image11.png

La opción "Show Initial Screen" permite activar o desactivar una pantalla inicial en el widget de chat.

image2.png

Screen_Shot_2022-05-05_at_6.02.36_PM.pngLa casilla "Welcome message"[2] permite añadir mensajes que aparecen en la parte superior del chat. También puede decidir añadir un "Custom message" [3] en la pantalla inicial. Si se activa la opción "Chat bubble" [4], el mensaje personalizado aparecerá dentro del widget de chat.

El campo "Custom Edit" [5] permite a los clientes introducir información y establecer el nombre del campo. Si el campo personalizado requiere el nombre del cliente, el valor en el desplegable "Define" [6] debe ser "Contact name". Si el campo requiere el correo electrónico del cliente, el valor en el desplegable debe ser "Contact email". Esto le permitirá asociar a cada cliente con un contacto específico.

 

Nota: Si desea solicitar información adicional (por ejemplo, "Order number") puede añadir el campo personalizado como "Custom option".

 

Con el botón "Required" [7], puede decidir si permite que el visitante deje el campo vacío antes de pasar a la pantalla de chat. Elija la posición "on" para que el campo sea obligatorio.

El botón de acción (6 puntos) [8] a la izquierda de cada campo personalizado le permitirá cambiar su orden en el widget de chat. Puede arrastrar y soltar cualquier campo, y la vista previa del widget cambiará según corresponda.

 

Uso del Modo de Edición en la Sección Initial Screen

image12.png

Cuando haga clic en Edit y seleccione "Initial screen", verá una pantalla como la del ejemplo anterior.

Utilice el "Custom dropdown" [1] para añadir un desplegable con diferentes elementos de selección. En el cuadro de texto, añada el nombre del desplegable, y en los "Dropdown items" [2] inserte los valores que aparecerán dentro del desplegable. Este campo también puede definirse como un campo obligatorio, activando el botón "Required" [3]. Agregue tantos "Dropdown items" como necesite, pulsando el botón + Add another item [4].

La casilla "Custom button" [5] le permite personalizar los nombres que aparecerán en cada botón.

 

Nota: En este momento, la única opción "Trigger" [6] disponible es "Start the chat". Al hacer clic en este botón del sitio web, el visitante será dirigido a la pantalla del chat.

 

En + Add field [7] puede añadir y eliminar tantos campos como desee, así como elegir el tipo de campo ("Message", "Field", "Dropdown", "Button").

 

Uso de la Sección de Chat de la Pestaña Appearance

Screen_Shot_2022-05-05_at_6.09.51_PM.png

Al seleccionar "Chat" [1], aparece un cuadro de "Messages" [2] debajo, donde puede añadir un mensaje estático para sus clientes. Puede utilizar el botón +Add another message [3] para añadir tantos mensajes como desee. Después de añadir los mensajes, también puede arrastrarlos y soltarlos para cambiar su orden, utilizando los botones de acción (6 puntos) [4].

Después de guardar la opción, el cuadro "Preview style" de la derecha mostrará el aspecto que tendrá el mensaje en el widget de chat.

image1.png

Ahora podrá ver una Etiqueta de "Initial Screen" [6] que indica si la pantalla inicial está activa.

El cuadro "Preview style" de la derecha mostrará ahora una vista previa de los campos que se añadieron en la pantalla inicial.

Debajo del campo "Studio Arguments" [7] se encuentran los valores de los argumentos Studio generados para cada  "Custom field" o "Custom dropdown". Para obtener más información sobre los argumentos de Studio, consulte Knowledge Base para documentación de Studio.

 

Configurar el Campo "Domain"

Para configurar correctamente el campo "Domain", se deben seguir una serie de reglas para que funcione apropiadamente.

 

HTTP o HTTPS

Asegúrese de utilizar el protocolo correcto cuando lo especifique, ya que el sistema diferencia entre los dos protocolos disponibles:

  • "Http"
  • "https"

Nota: Es posible omitir la información del protocolo. De esta manera, funcionará tanto para sitios web "http" como "https".

 

Ejemplos:

https://www.talkdeskchat.com/ - Funcionará, ya que es el protocolo correcto.

www.talkdeskchat.com/ - Funcionará, ya que sirve para ambos protocolos.
http://www.talkdeskchat.com/ - No funcionará, ya que es el protocolo equivocado.

 

"www." o no "www."

El sistema también distingue entre los dominios que incluyen "www." y los que no. La entrada de información del dominio tiene que estar en línea con lo que se define para ese dominio.

Ejemplos:

https://www.talkdeskchat.com/ - Funcionará, ya que el dominio incluye "www."

https://talkdeskchat.com/ - No funcionará, ya que le falta el "www."

https://trello.com/ - Funcionará, ya que este dominio no incluye "www."

https://www.trello.com/ - No funcionará, ya que este dominio no utiliza "www."

 

No hay Subdirectorios

El dominio siempre debe configurarse sin especificaciones en el subdirectorio. Incluso cuando un widget se vaya a implementar en un subdirectorio, la configuración siempre debe hacerse en el sitio base.

 

Ejemplo:

https://trello.com/pricing - No funcionará, ya que contiene un subdirectorio.

 

Excepciones de Firewall

Cuando se inicia una Chat Conversation, se llama a algunas URLs que deben atravesar el firewall. 

Por favor, copie y pegue las siguientes URLs en su firewall y añádalas como excepciones: 

  • https://api.talkdeskapp.com
  • https://talkdeskchatsdk.talkdeskapp.com
  • https://sessions.bugsnag.com
  • wss://tsock.us1.twilio.com/v3/wsconnect
  • https://prd-cdn-talkdesk.talkdesk.com
  • https://cdn.jsdelivr.net


Recursos Adicionales

 

 

Volver ""
Por favor, inicie sesión para enviar una solicitud.