volver a tutoriales

Cómo crear un widget de inteligencia artificial para cualquier sitio web

En este tutorial aprenderás a crear rápidamente un widget de IA para cualquier sitio web fácilmente usando el constructor de Widgets de IA ChatBotKit.

Si estás interesado en crear un bot de inteligencia artificial (IA) utilizando el creador de widgets de IA ChatBotKit, tenemos una completa guía paso a paso para ti. Las instrucciones te guiarán a través del proceso no solo de creación, sino también de implementación y gestión efectivas de tu bot de IA, lo que te permitirá integrarlo a la perfección en cualquier sitio web de tu elección.

Guía paso a paso

  1. Acceder al Widget Builder:
  2. Introduzca la URL del sitio web:
    • Una vez abierto el constructor, encontrarás un campo para introducir una URL. Por ejemplo, escriba"notion.so" en este campo.
  3. Vista previa del sitio web:
    • Click the "Preview" button. ChatBotKit will automatically capture a screenshot of the website you specified and extract relevant information along with site-specific colors.
  4. Personalizar la apariencia:
    • Puede ajustar la combinación de colores seleccionando uno de los colores propuestos en la paleta o utilizando los selectores de color para el fondo y el primer plano.
  5. Opciones adicionales:
    • Decide if you want to display the bar, use a bubble-style message, and whether the messages should be rounded. These settings can help align the widget’s look with your website’s design.
  6. Create the Widget:
    • Once you are satisfied with all the settings and customizations, click the "Make" button to create your AI widget.

He aquí una representación visual del proceso:

The final step involves pressing the "Make" button to generate your widget.