ConvoKraft JavaScript Client SDK

# 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:

<table class="content-table">
        <thead>
            <tr>
                <th>Navegador</th>
                <th>Versión</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Microsoft Edge</td>
                <td>12+</td>
            </tr>
            <tr>
                <td>Mozilla Firefox</td>
                <td>21+</td>
            </tr>
            <tr>
                <td>Google Chrome</td>
                <td>23+</td>
            </tr>
            <tr>
                <td>iOS Safari</td>
                <td>6+</td>
            </tr>
            </tbody>
</table>

### Integración del SDK

Agrega el siguiente fragmento de código en el archivo {{%badge%}}index.html{{%/badge%}} del código fuente de tu aplicación web para conectar el ConvoKraft JS SDK a tu aplicación:

{{%code class="language-html" scroll="set-scroll" %}}&lt;script src="https://console.catalyst.zoho.com/convokraft/assets/js/convokraft-chat-sdk.js"&gt;
&lt;/script&gt;
{{%/code%}}

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 {{%link href="/es/convokraft/sdk/js/customization-of-a-bot" %}}esta sección{{%/link%}}.

{{%code class="language-html" scroll="set-scroll" %}}&lt;div class="anchor_convokraft_toBottom"&gt;
&lt;convokraft-chat-bot bot-name="test" project-id="6687000000009014" org-id="74535893"&gt;&lt;/convokraft-chat-bot&gt;
&lt;/div&gt;
Style - 
&lt;style&gt;
div.anchor_convokraft_toBottom {
width: 330px;
height: 450px;
position: fixed;
bottom: 0;
right: 0;
}
&lt;/style&gt;
{{%/code%}}

{{%note%}}{{%bold%}}Nota:{{%/bold%}}

1. Asegúrate de que **convokraft-chat-sdk.js** se incluya después de la etiqueta **&lt;convokraft-chat-bot/&gt;**.

2. Este SDK funciona mejor con posicionamiento fijo, así que asegúrate de que el contenedor alrededor de la etiqueta **&lt;convokraft-chat-bot/&gt;** tenga posición fija.{{%/note%}}

Descripción general

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:

copy

         <script src="https://console.catalyst.zoho.com/convokraft/assets/js/convokraft-chat-sdk.js">
</script>

copy

         <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:

Asegúrate de que convokraft-chat-sdk.js se incluya después de la etiqueta <convokraft-chat-bot/>.
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.

Última actualización 2026-03-20 21:51:56 +0530 IST

Yes

Thank you for your feedback!

Send your feedback to us

Skip

Submit