Agentes de IA no Framer com o ASDK
Adicione os agentes de IA do ASDK a um site Framer com código personalizado no fim da tag body: o que você ganha, como configurar e o que ainda chega em breve.
- Status
- Funciona com o ASDK hoje, durante o acesso antecipado.
- Instalação
- Guia de instalação para Framer inglês
- Plano
- Todos os planos, incluindo o Free
- Fornecedor
- Site de Framer
Agentes que funcionam com Framer
Todos os agentes respondem com a mesma base de conhecimento sobre o seu site. Os status vêm do catálogo do ASDK: agentes em acesso antecipado funcionam hoje; os que chegam em breve, ainda não.
Chat
Acesso antecipadoResponde aos visitantes com o seu próprio conteúdo, 24/7, e captura contatos.
A partir do plano Free
Sales
Acesso antecipadoQualifica visitantes, agenda reuniões e envia leads para o seu CRM por meio de webhooks e do Zapier.
A partir do plano Pro
Agent-Ready
Acesso antecipadoTorna o seu site legível e utilizável para o ChatGPT, o Gemini, o Claude e outros agentes de IA.
A partir do plano Free
Search
Em breveSubstitui a caixa de busca por respostas instantâneas e com fontes.
A partir do plano Starter
Como funciona com Framer
Nesta página
Os sites em Framer muitas vezes são landing pages de startups e sites de marketing de produto que mudam a cada uma ou duas semanas. O ASDK combina com esse ritmo. Você adiciona um script às configurações do site uma vez e, a partir daí, os agentes leem todas as páginas que você publica, então uma nova landing page entra na base de conhecimento na próxima atualização, sem que ninguém mexa no widget.
O que o ASDK acrescenta a um site Framer
O ASDK cria uma única base de conhecimentoA knowledge base is the curated set of content an AI agent is allowed to answer from, such as web pages, help articles, PDFs and FAQs, kept indexed and current. a partir das suas páginas publicadas, incluindo páginas do CMS como um blog ou uma página de novidades, mais os documentos que você enviar. Todo agente que você ativa responde com base nela.
- Chat (acesso antecipado, a partir do plano Free) responde aos visitantes com base no seu conteúdo, coloca os links das páginas de onde veio cada resposta e se oferece para anotar os dados de contato quando não consegue ajudar.
- Sales (acesso antecipado, a partir do plano Pro) faz as perguntas de qualificação que você escreve em linguagem simples e oferece uma reunião aos visitantes que se encaixam. No site de uma startup, isso muitas vezes significa mandar as equipes pequenas para o autoatendimento e agendar ligações com as maiores.
- Agent-Ready (acesso antecipado, a partir do plano Free) publica o que a sua base de conhecimento sabe em formatos que os assistentes de IA leem bem, como um arquivo llms.txtllms.txt is a proposed Markdown file at a website's root that gives AI tools a short summary of the site and links to the pages that matter most. hospedado.
- Search chega em breve. Ele vai responder no lugar de uma caixa de busca, com fontes.
O widget é um único script que acrescenta um botão de chat num canto da página. Ele não mexe nos seus componentes, animações ou breakpoints do Framer.
Um exemplo de um site Framer
Imagine uma empresa de software jovem com um site em Framer: uma landing page, uma página de preços, uma página de novidades e uma FAQ curta. Um visitante na página de preços pergunta: “O plano Team inclui login único, e existe um teste grátis?”
O Chat encontra a tabela de preços e a FAQ, responde às duas partes e coloca os links das páginas que usou. Se a empresa ativou o Sales e o visitante menciona uma equipe de 80 pessoas, o agente faz as perguntas de qualificação da própria empresa e oferece uma demonstração; uma equipe de cinco pessoas é direcionada para o teste.
Se o site não menciona login único em lugar nenhum, o agente diz isso em vez de adivinhar. Essa lacuna é uma informação útil: provavelmente é uma pergunta que as suas ligações de vendas também ouvem.
Como funciona no Framer
O Framer adiciona scripts ao site inteiro a partir das configurações de código personalizado do projeto. A central de ajuda do Framer os coloca em Project settings → Custom code e recomenda o fim da tag body para scripts (consultado em outubro de 2026). É ali que entra o snippet do ASDK.
Se o seu site troca de página sem recarregar tudo, o widget percebe essas mudanças sozinho, então um visitante pode ir da página inicial para a de preços no meio de uma conversa e continuar conversando.
O código personalizado depende do seu plano do Framer. Se os campos de código personalizado estão bloqueados, o seu plano não o inclui; a página de preços do Framer lista o que cada plano inclui (consultado em outubro de 2026). Os planos do próprio ASDK são independentes, e o plano Free inclui Chat e Agent-Ready.
Configure o ASDK no Framer
Crie o seu site no ASDK
Adicione o endereço do seu site no painel. O ASDK lê as suas páginas publicadas e cria a base de conhecimento; a página Install então mostra o seu snippet com o ID do seu site.
Adicione o snippet no fim do body
No seu projeto do Framer, abra as configurações do site e vá até Custom code. Adicione o snippet no campo para o fim da tag body:
<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>Use a configuração do site inteiro, não as configurações de uma única página.
Publique
Publique o site. O Framer não executa código personalizado no canvas nem na pré-visualização.
Confira
Abra o site publicado, procure o botão de chat e clique em Check installation no painel. O guia de instalação para Framer tem os detalhes.
O que está disponível e o que chega em breve
| Item | Status |
|---|---|
| Instalação com código personalizado no site inteiro | Disponível |
| Um plugin do Framer ou uma listagem no Marketplace | Não é necessário para a configuração |
| Agentes Chat, Sales e Agent-Ready | Acesso antecipado |
| Agente Search | Em breve |
O ASDK como um todo está em acesso antecipado: os agentes funcionam e você pode usá-los, mas eles podem mudar enquanto os aprimoramos.
Detalhes do Framer que vale conhecer
- Um snippet para o site inteiro. O código personalizado por página exigiria o snippet em cada página, e as páginas novas começariam sem ele. O campo do site inteiro evita isso.
- Abrir o chat a partir do seu próprio botão. Um botão “Fale com a gente” no seu design pode abrir o widget chamando
asdk("open"). O guia de HTML mostra a linha que enfileira as chamadas feitas antes de o widget carregar. - Opções para uma única página. Atributos como
data-open="true"abrem o chat quando uma página carrega, por exemplo numa página de preços. O guia de HTML lista todas as opções. - Domínios de staging. A verificação de instalação só abre os domínios do seu próprio site. Confira o domínio que os seus visitantes usam, ou adicione antes o endereço de staging aos domínios permitidos do seu site no ASDK.
Respostas melhores a partir de um site Framer
As landing pages em Framer muitas vezes têm pouco texto de propósito. Isso funciona para uma seção de destaque, mas um agente precisa de fatos que possa citar:
- Escreva os preços e os limites por extenso. Se os limites de um plano só aparecem numa dica flutuante ou num seletor, acrescente-os como texto na página de preços.
- Publique uma página de novidades. Ela responde a “vocês já oferecem X?” melhor do que qualquer título de marketing.
- Mantenha uma FAQ curta. Perguntas sobre testes, segurança, integrações e cobrança, com respostas diretas, são os trechos que um agente mais cita.
- Aposente as landing pages antigas. Páginas de campanhas com ofertas vencidas continuam públicas e ainda podem ser citadas.
O Verificador de prontidão para agentes, gratuito, mostra o que os assistentes de IA conseguem ler hoje no seu site, e o nosso checklist de site pronto para agentes explica o que corrigir primeiro.
Teste o agente Chat em acesso antecipado
Responde aos visitantes com o seu próprio conteúdo, 24/7, e captura contatos.
Fontes
As páginas que lemos para esta página, com a data em que consultamos cada uma.
- Optimizing your site for speed and performance — Framer Help · consultado em 21 de outubro de 2026
- Framer pricing · consultado em 21 de outubro de 2026
Perguntas frequentes
Tem outra pergunta? Escreva para hello@asdk.com
Onde o snippet do ASDK entra no Framer?
Nas configurações de código personalizado do site inteiro, no campo para o fim da tag body. Use a configuração do site inteiro em vez da de uma única página, para que todas as páginas recebam o widget.
Por que não vejo o widget no canvas do Framer?
O Framer não executa código personalizado no canvas nem na pré-visualização. Publique o site e abra o endereço publicado num navegador.
Os meus campos de código personalizado estão bloqueados. O que isso significa?
O plano do seu site no Framer não inclui código personalizado. A página de preços do Framer lista o que cada plano inclui. Sem código personalizado, o snippet do ASDK não consegue carregar.
A conversa continua quando o visitante muda de página?
Sim. O widget guarda um ID aleatório do visitante no armazenamento local do navegador e acompanha sozinho as mudanças de página feitas no navegador, então a conversa continua enquanto os visitantes passam de uma página para outra.