Personalize aparência e voz, copie o snippet de incorporação e implante um avatar 3D que fala naturalmente no seu site de marketing, WebViews in-app ou páginas de campanha. Uso e chaves API ficam visíveis no console.
- Três modos de incorporação
- iframe · Web Component · SDK JS
- Voz e sincro labial
- TTS + blendshapes
- Entrega produtizada
- Projetos · chaves · medição de uso
TRUSTED USE CASES
Isolamento de projetos, chaves API e dashboards de uso facilitam adicionar uma camada de apresentação de avatar ao lado de sistemas existentes — sem substituir seu chat ou lógica de negócio.
Construído para entrega em escala
De assets e vozes a incorporações e monitoramento de uso, a plataforma cobre o caminho da experimentação à produção para times B2B.
Um snippet, consistente em todo lugar
Após configurar no console, cole o fragmento de incorporação em páginas existentes para carregar o avatar 3D e a UI de chat — sem reconstruir sua arquitetura de frontend.
TTS + lip sync que encenam seu conteúdo
Conduza fala e sincronia labial a partir de texto; ou alinhe lábios ao seu próprio áudio para narração, treinamento e storytelling de marca.
Uso transparente em um relance
Medido por caracteres TTS, duração de lip sync e sinais relacionados — com visões claras de uso no console para manter ops e times de conteúdo alinhados.
Chaves API isoladas por projeto
Cada projeto de avatar tem suas próprias chaves e configurações para implantações multi-tenant e multi-ambiente, reduzindo riscos de uso indevido e vazamento.
Cenários típicos
De « o conteúdo está pronto » para « o avatar o interpreta » — ideal quando você já tem scripts, cursos ou textos de transmissão.
Treinamento e entrega de cursos
Desafio · Documentos longos e aulas gravadas têm dificuldade em manter atenção; aprendizes precisam de um ritmo mais natural.
Abordagem · Entregue scripts finalizados à plataforma para TTS + lip sync, incorpore o avatar dentro das páginas de aula ao lado do seu LMS existente.
Integração sugerida: iframe / Web Component
Páginas de marketing e campanha
Desafio · Páginas de campanha precisam de narração e orientação alinhadas à marca sem manter muitos vídeos separados.
Abordagem · Configure aparência e voz no console; quando o texto mudar, regenere as locuções e incorpore em landing pages — alterne idiomas ou variantes quando suportado.
Integração sugerida: SDK JS · iframe
Três formas de integrar — escolha uma
Mesmas capacidades de avatar; escolha o caminho que se ajusta à sua stack e cadência de release.
- Baixo impacto01
Incorporação iframe
Mais rápido para validar: solte a URL hospedada, comunique com a página host via postMessage — ótimo para campanhas e widgets de suporte.
- Componível02
Web Component
Elementos customizados declarativos que se alinham mais facilmente com layout e design system do seu site — ideal para sites de marca de longa duração.
- Programável03
SDK JavaScript
Inicialize em código, assine eventos e ligue lógica de negócio — melhor para times de produto que precisam de personalização profunda.
Desenvolvedores
Cada projeto tem sua própria chave API; URLs de incorporação e allowlists de domínio são configuradas no console. Exemplo JS SDK mínimo abaixo (substitua a URL placeholder pelo seu host).
<!-- 1. Carregar o SDK -->
<script type="module" src="https://embed.avataraisdk.com/sdk.js"></script>
<!-- 2. Inicializar (copie apiKey do console) -->
<script type="module">
const widget = AIAvatar.init({
agentId: 'YOUR_AGENT_ID',
apiKey: 'YOUR_API_KEY',
behavior: { llmMode: 'external' },
// Rota A: seu LLM retorna texto, nós fazemos TTS + sincronização labial
onUserInput: async (msg) => {
const reply = await myCustomerLLM(msg.content);
widget.replyText(reply);
},
});
</script>Configuração de Web Component e SDK JS — veja a documentação.
Da configuração ao lançamento em quatro passos
Um fluxo self-service que reduz handoffs para que times se concentrem em conteúdo e operações.
- 1
Cadastrar e criar um projeto
Crie um projeto de avatar no console — o contêiner para aparência, voz e chaves.
- 2
Configurar aparência e voz
Escolha da biblioteca de assets ou faça upload de recursos para combinar com seu cenário.
- 3
Copiar o snippet de incorporação
Escolha iframe, Web Component ou init do SDK conforme a stack do seu site.
- 4
Lançar e observar
Após o lançamento, monitore uso e chaves; ajuste a configuração do projeto conforme necessário.
Perguntas frequentes
As perguntas que mais ouvimos sobre a fase gratuita, tratamento de dados e ambientes suportados.
Quanto tempo durará a fase gratuita por tempo limitado?
Sem data final firme ainda. Estamos focados em polir o produto primeiro. Quando os planos pagos forem lançados, notificaremos todos os usuários cadastrados pelo menos 30 dias antes via console e site — sem corte surpresa.Os avatares, chaves API e registros de uso desta fase são preservados?
Sim, totalmente. Todos os projetos, configurações de aparência/voz, chaves API e histórico de uso criados durante a fase gratuita permanecem disponíveis na versão paga — sem necessidade de recriar ou migrar.Como será o modelo de preços pago?
Medido por caracteres TTS e segundos de lip sync, com cotas de plano mensal e pacotes de recarga. Não planejamos cobrar ações de console como criar projetos ou copiar snippets. Os preços exatos serão anunciados antes do lançamento — sem números comprometidos no momento.Há limites de uso durante a fase gratuita?
Há tetos suaves por conta para prevenir abuso e consumo descontrolado. Cargas típicas não os alcançarão. Se esperar um pico (ex: dia de campanha com >5k chamadas), envie um email com antecedência e aumentaremos seu limite manualmente.Quais navegadores e ambientes são suportados?
As duas últimas versões maiores de Chrome / Edge / Safari / Firefox no desktop; iOS Safari e Android Chrome no mobile. O avatar 3D embutido requer WebGL 2.0 — dispositivos muito antigos podem cair para uma imagem estática.Posso instalar no WordPress, Shopify, Webflow, Wix ou Squarespace?
Sim. WordPress e Shopify têm integrações dedicadas (plugin WordPress, Shopify Theme App Extension). Para Webflow, Squarespace, Ghost, Wix ou HTML estático, cole o snippet SDK do console — 1 a 3 minutos por plataforma, sem código. Guias passo a passo estão na documentação de integração do console.Posso incorporar em contas oficiais WeChat, mini programas ou WebViews de app?
Os corpos de artigos WeChat não permitem iframes ou Web Components, então a incorporação direta lá não é possível. Mini programas podem usar web-view apontando para seu próprio domínio onde o SDK funciona. WebViews de app são suportadas desde que permitam JavaScript e WebGL.
Pronto para colocar o avatar na frente dos seus usuários?
Abra o console para criar seu primeiro projeto e obter um preview de incorporação testável e uma chave API em minutos.
Ir para o console