Agenti IA per Webflow con ASDK

I siti Webflow sono spesso realizzati da un designer o da un’agenzia e poi affidati a un team marketing che li tiene aggiornati. ASDK si adatta bene a questa organizzazione: si inserisce una sola volta come codice nel footer di tutto il sito, e da quel momento tutto ciò che riguarda gli agenti, dai colori ai testi a quali agenti sono attivi, si modifica nella dashboard di ASDK senza toccare di nuovo il progetto Webflow.

Cosa aggiunge ASDK a un sito Webflow

ASDK costruisce un’unica base di conoscenza dalle pagine pubblicate, comprese le pagine delle collection del CMS, più i documenti che carichi. Ogni agente che attivi risponde da lì.

• Chat (accesso anticipato, dal piano Free) risponde ai visitatori con i tuoi contenuti, linka le pagine da cui viene ogni risposta e si offre di raccogliere i recapiti quando non può aiutare.
• Sales (accesso anticipato, dal piano Pro) fa le domande di qualifica che scrivi in parole semplici e propone una riunione ai visitatori in target.
• Agent-Ready (accesso anticipato, dal piano Free) pubblica ciò che sa la tua base di conoscenza in formati che gli assistenti IA leggono bene, come un file llms.txt ospitato.
• Search arriverà prossimamente. Risponderà al posto di una casella di ricerca, con le fonti.

Poiché il widget è un solo script, non cambia layout, classi o interazioni. Aggiunge un pulsante di chat in un angolo della pagina, con posizione e colori impostati dalla dashboard.

Un esempio da un sito Webflow

Immagina un piccolo studio di design il cui sito Webflow elenca i servizi, qualche caso di studio e una pagina «Avvia un progetto». Un visitatore sulla pagina dei servizi chiede: «Migrate siti da WordPress, e più o meno quanto costa?»

Chat trova la pagina del servizio di migrazione e la sezione dei prezzi, risponde in due o tre frasi e linka entrambe le pagine. Se lo studio ha attivato Sales, l’agente fa poi una delle domande di qualifica dello studio, come la dimensione del sito attuale o la data di lancio, e propone una riunione quando le risposte rispettano le regole dello studio.

Se il sito non dice nulla sui prezzi delle migrazioni, l’agente lo dice invece di inventare un numero, e si offre di inoltrare la domanda con l’email del visitatore. Lo studio scopre che la sua pagina dei prezzi ha una lacuna, che vale la pena colmare per tutti i visitatori, non solo per quelli che usano la chat.

Il piano Webflow necessario

Secondo il centro assistenza di Webflow (verificato a ottobre 2026), Webflow esegue il codice personalizzato solo sui siti con un Site plan a pagamento o in un Workspace a pagamento. Con il piano gratuito Starter i campi del codice personalizzato non si possono salvare, quindi ASDK non può caricarsi. Se nel tuo progetto i campi sono bloccati, il motivo è questo.

I piani di ASDK sono un’altra cosa: il piano Free include Chat e Agent-Ready, e la pagina dei prezzi elenca il resto.

Configura ASDK su Webflow

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

Se il tuo sito l’ha realizzato un’agenzia, dalla pagina Install puoi inviarle via email lo snippet e i passaggi per Webflow, e le risposte arrivano a te.

Cosa è disponibile e cosa arriverà presto

ASDK nel suo insieme è in accesso anticipato: gli agenti funzionano e puoi usarli, ma possono cambiare mentre li miglioriamo.

Dettagli di Webflow da conoscere

• Su tutto il sito, non pagina per pagina. Usa il codice del footer in Site settings, così ogni pagina riceve il widget. Il codice personalizzato a livello di pagina richiederebbe lo snippet su ogni pagina, e quelle dimenticate resterebbero senza widget.
• Indirizzi di staging. La verifica dell’installazione apre solo le pagine sui domini del tuo sito. Per verificare una pagina webflow.io, aggiungi prima quell’indirizzo ai domini consentiti del tuo sito in ASDK, oppure verifica il dominio personalizzato.
• Opzioni per pagina. Lo snippet accetta gli attributi data-position, data-locale e data-open. Per esempio, una pagina dei prezzi potrebbe aprire la chat al caricamento mentre il resto del sito no. La guida HTML elenca le opzioni.
• Content Security Policy. I siti Webflow ne inviano raramente una, ma se la tua configurazione aggiunge una policy tramite un proxy o una CDN, consenti https://cdn.asdk.com per gli script e https://api.asdk.com per le connessioni. Vedi Content Security Policy.

Risposte migliori da un sito Webflow

Webflow rende facile progettare pagine in cui il testo sta in schede, slider e stati al passaggio del mouse. È bello da vedere, ma un agente, come un motore di ricerca, legge ciò che c’è nell’HTML della pagina. Alcune abitudini aiutano:

• Tieni i dati chiave come testo vero. Prezzi, limiti dei piani, zone servite e tempi di consegna devono essere testo sulla pagina, non solo dentro immagini o animazioni Lottie.
• Usa il CMS per i dati ripetibili. Una collection di servizi o sedi, ciascuno con la propria pagina, dà all’agente una fonte chiara per ogni argomento.
• Non nascondere le risposte solo dietro le interazioni. Il contenuto dentro schede chiuse di solito è comunque nell’HTML e leggibile; quello caricato da un altro servizio solo dopo un clic potrebbe non esserlo.
• Dai a ogni pagina un titolo e un’intestazione chiari. Aiuta l’agente a citare la pagina giusta, e aiuta i visitatori a fidarsi del link.

La nostra guida per aggiungere un assistente a WordPress, Webflow e Wix confronta le piattaforme, e quella su come addestrare un chatbot sui contenuti del tuo sito spiega come preparare le pagine per qualsiasi assistente.