Chatbot IA per siti Framer: la guida di setup per il 2026

Framer è diventato lo strumento di default per i founder che vogliono un sito marketing che venga davvero pubblicato. Tipografia pulita, collezioni CMS, animazioni fluide — e tutto senza scrivere una riga di React. Ma nel momento in cui arriva il primo visitatore con una domanda, Framer smette di aiutare: nessuna live chat integrata, nessun widget FAQ, e i pochi plugin della community sono o semplici form email o nascosti dietro prezzi enterprise.

Il buco conta. La maggior parte delle decisioni di acquisto B2B viene presa prima ancora di parlare con le vendite, e gran parte di quella ricerca succede a orari in cui nessuno controlla la casella. Una pagina FAQ statica è il cimitero dei deal: gli utenti la scorrono, non trovano nulla di specifico al loro caso e chiudono il tab.

Un vero chatbot IA chiude quel buco. Non il tree-based del 2018, ma un assistente con LLM che legge i tuoi doc, i tuoi prezzi, i tuoi case study e risponde con le fonti. Specificamente per Framer, il chatbot giusto ha tre caratteristiche:

1. Zero dipendenze in build time — niente da installare nel progetto Framer, nessun componente custom code, nessun re-export Next.js. Va giù come singolo script di embed.
2. Funziona con il contenuto del CMS Framer — può crawlare il tuo sito pubblicato e restare sincronizzato quando aggiungi pagine.
3. Si intona al tuo sistema visivo — i designer Framer sono ossessionati dal brand; un chatbot che sembra una bolla di supporto del 2019 viene disinstallato all'istante.

Chatloom è stato costruito esattamente per soddisfare questi tre vincoli, ed è il motivo per cui il nome torna così spesso nei Slack dei founder Framer nel 2026.

La via più rapida è l'embed via custom code, disponibile su ogni piano Framer incluso il free Hobby. Il flusso completo è di quattro passi e richiede meno di tre minuti se hai già un account Chatloom:

Crea agent → Crawla sito Framer → Copia embed → Incolla nel Custom Code di Framer → Pubblica

1. Crea il tuo agent. Registrati su chatloom.app, dai un nome all'agent e scegli un modello (GPT-4.1 Mini è il default e gestisce il 95% delle domande di un sito marketing per centesimi al mese).
2. Puntalo al tuo sito Framer. Il crawler integrato di Chatloom prende il tuo URL pubblicato (tuodominio.framer.website o il dominio custom) e indicizza ogni pagina raggiungibile. Per un sito tipico di 12 pagine sono circa 90 secondi. Il crawler rispetta robots.txt e rate limit, quindi non attiva la protezione anti-bot di Framer.
3. Prendi lo snippet di embed. Nella dashboard dell'agent apri Install → Custom embed e copia lo script di tre righe:

<script>
  window.CHATLOOM_AGENT_ID = "agt_xxxxxxxxxxxxxxxx";
</script>
<script async src="https://chatloom.app/widget.js"></script>

1. Incolla in Framer. Apri il progetto Framer, vai in Site Settings → General → Custom Code e incolla lo snippet nel campo End of body. Salva, pubblica. Il widget appare globalmente su ogni pagina — comprese quelle che aggiungerai in futuro.

Questo è tutto il lavoro sviluppatore. Niente npm, niente route API, nessun plugin Framer da autorizzare. Il widget è self-hosted sulla CDN di Chatloom e si aggiorna da solo, quindi non toccherai più questo codice.

I designer Framer sono ossessionati da una cosa: il chatbot non deve sembrare incollato sopra. Il widget builder di Chatloom è stato progettato per esattamente questo vincolo. Ogni proprietà visiva che conta è un control, non un nome di classe.

Nella sezione Widget del builder puoi configurare:

• Launcher mode — bottone, pannello compatto, overlay fullscreen o sidebar. Il fullscreen funziona benissimo sulle landing Framer perché rispetta il viewport dell'hero e sfuma lo sfondo.
• Brand colors — primario, accento e superficie. Tutta la superficie del chat (header, bolle, suggerimenti, typing indicator) si ri-tematizza in tempo reale.
• Raggio degli angoli — abbinalo al 12 px di default di Framer, più tagliente per siti editoriali, completamente tondo per brand giocosi.
• Font custom — carica un .woff2 o scegli da Google Fonts. Su un sito marketing la battaglia si vince sui font, ed è la feature più richiesta dalla community Framer.
• Icona e avatar — carica il tuo marchio come PNG trasparente. Il bottone launcher rispetta il PNG e resta nitido su retina.
• Sfondo della chat — gradiente, colore pieno o immagine. Abbinalo all'hero Framer e il widget sembra parte della pagina, non un inserto di terze parti.

Ogni sezione del builder ha un pulsante Test Live che apre il widget reale in un viewport simulato. Non pubblicare nulla che non passi il test visivo.

Un chatbot con una knowledge base vuota è peggio di nessun chatbot: inventa risposte e fa fuggire i visitatori. I siti Framer sono insolitamente facili da addestrare perché il contenuto è già strutturato: le sezioni hero hanno titoli chiari, gli item CMS hanno campi coerenti, le tabelle prezzi vivono in componenti Framer nativi.

Chatloom offre quattro vie di ingestion e funzionano tutte su un progetto Framer:

1. Crawl — incolla il tuo dominio Framer una volta, e Chatloom percorre la sitemap, estrae il contenuto principale, toglie l'UI di Framer (navbar, cookie banner, footer) e spezzetta il resto per il RAG. Da solo copre l'80% delle domande marketing.
2. Upload sitemap — se il sito è protetto da password o vuoi un sottoinsieme, carica una sitemap.xml e scegli gli URL.
3. Upload PDF e doc — butta dentro il pitch deck, il one-pager, il PDF dei prezzi o il doc di onboarding. Chatloom li parsa con la stessa pipeline di embedding del crawl.
4. Testo manuale — per le risposte sfumate che non sono ancora sul sito («cosa succede se annullo a metà trial?»), scrivile direttamente nella knowledge base. Diventano chunk di prima classe e battono il crawl quando un visitatore fa esattamente quella domanda.

Il motore di ricerca ibrida sotto (vettori densi + BM25 + RRF + reranker Cohere) significa che non devi pensare alla corrispondenza delle keyword. «Come faccio downgrade?» trova la risposta giusta anche se i tuoi doc dicono «cambiare piano».

L'IA non è tutto il prodotto su un sito Framer. Nel momento in cui il bot incontra un compratore serio, deve togliersi di mezzo. Chatloom integra tre percorsi di escalation:

Passaggio umano. Ogni conversazione può essere presa in carico da un operatore umano nella inbox Chatloom. L'operatore vede il transcript completo, il percorso di pagina del visitatore (e quindi quale sezione del sito Framer ha innescato il chat) e i punteggi di confidenza emessi dall'IA. I founder Framer lo gestiscono tipicamente in prima persona nel primo mese, poi lo passano a un freelancer o a un SDR a contratto.

Cattura lead. Il bot può raccogliere nome, email e una o due domande di qualifica in conversazione naturale, poi spingere il lead nel CRM via webhook, Zapier o integrazione diretta HubSpot/Pipedrive. Senza form.

Prenotazione calendario. Metti un link Cal.com o Calendly nel system prompt e il bot distribuirà URL di prenotazione quando il compratore dice cose come «posso vedere una demo?» o «come comincio?». Per le vendite ad alta intenzione converte molto meglio di un bottone statico «Prenota demo» nella nav.

Tutti e tre i percorsi condividono lo stesso record di conversazione. Se l'IA ha risposto ai primi tre messaggi e l'umano prende il quarto, il CRM riceve tutta la storia — senza il momento «puoi ripetermi cosa hai detto al bot?».

È qui che i founder Framer si preparano al preventivo Intercom. L'economia è completamente diversa ora.

Chatloom Free (0 $/mese) copre 100 messaggi IA al mese, pagine crawlate illimitate, personalizzazione del brand e lo script di embed. Per una landing Framer con waitlist basta davvero.

Chatloom Starter (29 $/mese) sblocca 2.000 messaggi, passaggio a live chat, analytics, webhook CRM e toglie il badge «Powered by Chatloom». È il tier su cui si assesta la maggior parte dei founder quando arriva il traffico reale.

Chatloom Pro (99 $/mese) aggiunge routing di modelli custom, supporto prioritario, limiti di messaggi più alti e accesso multi-seat — utile quando un SDR a contratto o una persona di supporto part-time condivide la inbox.

Confrontalo con gli storici:

Per un sito marketing fatto in Framer quei numeri storici sono completamente sproporzionati rispetto al traffico. Anche la matematica del break-even è più amichevole di quanto la gente si aspetti: al prezzo Starter, il chatbot si ripaga se devia due email al mese che sarebbero andate a una VA freelance da 75 $/ora. In pratica il rapporto è più vicino a 40 a 1.