Chatbot de IA para WordPress con WP Suite AI-Kit

AI‑Kit incluye un widget AiChatbot que puede mostrarse en todo el sitio.

A diferencia de AI‑Kit Feature, el chatbot no se añade mediante un bloque de Gutenberg ni un shortcode. Se configura en la administración de WordPress, en Ajustes de AI‑Kit → Ajustes del chatbot.

---

Requisitos​

Actualmente, el chatbot funciona en modo solo backend.

Para verlo en el frontend, comprueba que dispone de:

• Una suscripción Pro activa
• Un backend configurado (el endpoint de su backend de AI‑Kit)
• La opción Activar chatbot habilitada en Ajustes del chatbot
• Los ajustes guardados

---

Vista previa y sitio publicado​

La opción Vista previa permite probar al instante los ajustes actuales sin guardarlos.

Durante la vista previa:

• El botón del sitio publicado se oculta
• En su lugar aparece un botón de vista previa

Para aplicar la configuración al sitio, activa el chatbot (si es necesario) y guarda los cambios.

---

Referencia de ajustes​

Los ajustes del chatbot se dividen en varios grupos.

Configuración del chatbot​

• Activar chatbot — activa o desactive el widget en el sitio.
• Título del chat — título que aparece en la parte superior del cuadro de diálogo del chat.
• Aviso sobre IA — aviso situado cerca del área de estado, encima de la entrada de mensajes, que recuerda a los visitantes que las respuestas generadas por IA pueden contener errores. Déjelo vacío para usar el texto predeterminado del idioma de la interfaz seleccionado o escriba su propio texto. El marcador {name} inserta el título localizado del chat.
• Marcador de posición — texto indicativo que aparece sobre el cuadro de mensajes.
• Idioma — idioma de la interfaz empleado en las etiquetas. Déjelo vacío para usar los valores predeterminados.
• Dirección — dirección del texto: ltr | rtl | auto.
• Almacenamiento del historial — lugar donde se conserva el historial del chat:
  • localstorage (predeterminado)
  • sessionstorage
  • nostorage

Tema​

Estas opciones personalizan el tema de Mantine que usa la interfaz del chatbot:

• Modo de color — light | dark | auto.
• Color principal — nombre de un color de Mantine (o de un color personalizado).
• Tono principal (claro/oscuro) — índice de tono 0…9 empleado para el color principal.
• Colores personalizados — añade colores hexadecimales con nombre que pasan a estar disponibles como opciones de primaryColor.

Opciones avanzadas​

Diseño y límites opcionales:

• Posición del botón de apertura — lugar donde aparece el iniciador:
  • bottom-right (predeterminado)
  • bottom-left
  • top-right
  • top-left
• Etiqueta del botón de apertura — texto del iniciador.
• Disposición del icono del botón de apertura — posición del icono respecto al título: top | bottom | left | right.
• Icono del botón de apertura (base64) — URL de datos (por ejemplo, data:image/svg+xml;base64,...).
• Mostrar título del botón de apertura — muestra u oculta el título del iniciador.
• Mostrar icono del botón de apertura — muestra u oculta el icono del iniciador.
• Número máximo de imágenes — número máximo de imágenes permitidas por mensaje. Los adjuntos están desactivados de forma predeterminada: deje el campo vacío o establezca 0, salvo que el modelo configurado para el frontend admita imágenes como entrada. Un límite positivo activa los adjuntos, pero no convierte un modelo de backend que solo procesa texto en uno multimodal.
• Tamaño máximo de imagen en bytes — tamaño máximo de cada imagen en bytes.

Sustitución de etiquetas​

Puede sustituir cualquier etiqueta integrada que use la interfaz del chatbot (botones, descripciones emergentes, errores, etc.).

• Solo se guardan las etiquetas sustituidas.
• Elimina una sustitución para volver al valor predeterminado.

---

Personalización mediante variables CSS​

Para personalizar mediante tokens CSS (espaciado, radios, colores, tamaño del iniciador, dimensiones del chat, etc.), consulte Temas (variables CSS).