Encuentra la respuesta que buscas

Encuentra el Script de instalación de tu asistente virtual y agregalo en tu canal web

Para obtener el Script de instalación debes acceder a la plataforma My Aivo, en el módulo canales de la sección configuraciones y hacer clic en editar tu canal web. Una vez allí, verás dentro de las configuraciones básicas un código bajo el título "Instalación".

undefined

➡ 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. 
Este sitio web almacena cookies en tu computadora. Estas cookies se utilizan para recopilar información sobre cómo interactúas con nuestro sitio web y nos permite recordarte. Utilizamos esta información para mejorar y personalizar tu experiencia de navegación y para obtener estadísticas y métricas sobre nuestros visitantes tanto en este sitio web como en otros medios. Para obtener más información sobre las cookies que utilizamos, consulta nuestra Política de privacidad.

Si rechazas, tu información no será rastreada cuando visites este sitio web. Se usará una sola cookie en tu navegador para recordar tu preferencia de no ser rastreado.