--- title: "Descripción general" url: https://docs.catalyst.zoho.com/es/convokraft/sdk/js/overview/ description: "Aprende sobre el paquete JS SDK proporcionado por el servicio Catalyst ConvoKraft que tiene la capacidad de integrar potentes asistentes de chatbot en tu aplicación de Catalyst." last_updated: 2026-03-20T16:21:56Z service: ConvoKraft type: general --- # ConvoKraft JavaScript Client SDK ### Descripción general Un bot de ConvoKraft puede ser agregado a tu aplicación web fácilmente usando el ConvoKraft JavaScript SDK, para que los usuarios puedan interactuar directamente con el bot a través de la ventana de chat programada. Esta documentación proporciona información detallada sobre los pasos para integrar el JavaScript SDK con tu aplicación web de Catalyst y personalizar el bot de ConvoKraft según los requisitos específicos de tu aplicación. Este SDK soporta todos los navegadores web modernos, incluyendo las siguientes versiones mínimas:
Navegador Versión
Microsoft Edge 12+
Mozilla Firefox 21+
Google Chrome 23+
iOS Safari 6+
### Integración del SDK Agrega el siguiente fragmento de código en el archivo `index.html` del código fuente de tu aplicación web para conectar el ConvoKraft JS SDK a tu aplicación: ```html <script src="https://console.catalyst.zoho.com/convokraft/assets/js/convokraft-chat-sdk.js"> </script> ``` Asegúrate de incluir el siguiente fragmento de código en tu aplicación web para que la ventana de chat aparezca en la posición tradicional de chatbot, es decir, en la esquina inferior derecha de la pantalla de tu aplicación web de Catalyst. Puedes modificar el tamaño, posición, apariencia y personalizar la ventana de chat completamente según sea necesario. Los discutiremos en detalle en [esta sección](https://docs.catalyst.zoho.com/es/convokraft/sdk/js/customization-of-a-bot). ```html <div class="anchor_convokraft_toBottom"> <convokraft-chat-bot bot-name="test" project-id="6687000000009014" org-id="74535893"></convokraft-chat-bot> </div> Style - <style> div.anchor_convokraft_toBottom { width: 330px; height: 450px; position: fixed; bottom: 0; right: 0; } </style> ``` > **Nota:** 1. Asegúrate de que **convokraft-chat-sdk.js** se incluya después de la etiqueta **<convokraft-chat-bot/>**. 2. Este SDK funciona mejor con posicionamiento fijo, así que asegúrate de que el contenedor alrededor de la etiqueta **<convokraft-chat-bot/>** tenga posición fija.