Pular para o conteúdo
DisponívelPlataforma de site

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.
Plano
Todos os planos, incluindo o Free
Fornecedor
Site de Framer
Exemplo. A Northwind Logistics é uma empresa fictícia.

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 antecipado

    Responde aos visitantes com o seu próprio conteúdo, 24/7, e captura contatos.

    A partir do plano Free

  • Sales

    Acesso antecipado

    Qualifica 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 antecipado

    Torna 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 breve

    Substitui 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 conhecimento 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.txt 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:

HTML
<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

ItemStatus
Instalação com código personalizado no site inteiroDisponível
Um plugin do Framer ou uma listagem no MarketplaceNão é necessário para a configuração
Agentes Chat, Sales e Agent-ReadyAcesso antecipado
Agente SearchEm 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.

Agente do ASDKAcesso antecipado

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.

  1. Optimizing your site for speed and performance — Framer Help · consultado em 21 de outubro de 2026
  2. 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.

Adicione o ASDK ao seu site

O ASDK está em acesso antecipado. Há planos gratuitos, e o teste de 14 dias não exige cartão.