Cópialo e insértalo en el HTML de tu sitio.
El script se debe incorporar en el HEAD del código HTML (dentro de cada página en las que requieras que se vea el CTA), antes de la etiqueta </head> y para optimizar el rendimiento de la carga de tu sitio web, también debes utilizar el atributo async.
Por ejemplo: <script type="application/javascript" src="https://cdn.agentbot.ne/core/TOKEN.js" async></script>
El atributo async permite que el script se descargue de manera asíncrona, lo que significa que se puede descargar en paralelo con otros recursos sin bloquear el renderizado de la página y ejecutándose tan pronto como esté disponible. Esta práctica ayudará a mejorar el rendimiento de tu sitio web.
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), sin molestar la navegación del usuario, ni la usabilidad de la web.
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.
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.
Observa debajo el ejemplo de cómo se visualiza en un sitio web.
Ejemplo de cómo se verá el Call To Action (CTA)