/
Redes Sociales - Webchat

Redes Sociales - Webchat

El Web Chat es un canal de atención digital que permite a los usuarios comunicarse con un operador en tiempo real desde un sitio web, ofreciendo una experiencia ágil, personalizada y alineada con la identidad visual de la empresa.

La configuración de una cuenta Webchat consta de tres fases fundamentales:

  1. Armado de la ventana de chat.

  2. Incorporación de la ventana en la página web deseada.

  3. Configuración del chat.

Fase 1: Armado de la Ventana de Chat

El proceso de creación de una ventana de chat no difiere significativamente del armado de un CRM convencional.

Se recomienda contar con un esquema previo de los datos necesarios antes de comenzar.

Estructura de la ventana de chat:

La ventana puede dividirse en dos secciones:

  • Primera sección: Recopila los datos del cliente.

  • Segunda sección: Área destinada a la conversación.

Configuración inicial:

Creación de campos:

  1. Acceda a Configuración CRM > Datos, donde podrá dar de alta los campos requeridos para la primera sección de la ventana.

  2. Ejemplo de datos clave: CUIT/CUIL/DNI/ID CLIENTE.

  3. Esto permite sincronizar la información con los contactos existentes en el sistema o, de ser necesario, generar un nuevo contacto.

Diseño de la ventana:

  1. Diríjase a Configuración CRM > Pantallas & Grillas > Pantallas.

  2. Seleccione el registro "CHAT" y presione el botón Subpantalla.

  3. Allí encontrará las ventanas de Webchat ya creadas y podrá agregar una nueva presionando + (Agregar).

  4. Complete los campos correspondientes y acceda a la opción Diseño para personalizar la estructura.

El árbol de diseño incluye dos nodos principales:

  • Start: Define la ventana inicial donde se recopilan los datos del cliente.

  • End: Representa la ventana de conversación y contiene un botón para habilitar o deshabilitar archivos adjuntos.

Fase 2: Incorporación en la Página Web

Una vez diseñada la ventana de chat, genere el código HTML desde la pantalla de configuraciones del CRM:

  1. Dentro de la ventana de pantallas Chat, seleccione el registro y presione HTML.

  2. Complete los campos:

    • Configuración del chat (ej. mensajes iniciales, adjuntos, emojis).

    • Personalización (nombre del operador, color del encabezado).

  3. El sistema generará un código HTML dividido en tres partes:

Header:

<link rel='stylesheet' href='http://192.168.5.4/ecrm/css/webchat.css' type='text/css' />

Body:

<script src='//code.jquery.com/jquery-1.10.2.js'></script> <div id='cntNeoChat' style='position:fixed;right:0px;border:none;width:460px;height:445px;display:none; z-index:999999'></div>

Botón o enlace:

onclick="$('#cntNeoChat').draggable();startNeoWebChat();" <a href="javascript:startNeoWebChat()">WebChat</a>

📌 Coloque el código correspondiente en las áreas indicadas de la página web para integrar el Webchat.

Fase 3: Configuración

Para conocer más sobre la customización del WebChat, siga el siguiente enlace: https://neotel-us.atlassian.net/wiki/x/AgAFWg

Finalización

Una vez completados estos pasos, su Webchat estará configurado, integrado en la página y vinculado a la cuenta para su funcionamiento.

Puede probar su implementación abriendo la URL generada en una ventana de incógnito.