Agentes de IA no Webflow com o ASDK

Os sites em Webflow muitas vezes são criados por um designer ou uma agência e depois entregues a uma equipe de marketing que os mantém atualizados. O ASDK combina bem com esse arranjo: ele entra uma vez como código de rodapé do site inteiro e, depois disso, tudo o que diz respeito aos agentes, das cores e dos textos a quais agentes estão ativos, é alterado no painel do ASDK, sem mexer de novo no projeto do Webflow.

O que o ASDK acrescenta a um site Webflow

O ASDK cria uma única base de conhecimento a partir das suas páginas publicadas, incluindo as páginas das suas coleções do CMS, 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.
• 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.

Como o widget é um único script, ele não muda o seu layout, as suas classes nem as interações. Ele acrescenta um botão de chat num canto da página, com a posição e a cor definidas no painel.

Um exemplo de um site Webflow

Imagine um pequeno estúdio de design cujo site em Webflow lista os serviços, alguns cases e uma página “Comece um projeto”. Um visitante na página de serviços pergunta: “Vocês migram sites do WordPress, e quanto custa isso, mais ou menos?”

O Chat encontra a página do serviço de migração e a seção de preços, responde em duas ou três frases e coloca os links das duas páginas. Se o estúdio ativou o Sales, o agente então faz uma das perguntas de qualificação do próprio estúdio, como o tamanho do site atual ou a data de lançamento, e oferece uma reunião quando as respostas se encaixam nas regras do estúdio.

Se o site não diz nada sobre os preços de migração, o agente diz isso em vez de inventar um número e se oferece para repassar a pergunta com o e-mail do visitante. O estúdio descobre que a página de preços tem uma lacuna, que vale a pena corrigir para todos os visitantes, não só para os que usam o chat.

O plano de que você precisa no Webflow

O Webflow só executa código personalizado em sites com um Site plan pago ou num Workspace pago, segundo a central de ajuda do Webflow (consultado em outubro de 2026). No plano gratuito Starter, os campos de código personalizado não podem ser salvos, então o ASDK não consegue carregar ali. Se os campos estão bloqueados no seu projeto, esse é o motivo.

Os planos do próprio ASDK são independentes: o plano Free inclui Chat e Agent-Ready, e a página de preços lista o restante.

Configure o ASDK no Webflow

<script async src="https://cdn.asdk.com/v1/asdk.js" data-site-id="SITE_ID"></script>

Se uma agência criou o seu site, a página Install pode enviar a ela por e-mail o snippet e as etapas no Webflow, e as respostas chegam para você.

O que está disponível e o que chega 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 Webflow que vale conhecer

• No site inteiro, não por página. Use o código de rodapé em Site settings para que todas as páginas recebam o widget. O código personalizado por página exigiria o snippet em cada página, e as páginas que você esquecesse ficariam sem widget.
• Endereços de staging. A verificação de instalação só abre páginas nos domínios do seu próprio site. Para conferir uma página webflow.io, adicione antes esse endereço aos domínios permitidos do seu site no ASDK, ou confira o domínio personalizado.
• Opções por página. O snippet aceita os atributos data-position, data-locale e data-open. Por exemplo, uma página de preços pode abrir o chat ao carregar, enquanto o resto do site não abre. O guia de HTML lista as opções.
• Content Security Policy. Os sites em Webflow raramente enviam uma, mas se a sua configuração acrescenta uma política por meio de um proxy ou de uma CDN, permita https://cdn.asdk.com para scripts e https://api.asdk.com para conexões. Veja Content Security Policy.

Respostas melhores a partir de um site Webflow

O Webflow facilita criar páginas em que o texto fica em abas, sliders e estados de hover. Isso fica bonito, mas um agente, como um mecanismo de busca, lê o que está no HTML da página. Alguns hábitos ajudam:

• Mantenha os fatos principais como texto de verdade. Preços, limites dos planos, áreas atendidas e prazos devem ser texto na página, não só imagens ou animações Lottie.
• Use o CMS para fatos que se repetem. Uma coleção de serviços ou de unidades, cada um com a sua página, dá ao agente uma fonte clara por tema.
• Evite esconder as respostas só atrás de interações. O conteúdo dentro de abas fechadas normalmente continua no HTML e pode ser lido; o conteúdo carregado de outro serviço só depois de um clique talvez não.
• Dê a cada página um título e um cabeçalho claros. Isso ajuda o agente a citar a página certa e ajuda os visitantes a confiar no link.

O nosso guia sobre como adicionar um assistente ao WordPress, ao Webflow e ao Wix compara as plataformas, e como treinar um chatbot com o conteúdo do seu site mostra como preparar as páginas para qualquer assistente.