# Crear un widget en el chat de IA

Puedes crear un widget describiéndolo con palabras: «haz un widget para el sitio web con botones a nuestro bot de Telegram y a nuestro grupo de VK», «un widget para una floristería: el encabezado “¿Tienes preguntas?”, un botón carmesí, un enlace al catálogo». La IA crea el widget en el proyecto, lo rellena y lo muestra junto a la conversación, tal como lo verán los visitantes de tu sitio. De la misma manera puedes corregir un widget existente: «cambia el encabezado», «añade un enlace a la lista de precios», «pon el botón en verde».

No necesitas una suscripción Pro para crear, igual que para los propios widgets. Pagas los tokens del modelo, que se descuentan del «Saldo de IA». Cómo funciona se explica en la página [Precios de servicios adicionales](https://support.jetbot24.ru/es/billing/services).

> [!IMPORTANT]
> Un widget no tiene borrador. Todo lo que guarda la IA aparece al instante en los sitios web donde el widget ya está instalado, igual que después del botón «Guardar» en el constructor. Si editas un widget que ya está en uso, mantén el modo «Preguntar antes».

## Cómo se activa la creación

Abre el chat de IA con el botón «Chat de IA» de la barra superior de la cuenta y describe lo que necesitas. No hay nada que activar: la IA conecta las herramientas de creación cuando ve lo que pides, y encima del campo del mensaje aparece la etiqueta «Constructor de widgets». Si en el mismo chat también se está creando un bot, la etiqueta nombra todos los constructores a la vez, por ejemplo «Creando: bot y widget».

También puedes empezar desde el widget: la opción «Ayuda de IA» del menú lateral del widget abre el chat de IA sobre él. La creación está activa desde el primer mensaje y el widget real se muestra a la derecha enseguida: no hace falta nombrarlo en el chat.

En el menú de la etiqueta eliges el modo, «Preguntar antes» o «Automático», y desactivas la creación. Cuando hay varios constructores, comparten un mismo modo, pero cada uno se puede desactivar por separado. Los modos son los mismos que al crear un bot: consulta la página [Crear un bot en el chat de IA](https://support.jetbot24.ru/es/chatbots/ai-builder#modo).

## Crear un widget nuevo

1. Describe el widget: qué enlaces necesita, qué encabezado y texto, de qué color es el botón, en qué sitio web estará. Si necesitas un banner, da un enlace a la imagen.
2. La IA comprueba si el proyecto ya tiene un widget así y propone crear uno nuevo: la tarjeta «Crear un widget».
3. Si el widget va a tener enlaces a tus bots o un chat, la IA revisa los bots del proyecto y sus enlaces.
4. Luego rellena el widget: la tarjeta «Modificar el widget». La tarjeta de confirmación dice: «los cambios aparecen en los sitios de inmediato».
5. En el modo «Preguntar antes», haz clic en «Aplicar», «Aplicar y no volver a preguntar» o «Rechazar», igual que al crear un bot.
6. Al final, la IA te da el código para tu sitio.

Después de guardar, queda en la conversación una tarjeta del widget: su encabezado y una línea como «Guardado: los sitios ya lo muestran · enlaces: 3». Si el widget tiene el chat activado, la línea dice «con chat». La marca «aún no está listo» significa que el widget no funciona tal como está: consulta más abajo.

Al hacer clic en la tarjeta se abre a la derecha el widget real, el mismo que está en tus sitios, dentro de un marco de «página web» que ocupa toda la altura del panel. Puedes pulsar sus enlaces y abrir el chat con el bot: el chat funciona en modo de prueba del bot, como en el [constructor del widget](https://support.jetbot24.ru/es/widgets/chat#probar-el-chat). El engranaje junto al botón del widget y el botón de la flecha en el encabezado del panel abren el widget en el constructor en una pestaña nueva. Los defectos y las observaciones de la revisión se muestran encima del marco.

![Creación en el chat de IA: la tarjeta del widget en la conversación y el widget real a la derecha](https://support.jetbot24.ru/_media/es/04-widgets/_images/ai-build.webp?v=1792562451)

## Corregir un widget existente

Nombra el widget en el chat (la IA lo encontrará en el proyecto) o abre el widget y haz clic en «Ayuda de IA» en su menú. Luego describe qué cambiar. La IA cambia solo lo que pediste: el encabezado, el color del botón o un solo enlace. Todo lo demás del widget queda como estaba.

Si el guardado falla, por ejemplo porque un enlace tiene una dirección incorrecta, el widget no cambia en absoluto y la IA te dice qué salió mal.

## Qué puede hacer la IA

- **Crear widgets** en el proyecto actual.
- **Encabezado y descripción**: hasta 50 y hasta 255 caracteres. La IA los escribe en el idioma de tu sitio.
- **Nota al pie**: una línea en letra pequeña en la parte inferior de la ventana del chat, por ejemplo «Las respuestas las escribe una IA; verifica la información importante».
- **Tema y colores**: claro, oscuro o según el visitante, y los colores del botón, el acento, el fondo y el texto para cada tema.
- **Enlaces** a Telegram, MAX, VK y Viber (el icono y el nombre se rellenan automáticamente) y a cualquier página con un nombre propio. La IA también define el orden de los enlaces.
- **Un banner, solo desde un enlace a una imagen que tú diste.** La IA la descarga en el widget. Sirven JPG, PNG, GIF y WebP. Si no se pudo descargar la imagen, el banner queda como estaba y la IA lo dice en su respuesta. La IA también define el «Enlace del banner», adónde lleva un toque en el banner.
- **Dominios del sitio web**: en qué sitios web puede mostrarse el widget. Vacío, en cualquiera. También sirven todos los subdominios a la vez: `*.example.com`. Consulta la página [Crear y configurar un widget](https://support.jetbot24.ru/es/widgets/editor#dominios-del-sitio-web).
- **Chat con el bot**: consulta más abajo.
- **Revisar el widget.** Los defectos (lo que impide que el widget funcione) la IA los corrige sola y, si necesita algo que solo tú puedes hacer, te lo dice.

La IA toma los enlaces a los bots del proyecto de sus canales y nunca los inventa. Los enlaces a grupos, canales y perfiles solo los añade si tú los diste.

Lo que la IA no hace:

- **No elimina** widgets y **no los mueve** a otro proyecto.
- **No cambia el icono** del widget en la lista de widgets.
- **No quita la marca de la plataforma.** La quita la opción de Pro «Sin marca de la plataforma»: consulta [Planes y pagos](https://support.jetbot24.ru/es/billing).

Un widget guardado por la IA pasa por la misma [revisión de la plataforma](https://support.jetbot24.ru/es/widgets#revisiones-de-widgets-por-la-plataforma) que después de editarlo en el constructor.

## Chat con el bot

La IA puede activar un [chat con el bot](https://support.jetbot24.ru/es/widgets/chat) en el widget. Te dice qué bots del proyecto pueden atender el chat, conecta el bot elegido y activa su canal «Chat web» si aún no está conectado. La IA también configura:

- el título del chat, el texto del botón y el texto del campo de entrada;
- cómo se abre el chat: como botón en la lista de canales o primero el chat;
- la recepción de archivos de los visitantes; el ajuste es común a todos los widgets con este bot;
- cuántos visitantes nuevos por IP por hora pueden abrir el chat.

El chat necesita una suscripción Pro del propietario del bot. Además del permiso sobre widgets, un miembro del equipo necesita el permiso «Editar canales» del bot: sin él, la IA no puede conectar el canal «Chat web».

## Código para tu sitio

Para que el widget aparezca en tu sitio, pega su código una vez en el HTML de cada página antes de `</body>`, o en el campo de código propio de la configuración de tu constructor de sitios. Consulta la página [Instalación en un sitio web](https://support.jetbot24.ru/es/widgets/install).

La IA te da el código en su respuesta. También puedes tomarlo en el panel de la derecha: el botón `</>` del encabezado abre el cuadro «Código para el sitio» con un botón «Copiar». Es el mismo código que en la sección «Añadir al sitio web» del widget.

![El cuadro «Código para el sitio» en el panel del widget](https://support.jetbot24.ru/_media/es/04-widgets/_images/ai-install.webp?v=1792562451)

Si el código ya está en tu sitio, no tienes que volver a pegarlo después de los cambios: aparecen en el sitio por sí solos.

## Defectos y observaciones

Los defectos son lo que impide que el widget funcione. Entonces la tarjeta del widget tiene la marca «aún no está listo» y el panel los enumera encima del widget:

- el widget no tiene ni enlaces ni chat: el visitante no tiene nada que pulsar;
- un enlace no tiene dirección;
- el chat no se ve en los sitios: el propietario del bot no tiene Pro o el canal «Chat web» del bot está desactivado.

Una observación: no hay dominios del sitio web indicados, así que el widget se puede poner en cualquier sitio. La IA te pide la dirección de tu sitio y la añade.

## Qué necesitas

- **No se necesita suscripción Pro** para crear un widget: funciona sin ella. Consulta la página [Widgets para sitios web](https://support.jetbot24.ru/es/widgets#qué-necesitas).
- **Permisos.** La IA cambia los widgets con los mismos límites que tú. Un miembro del equipo necesita un rol con el permiso «Administración de widgets».
- **Un modelo adecuado**, el mismo que para crear un bot. Si el modelo elegido no puede crear, aparece en la conversación una tarjeta «El modelo … no puede crear widgets» con un botón para cambiar a uno adecuado. Consulta la página [Crear un bot en el chat de IA](https://support.jetbot24.ru/es/chatbots/ai-builder#qué-modelo-sirve).

## Si algo no funciona

- **La IA describe el widget en texto, pero no crea nada.** La creación no se activó. Pídelo directamente: «haz un widget para el sitio web…». Si en la conversación hay una tarjeta «El modelo … no puede crear widgets», haz clic en su botón.
- **La IA dijo que lo haría, pero no pasa nada.** En el modo «Preguntar antes», el cambio espera tu decisión en la tarjeta: haz clic en «Aplicar».
- **El widget no está en el sitio.** Comprueba que el código esté en cada página y que el sitio esté en la lista de dominios. Qué más revisar se explica en la página [Instalación en un sitio web](https://support.jetbot24.ru/es/widgets/install#si-el-widget-no-aparece).
- **No hay chat en el sitio.** Mira los defectos encima del widget: el propietario del bot debe tener un Pro activo y el bot debe tener conectado el canal «Chat web».
- **El widget no tiene banner.** El enlace no llevaba a una imagen o la imagen no está disponible sin iniciar sesión. Da otro enlace.