Vai al contenuto
intoCHAT

Integrazione Webflow

Aggiungi un chatbot AI al tuo sito Webflow

Addestra un agente con le pagine, i contenuti CMS e i documenti del tuo sito Webflow, poi aggiungilo a ogni pagina con una riga nel codice del footer. Provalo nel Playground prima di pubblicare.

Crea il tuo agente gratis

Ultimo aggiornamento:

Come funziona intoCHAT su Webflow

Webflow ti permette di aggiungere codice personalizzato a tutto il sito dalle Site settings. A intoCHAT basta un tag script nel codice del footer, e la bolla della chat compare su ogni pagina pubblicata. L'agente risponde con i contenuti che gli fornisci, come pagine Webflow, elementi del CMS, PDF e coppie di domande e risposte, e lo dice quando non trova la risposta. Colori, avatar e messaggio di benvenuto si gestiscono in intoCHAT: pubblichi una volta e puoi cambiare l'agente quando vuoi.

Installare intoCHAT su Webflow

  1. Crea e addestra l'agente

    Registrati su intoCHAT, crea un agente e inserisci l'indirizzo del tuo sito Webflow nella scheda Knowledge. intoCHAT trova fino a 500 pagine tramite sitemap e link, e scegli tu quali includere.

  2. Copia il tag script

    Apri la scheda Share e copia il codice sotto Bubble Chat. Contiene già l'ID del tuo agente.

  3. Incollalo in Footer code

    In Webflow apri Site settings e vai alla scheda Custom code. Incolla lo script nel campo Footer code, non in Head code, e clicca su Save changes.

  4. Pubblica il sito

    Il codice personalizzato diventa attivo solo quando pubblichi. Pubblica il sito e apri l'indirizzo live: la bolla della chat compare nell'angolo in basso con le impostazioni di Appearance.

Il codice per il footer di Webflow

<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>

Incollalo in Footer code, non in Head code. Lo script aggiunge la bolla della chat al body della pagina appena viene eseguito, quindi deve caricarsi all'interno del body.

Cosa fa l'agente sul tuo sito Webflow

  • Legge pagine e contenuti CMS

    intoCHAT trova le pagine tramite sitemap e link, comprese le pagine del CMS come gli articoli del blog. Scegli tu le pagine e puoi escludere percorsi con dei pattern.

  • Risponde dai tuoi contenuti

    Le risposte arrivano dalle tue fonti, trovate con ricerca semantica e per parole chiave. Regole integrate tengono l'agente sui tuoi contenuti, resistono alla prompt injection e gli fanno dire quando non sa una risposta.

  • Trasforma i visitatori in lead

    Chiedi email o numero di telefono in chat, manualmente, con delle regole o quando lo decide l'AI. Ogni nuovo lead ti arriva via email e puoi esportare tutti i lead in CSV.

  • Chiama le tue API

    Con le azioni API personalizzate l'agente interroga i tuoi endpoint HTTP durante la chat, con bearer token, basic auth o API key. Fino a 25 azioni per agente.

  • Si adatta al tuo design

    Abbina colori, avatar, icona del pulsante, testo del suggerimento e posizione al tuo design Webflow, oppure importa logo e colori dall'indirizzo del sito.

Domande frequenti

Quale piano Webflow mi serve?

Webflow permette il codice personalizzato su tutto il sito quando il sito ha un Site plan attivo o fa parte di un Workspace Core, Growth, Agency o Freelancer. intoCHAT ha un proprio piano gratuito con 25 messaggi al mese, quindi puoi provare prima l'agente.

intoCHAT rallenta il mio sito Webflow?

Lo script è un singolo file che si carica alla fine del body della pagina, dopo i tuoi contenuti. La finestra della chat gira in un proprio iframe servito da intoCHAT, quindi il suo codice resta separato da quello del tuo sito.

Perché non vedo la bolla della chat?

Il codice personalizzato diventa attivo solo con la pubblicazione, quindi pubblica dopo aver salvato e controlla l'indirizzo live. Verifica che lo script sia in Footer code e non in Head code, perché ha bisogno che il body della pagina esista quando parte. Confronta anche l'ID dell'agente nel codice con quello della scheda Share.

Posso mostrare la chat solo su alcune pagine?

Sì. Lascia vuoto il Footer code del sito e apri le Page settings di ogni pagina che deve avere la chat. Incolla lo script nella sezione Before </body> tag sotto Custom code, salva e pubblica.

L'agente conosce automaticamente i nuovi elementi del CMS?

Solo dopo che li aggiungi. intoCHAT non risincronizza le fonti in automatico, quindi dopo aver pubblicato nuovi elementi del CMS aggiungi quelle pagine nella scheda Knowledge o riaddestra le pagine modificate.

Devo ripubblicare Webflow quando modifico l'agente?

No. Lo script contiene solo l'ID dell'agente. Colori, posizione, messaggio di benvenuto e conoscenze vengono caricati da intoCHAT a ogni visualizzazione di pagina, quindi le modifiche compaiono senza ripubblicare.

Guardalo rispondere dal tuo sito

Incolla l’indirizzo del tuo sito e chatta con un agente creato dalle tue pagine. Ci vuole circa un minuto.

Crea il tuo agente gratis

Piano gratuito, nessuna carta di credito.