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
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.
- 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.
- 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.
- 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).
<!-- 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
Registrarse y crear un proyecto
Crea un proyecto de avatar en la consola — el contenedor para apariencia, voz y claves.
- 2
Configurar apariencia y voz
Elige de la biblioteca de assets o sube recursos para encajar tu escenario.
- 3
Copiar el fragmento de integración
Elige iframe, Web Component o init de SDK según el stack de tu sitio.
- 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