La Configuracion de una cuenta Webchat se compone de tres fases, el armado de la ventana, luego se deberá cargar esta en la página web que se desee y por último cargar la cuenta.
...
- Ip/dominio donde se encuentra alojado el CRM, en este caso debará ser un dominio/ip pública del servidor Neotel + puerto 5278.
- Chat directo.
- Mensaje inicial de chat, previamente configurado en respuestas automáticas.
- Adjuntos.
- Emojis.
- Nombre operador, pudiendo seleccionar “Leyenda Operador”, “Leyenda Asesor”, “Nombre agente” o “Nombre y apellido agente”. Es la leyenda que el cliente leerá al utilizar el web-chat.
- Header color
...
La primera parte deberá introducirse dentro del header.
<link rel='stylesheet' href='http://192.168.5.4/ecrm/css/webchat.css' type='text/css' />
La segunda parte del código deberá introducirse al comienzo del body.
<script src='//code.jquery.com/jquery-1.10.2.js'></script>
<script src='//code.jquery.com/ui/1.11.4/jquery-ui.js'></script>
<div id='cntNeoChat' style='position:fixed;right:0px;border:none;width:460px;height:445px;display:none; z-index:999999' >
<div id='Div1' style='position:absolute;top: 0px; left:0px; width:100%;height:30px;background-color: #008FD4;cursor:move;'>
<span id='lblWebChatTitle' style='color:White;width:100%;position:absolute;top:0px;left:0px;text-align:center;font-family:roboto;font-weight:normal;font-size:20px;margin-top:5px'>titulo</span>
<a onclick="javascript:$('#cntNeoChat').slideUp(3000);"><img alt='' style='position:absolute;right:3px;top:3px;width:27px;height:27px;cursor:pointer;cursor:hand;' id='imgWebChatMinimize'/>
</a>
</div>
<div id='containerNeoChat' style='position:absolute;top: 30px; left:0px'>
<iframe src='http://127.0.0.1/ECRM/WebChat.aspx?info=3Hlser5a8Z21YCaDH2Ph49WcEWrLNKhZ1TFBu8gWjJTzd/PFTjEF06ddrdS7vBEzpBWtzvYICeP/VWxxxxxxRrMD45mpMoCSEpx8jALaE5bdHF3wMF7QNGAbhWCpWmhdPtyjYpzDbH1oxMDFC/NE+YvMzdGoDhRs' id='iframeWebCHat' style='border:none;width:460px;height:415px' ></iframe>
</div>
</div>
Y por último, tanto la tercera o cuarta parte del código deberá ubicarse en el boton o link que haga referencia a la comunicación por chat.
onclick="$('#cntNeoChat').draggable();startNeoWebChat();"
<a href="javascript:$('#cntNeoChat').draggable();document.startNeoWebChat()">WebChat</a>
Podrá testear su pantalla webchat pegando la URL dentro de una ventana incógnito.
...