Añada un avatar de IA conversacional a su sitio web.
El avatar web de IAMX permite a los visitantes escribir o hablar con un personaje. Prepare un asistente que explique sus productos, responda a partir de sus fuentes o guíe a los visitantes por las páginas que configure; después, añada el código de publicación a su sitio.
Pasos para añadirlo a su sitio
- Defina la tarea del personaje
Determine qué espera que pregunten los visitantes y de qué fuente debe proceder la respuesta correcta. Configure el papel, el idioma, la voz y, cuando sea necesario, la base de conocimiento.
- Elija el diseño del widget
Pruebe las plantillas de Publish, como el retrato circular, el panel de conversación o la vista con escena. Ajuste el tamaño y el color al diseño de su sitio.
- Añada el código a la página
Copie el código generado en Publish. Insértelo en el bloque HTML de su sitio o en el apartado para añadir código a todas las páginas.
- Pruébelo en la página real
Compruebe la apertura, el envío de mensajes, el permiso del micrófono y la salida de audio en ordenadores y móviles. Verifique que no se superponga con otros botones fijos.
Ejemplo de integración web
El siguiente código muestra la estructura. YOUR_CHARACTER_ID debe sustituirse por el identificador de su personaje; para conservar la plantilla y los tamaños elegidos, copie el código proporcionado por Publish.
<script src="https://iamxlive.com/iamx-widget.js"
data-character="YOUR_CHARACTER_ID"
data-template="round"
data-size="balanced"
data-open="minimized"
defer></script>En WordPress u otro gestor de contenidos, el plan y el bloque de código utilizados deben permitir ejecutar JavaScript personalizado. Las reglas de seguridad del sitio también deben permitir el widget y las conexiones del contenido incrustado que necesite. Guía detallada de integración web (en inglés).
Elija la plantilla según las necesidades del visitante
| Necesidad | Diseño adecuado |
|---|---|
| Ocupar menos espacio sobre el contenido de la página | Una vista inicial compacta, como Portrait Bubble o Compact Guide. |
| Seguir la conversación | Conversation Panel, que muestra el historial junto al personaje. |
| Mostrar el fondo y la escena | Scene Window o Scene Concierge. |
| Personaje 3D sin fondo | Floating Companion para un modelo GLB que se renderiza en el navegador. |
Prepare las respuestas con su propia información
En los planes compatibles, añada fuentes a la base de conocimiento y vincúlelas al personaje. Puede trabajar, por ejemplo, con descripciones de productos o condiciones de servicio. Compare las respuestas esperadas con el texto original y dé al personaje reglas claras para la información que falte o sea contradictoria.
Realizar una operación externa requiere algo más que subir documentos. Para consultar existencias o gestionar una reserva, configure por separado el servicio y la herramienta correspondientes. Consulte el alcance en la guía de integración de herramientas (en inglés).
Preguntas frecuentes
¿La conversación por voz funciona en teléfonos?
El uso del micrófono depende de los permisos del navegador y del dispositivo. Publique mediante HTTPS y pruebe en iOS y Android los pasos para conceder permiso, abrir el teclado y detener la conversación. Compruebe también la entrada por texto como alternativa.
¿Por qué no empieza el audio al abrir la página?
Los navegadores pueden exigir que el visitante toque o haga clic antes de reproducir sonido. Mantenga visible el botón de inicio y tenga en cuenta que el audio puede necesitar una interacción del usuario.
¿Puede un MetaHuman mostrarse en un widget transparente?
La plantilla que muestra el personaje sin fondo corresponde al modo GLB. La imagen de Unreal recibida mediante Pixel Streaming puede utilizarse en un marco de retrato o de escena.
¿Qué debo medir antes de publicar?
Compruebe por separado el envío de la pregunta, la llegada de la primera respuesta, el inicio del audio y la disposición en móviles. El dispositivo del visitante, la conexión y la configuración de los proveedores influyen en la experiencia.
Pruébelo con su propio caso de uso.
Prepare un personaje, hágale preguntas reales y compruebe la experiencia en el dispositivo que vaya a utilizar. Puede ponerse en contacto con nosotros para definir el alcance de la instalación.
Contenido elaborado por IAMX. Funciones y requisitos.