En el siguiente instructivo se detallan los pasos para agregar el script de AgentBot como un canal de atención al cliente en el sitio web.
Haz clic aquí para ver donde encontrar el script del bot
El script se debe incorporar en el HEAD del código HTML (dentro de cada página en la cual quieras que se vea el CTA), antes de la etiqueta </head>
Por ejemplo:
<script type="application/javascript" src="https://cdn.agentbot.ne/core/TOKEN.js" async></script>
El script creará un wrapper en HTML donde estará alojada la interfaz del chat.
Además, agregará la clase CSS llamada “AgentBot” a la etiqueta <body> del documento HTML, para utilizar las reglas body.agentbot como prefijo en la hoja de estilos que se incluye, evitando de esta manera sobrescribir reglas del sitio donde es alojada la aplicación.
Importante: El dispositivo que utilices para visualizar la página que contiene el script debe estar conectado a Internet sin restricciones.
Si la operación anterior fue correctamente realizada, en la página deberá aparecer el CTA (en caso de que el parámetro tab sea igual a true), que no molestará la navegación del usuario, ni usabilidad de la web.
Ejemplo de cómo se verá el Call To Action (CTA):
Al hacer clic sobre el CTA, se desplegará en la ubicación configurada en la pantalla un cuadro de diálogo. De ese modo, queda todo listo para comenzar la interacción.
Ejemplo de cómo se verá la ventana de chat:
Finalmente, haciendo clic sobre la cruz de cierre, o fuera del cuadro de diálogo, la ventana se cerrará y el usuario podrá continuar navegando por el sitio web.