Guía de configuración
Integra el widget de AI Anywhere sin problemas en tu aplicación con nuestra guía de integración completa.
La configuración es donde AI Anywhere realmente se convierte en tuyo. Cada Asistente tiene ajustes que definen cómo se comporta y aparece. Deja\
Configuración del Asistente
Al crear o editar un Asistente, configuras:
- Nombre del Asistente: Un nombre descriptivo para tu Asistente (por ejemplo, "Asistente de Formulario de Contacto", "Bot de Soporte"). Esto te ayuda a identificarlo en tu panel de control.
- Selector: El selector CSS que apunta a tu área de texto (por ejemplo,
#message,.comment-box). Esto indica al Asistente dónde adjuntar. Requerido cuando el Asistente está configurado para Incrustar o Ambos; opcional solo para Página del Asistente. - Requisitos y Palabras Clave: Palabras clave o frases que el Asistente debe considerar al analizar la entrada del usuario. Estas ayudan a guiar la IA\
- Respuesta del Asistente: Un texto de muestra que demuestra la calidad y el estilo que deseas que los usuarios logren. El Asistente utiliza esto para entender el contexto y proporcionar sugerencias relevantes.
Para configurar su Asistente, navegue a su panel de control y cree un nuevo Asistente o edite uno existente. Aquí puede establecer el selector, la Respuesta del Asistente y todos los demás ajustes del Asistente.
Configuración del Botón
El Botón del Asistente es lo que los usuarios ven y hacen clic. Puedes personalizar:
- Etiqueta del Botón: El texto que aparece en el botón (por ejemplo, "Asistente", "Obtener Ayuda", "Asistente de IA"). Elige algo claro y atractivo que coincida con la voz de tu marca.
La etiqueta del botón es una de las primeras cosas que los usuarios ven, así que elige algo que comunique claramente lo que hace el Asistente y anime a los usuarios a hacer clic en él.
Configuración del Agente
Los ajustes del Agente controlan cómo se comunica el Asistente con los usuarios. Configura:
- Idioma: Selecciona el idioma para la interfaz del Asistente y las sugerencias. Las opciones incluyen inglés, español, francés, alemán, chino, japonés, árabe, portugués, ruso, hindi, y otros.
Configuración del Tema
Los ajustes del tema controlan la apariencia visual de tu Asistente:
- Color del Tema: El color principal utilizado para el botón del Asistente. Usa el selector de color para seleccionar un color hex que coincida con tu marca (por ejemplo,
#4B0082para púrpura). - Estilo del Tema: Elige entre estilos de tema predefinidos: Predeterminado, Minimalista, Moderno, Clásico, Corporativo o Creativo. Cada tema tiene un estilo visual diferente para la interfaz del Asistente.
También puedes hacer clic en "Personalizar" para acceder a opciones avanzadas de tematización donde puedes ajustar la apariencia del botón, colores y estilos. Para más detalles, consulta nuestro Tematización y personalización guía.
Flujo de Configuración de Ejemplo
Configuraciones del Ayudante:
- Crear Tema En tu panel de control, crea un nuevo Asistente y dale un nombre descriptivo (por ejemplo, "Asistente de Formulario de Contacto").
- Establecer Selector: Introduce el selector CSS para tu área de texto (por ejemplo,
#messageo.contact-form textarea). - Configurar Botón: Establece la etiqueta en "Asistente" o personalízala para que coincida con tu marca.
- Establecer color del botón: Elige el color de tu marca (por ejemplo,
#4B0082para púrpura). - Establecer idioma: Elige el idioma (por ejemplo, "Inglés").
- Agregar ejemplo ideal: Pega un texto de ejemplo de alta calidad que muestre lo que deseas que los usuarios logren.
- Agregar palabras clave (opcional): Agrega palabras clave relevantes que el Asistente debe considerar.
- Copia tu fragmento: Una vez que todo esté configurado, haz clic en "Generar fragmento" y copia el código de integración para agregarlo a tu sitio.