Versiones comparadas

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.

Sagicc will allow you to embed a customized chat widget or plugin (web chat) on your company's website, through which your customers can communicate with agents in real time. To set up this type of channel, it is necessary to have access to the CMS on which the website is operating, the server, or the source code of the same. Sagicc will generate a block of code (script) in JavaScript language that must be inserted into the website

Nota

Se recomienda que el script sea insertado por el administrador de la página de la empresa (webmaster) o una persona con conocimientos básicos en programaciónIt is recommended that the script be inserted by the company's page administrator (webmaster) or a person with basic programming knowledge.

 

The information required for the configuration of a web chat channel is the following:

...

  • Appearance

    • Chat Title: It is the title that will be displayed in the top bar of the chat widget.

    • Primary Color: It is the color of the main visual elements of the chat widget (buttons, icons, etc.).

    • Widget Position: It is the position of the chat widget within the web page. Depending on the design of the web page, the chat widget may be better located in one of the four (4) available positions.

    • Widget Icon (Visual Element): It is the icon or visual element that will be displayed on the web page when the chat is minimized. This can be a floating button, a box with custom text, or a custom image (specified in the Icon Image field).

    • Icon Image

    • Chat Corporate Image

    • Custom Styles: Add CSS code here to give custom and specific styles to the elements of the chat widget embedded on your company's web page.

Image RemovedImage Added

 

  • Others

    • Require Customer Document Number when starting a chat session: Specifies whether the chat widget should request the customer's document number in the initial chat form. The captured document number will be automatically associated with the customer in Sagicc.

    • Require Customer Phone when starting a chat session: Specifies whether the chat widget should request the customer's phone number in the initial chat form. The captured phone number will be automatically associated with the customer in Sagicc.

    • Main Contact Data: Defines the contact data from the initial chat form that will be used as contact data to identify the customer who is communicating through the chat. By default, the main contact data is the email address.

    • Show previous conversation messages when starting a chat session: Specifies whether the chat should load previous conversations between the customer and the company when starting a new chat session.

    • Automatically close case ticket when ending chat session: Specifies whether Sagicc should or should not automatically close the cases tickets generated by the chat when the conversation is ended from the chat widget.

    • Enable rating and comments when ending chat session: Specifies whether the chat should show the rating and comments form when the conversation ends.

    • Enable widget sounds: Specifies whether to enable or disable the sound notifications emitted by the chat widget when a message is received.

    • Enable sending and receiving attachments from the widget: Specifies whether to enable or disable the sending and receiving of attached files in the chat widget.

    • Enable display of articles from the Knowledge Base in the widget: Indicates whether the chat widget will display a section with articles from the public knowledge base, for customer consultation.

    • Allow leaving messages in the chat outside of business hours: Specifies whether it is possible for customers to start a chat session and leave a message when outside of business hours (NOT AVAILABLE mode).

    • Force not available chat (a Not Available message will be displayed): Specifies whether the chat is in NOT AVAILABLE mode. Allows disabling the chat at any time, even within chat availability windows.

    • Enable customized business hours

    • Custom business hours

    • Send NOT AVAILABLE message outside business hours

    • NOT AVAILABLE message

 

...

  • Bot

    Al insertar el código del widget de chat en el código fuente de la página web, el widget cargará automáticamente y se ubicará en la posición especificada en la configuración del canal. Además, tendrá los colores, el título y los campos especificados en la configuración del canal
    • Habilitar Enable Bot: Indica si el canal de chat tiene habilitado un bot o asistente virtual que se encargará de brindar atención a los clientes de manera automatizada.

    • Usar Bot de Sagicc: Especifica si el bot habilitado en el canal corresponde a un bot configurado en el módulo BotBuilder de Sagicc, o si corresponde a un bot externo.

    • Nombre del Bot: Es el nombre o identidad que tendrá el bot habilitado en el canal.

    • Bot para el Canal: Selecciona aquí uno de los bots configurados en el módulo BotBuilder de Sagicc para habilitarlo en el canal de chat.

 

...

 

Una vez configurado el canal, se debe incrustar el widget de chat en la página web de la empresa utilizando el bloque de código antes generado. Una vez sea agregado, tendrás en la página web un widget personalizado que tus clientes y los agentes podrán comenzar a utilizar para comunicarse.

 

Widget de Chat Web

 

El widget de chat es un componente gráfico que se incrusta a la página web de la empresa para que los clientes puedan mantener conversaciones en tiempo real con los agentes. Las siguientes son las características principales del widget de chat que puede ser agregado a la página web de tu empresa luego de configurar un canal de tipo Chat Web.

 

    • Indicates whether the chat channel has a bot or virtual assistant enabled to provide automated customer service.

    • Use Sagicc Bot: Specifies whether the bot enabled in the channel corresponds to a bot configured in Sagicc's BotBuilder module, or whether it corresponds to an external bot.

    • Bot Name: This is the name or identity that the bot enabled in the channel will have.

    • Bot for Channel: Select one of the bots configured in Sagicc's BotBuilder module here to enable it in the chat channel.

 

...

 

Once the channel is configured, the chat widget must be embedded on the company's website using the code script generated earlier. Once added, you will have a customized widget on your website that your customers and agents can start using to communicate.

Web Chat Widget

 

The chat widget is a graphical component that is embedded on the company's website so that customers can have real-time conversations with agents. The following are the main features of the chat widget that can be added to your company's website after configuring a Web Chat channel.

 

  • By inserting the chat widget code into the website's source code, the widget will automatically load and be positioned as specified in the channel configuration. In addition, it will have the colors, title, and fields specified in the channel configuration.

 

...

 

  • El chat puede maximizarse o minimizarse dentro de la página para una mejor experiencia de usuario. Al hacer clic en el botón mostrado a continuación, se puede maximizar el widget.

  • Una vez maximizado, el cliente visualiza por defecto un formulario inicial (o una conversación activa en caso de que haya utilizado el chat anteriormente). Este formulario solicita datos básicos del cliente (nombre, apellido, correo electrónico y mensaje inicial), y además, los campos adicionales especificados en la configuración del canal. Todos estos datos son obligatorios ya que serán almacenados en Sagicc y asociados al cliente y al caso.

  • En el formulario inicial también se incluye un enlace a los términos y condiciones de uso de tu empresa para que los clientes puedan leerla. Al iniciar un nuevo chat, los clientes automáticamente aceptan los términos y condiciones de uso.

  • Al hacer clic en Iniciar Chat, el cliente podrá comenzar a conversar con un agente que se encuentre disponibleThe chat can be maximized or minimized within the page for a better user experience. By clicking on the button shown below, the widget can be maximized.

  • Once maximized, the customer will see an initial form (or an active conversation if they have used the chat before) by default. This form requests basic customer information (name, last name, email, and initial message), as well as any additional fields specified in the channel configuration. All of this information is required as it will be stored in Sagicc and associated with the customer and the ticket.

  • The initial form also includes a link to your company's terms and conditions of use for customers to read. When starting a new chat, customers automatically accept the terms and conditions of use.

  • By clicking on Start Chat, the customer can begin chatting with an available agent.

 

...

 

  • Al iniciar un nuevo chat, el agente podrá responderle al cliente directamente desde el caso creado en Sagicc. El mensaje digitado en el formulario inicial será el primer mensaje del chat. El cliente puede continuar enviando mensajes, y puede acceder a las demás funcionalidades del chat en el menú ubicado en la barra superior.

 

...

 

  • En el menú, el cliente podrá:

    • Minimizar el widget para seguir navegando en la página web donde se encuentra incrustado el widget de chat.

    • Habilitar y deshabilitar las notificaciones sonoras al recibir un nuevo mensaje.

    • Adjuntar archivos para enviarlos a través del chat.

    • Habilitar o deshabilitar el envío de la transcripción del chat al finalizar la conversación.

    • Iniciar video llamada (requiere configuración y cobros adicionales).

    • Finalizar el chat y cerrar la conversación.

 

...

 

  • Al finalizar el chat, y dependiendo de la configuración del canal, el cliente podrá registrar su calificación de la atención y dejar sus comentarios. La información relacionada con calificaciones y comentarios del chat podrás ser descargada en el Reporte de CalificacionesWhen starting a new chat, the agent can respond to the customer directly from the ticket created in Sagicc. The message typed in the initial form will be the first message of the chat. The customer can continue sending messages, and can access other chat functionalities in the menu located in the top bar.

Image Added

  • In the menu, the customer can:

    • Minimize the widget to continue browsing the website where the chat widget is embedded.

    • Enable or disable sound notifications when receiving a new message.

    • Attach files to send them through the chat.

    • Enable or disable the sending of the chat transcript when the conversation ends.

    • Start a video call (requires additional configuration and charges).

    • End the chat and close the conversation.

Image Added

 

  • Upon ending the chat, depending on the channel configuration, the customer can rate the service and leave their comments. Information related to chat ratings and comments can be downloaded in the Ratings Report.

 

...

 

  • Desde la vista inicial del widget, también tendrás acceso a la sección Base de Conocimiento, en la cual podrás navegar y buscar artículos e información relevante en la base de conocimiento de la empresa. En esta sección, sólo serán visibles los artículos de las secciones de la Base de Conocimiento en Sagicc que tienen visibilidad pública.

 

...

 

  • Busca y selecciona el artículo de tu interés y haz clic sobre este para pasar a la vista de lectura. Si deseas ver el artículo en la base de conocimiento pública de Sagicc, haz clic en el botón ubicado en la esquina superior derecha de la vista de lectura.

 

...

  • From the initial view of the widget, you will also have access to the Knowledge Base section, where you can browse and search for articles and relevant information in the company's knowledge base. In this section, only articles from the public visibility sections of the Knowledge Base in Sagicc will be visible.

Image Added

 

  • Search for and select the article of interest and click on it to go to the reading view. If you want to see the article in Sagicc's public knowledge base, click on the button located in the upper right corner of the reading view.

Image Added

 

Cambiar historial