SaaS de avatar para equipos y desarrolladores

Un avatar IA integrablepara tus páginas de producto

Personaliza apariencia y voz, copia el fragmento de integración y despliega un avatar 3D que habla con naturalidad en tu sitio de marketing, WebViews in-app o páginas de campaña. El uso y las claves API quedan visibles en la consola.

Tres modos de integración
iframe · Web Component · SDK JS
Voz y sincro labial
TTS + blendshapes
Entrega productizada
Proyectos · claves · medición de uso

TRUSTED USE CASES

EducaciónServicios financierosSector públicoMarcas retailProductos SaaSSalud

Aislamiento de proyectos, claves API y paneles de uso facilitan añadir una capa de presentación de avatar junto a sistemas existentes — sin reemplazar tu chat o lógica de negocio.

Diseñado para entrega a escala

Desde assets y voces hasta integraciones y seguimiento de uso, la plataforma cubre el camino del piloto a producción para equipos B2B.

  • Un solo fragmento, consistente en todas partes

    Tras configurar en la consola, pega el fragmento de integración en páginas existentes para cargar el avatar 3D y la UI de chat — sin reconstruir tu arquitectura de frontend.

  • TTS + lip sync que ponen en escena tu contenido

    Impulsa habla y sincronización labial desde texto; o alinea labios con tu propio audio para narración, formación y storytelling de marca.

  • Uso transparente de un vistazo

    Medido en caracteres TTS, duración de lip sync y señales relacionadas — con vistas claras en la consola para mantener alineados a equipos de ops y contenido.

  • Claves API aisladas por proyecto

    Cada proyecto de avatar tiene sus propias claves y configuración para despliegues multi-tenant y multi-entorno, reduciendo riesgo de uso indebido y filtración.

Escenarios típicos

De « el contenido está listo » a « el avatar lo interpreta » — ideal cuando ya tienes guiones, cursos o textos de difusión.

  • Formación y entrega de cursos

    Reto · Documentos largos y lecciones grabadas cuestan mantener atención; los aprendices necesitan un ritmo más natural.

    Enfoque · Entrega guiones finalizados a la plataforma para TTS + lip sync, integra el avatar dentro de las páginas de lección junto a tu LMS existente.

    Integración sugerida: iframe / Web Component

  • Páginas de marketing y campañas

    Reto · Las páginas de campaña necesitan narración y guía coherentes con la marca sin mantener muchos vídeos separados.

    Enfoque · Configura apariencia y voz en la consola; cuando cambia el texto, regenera las locuciones e intégralas en landing pages — cambia idiomas o variantes cuando se admita.

    Integración sugerida: SDK JS · iframe

Tres formas de integrar — elige una

Mismas capacidades de avatar; elige el camino que encaje con tu stack y cadencia de release.

  1. Bajo impacto01

    Integración iframe

    Lo más rápido para validar: pega la URL alojada, comunícate con la página anfitriona vía postMessage — perfecto para campañas y widgets de soporte.

  2. Componible02

    Web Component

    Elementos personalizados declarativos que se alinean más fácil con el layout y design system de tu sitio — ideal para sitios de marca de larga vida.

  3. Programable03

    SDK JavaScript

    Inicializa en código, suscríbete a eventos y conecta lógica de negocio — mejor para equipos de producto que necesitan personalización profunda.

Desarrolladores

Cada proyecto tiene su propia clave API; las URLs de integración y allowlists de dominio se configuran en la consola. Ejemplo JS SDK mínimo abajo (reemplaza la URL de marcador con tu host).

index.htmlJS SDK
<!-- 1. Cargar el SDK -->
<script type="module" src="https://embed.avataraisdk.com/sdk.js"></script>

<!-- 2. Inicializar (copia apiKey desde la consola) -->
<script type="module">
  const widget = AIAvatar.init({
    agentId: 'YOUR_AGENT_ID',
    apiKey: 'YOUR_API_KEY',
    behavior: { llmMode: 'external' },

    // Ruta A: tu LLM devuelve texto, nosotros hacemos TTS + sincronización labial
    onUserInput: async (msg) => {
      const reply = await myCustomerLLM(msg.content);
      widget.replyText(reply);
    },
  });
</script>

Configuración de Web Component y SDK JS — ver documentación.

De la configuración al lanzamiento en cuatro pasos

Un flujo self-service que reduce traspasos para que los equipos se centren en contenido y operaciones.

  1. 1

    Registrarse y crear un proyecto

    Crea un proyecto de avatar en la consola — el contenedor para apariencia, voz y claves.

  2. 2

    Configurar apariencia y voz

    Elige de la biblioteca de assets o sube recursos para encajar tu escenario.

  3. 3

    Copiar el fragmento de integración

    Elige iframe, Web Component o init de SDK según el stack de tu sitio.

  4. 4

    Lanzar y observar

    Tras el lanzamiento, monitoriza uso y claves; ajusta la configuración del proyecto según necesidad.

Preguntas frecuentes

Las preguntas que más oímos sobre la fase gratuita, manejo de datos y entornos soportados.

  • ¿Cuánto durará la fase gratuita por tiempo limitado?

    Sin fecha de fin firme aún. Nos centramos primero en pulir el producto. Cuando lancemos los planes de pago, notificaremos a todos los usuarios registrados al menos 30 días antes vía consola y web — sin sorpresas.
  • ¿Se conservan los avatares, claves API e historial de uso de esta fase?

    Sí, completamente. Todos los proyectos, configuraciones de apariencia/voz, claves API e historial creados durante la fase gratuita siguen disponibles en la versión de pago — sin recrear ni migrar.
  • ¿Cómo será el modelo de precios de pago?

    Medido en caracteres TTS y segundos de lip sync, con cuotas de plan mensual y paquetes de recarga. No planeamos cobrar acciones de consola como crear proyectos o copiar fragmentos. Los precios exactos se anunciarán antes del lanzamiento — sin cifras comprometidas ahora.
  • ¿Hay límites de uso durante la fase gratuita?

    Hay topes blandos por cuenta para prevenir abuso y consumo descontrolado. Las cargas típicas no los alcanzarán. Si esperas un pico (ej. día de campaña con >5k llamadas), envíanos un email con antelación y subiremos tu límite manualmente.
  • ¿Qué navegadores y entornos están soportados?

    Las dos últimas versiones mayores de Chrome / Edge / Safari / Firefox en escritorio; iOS Safari y Android Chrome en móvil. El avatar 3D embebido requiere WebGL 2.0 — dispositivos muy antiguos pueden recurrir a una imagen estática.
  • ¿Puedo instalarlo en WordPress, Shopify, Webflow, Wix o Squarespace?

    Sí. WordPress y Shopify tienen integraciones dedicadas (plugin de WordPress, Shopify Theme App Extension). Para Webflow, Squarespace, Ghost, Wix o HTML estático, pega el snippet SDK desde la consola — 1 a 3 minutos por plataforma, sin código. Las guías paso a paso están en la documentación de integración de la consola.
  • ¿Puedo integrarlo en cuentas oficiales WeChat, mini programas o WebViews de app?

    Los cuerpos de artículos WeChat no permiten iframes ni Web Components, así que la integración directa allí no es posible. Los mini programas pueden usar web-view apuntando a tu propio dominio donde funciona el SDK. Los WebViews de app están soportados siempre que permitan JavaScript y WebGL.

¿Listo para poner el avatar frente a tus usuarios?

Abre la consola para crear tu primer proyecto y obtener una vista previa de integración testeable y una clave API en minutos.

Ir a la consola