Vai al contenuto
intoCHAT

Integrazione Framer

Aggiungi un chatbot AI al tuo sito Framer

Addestra un agente con le pagine e i documenti del tuo sito Framer, poi aggiungilo a tutto il sito con uno script in Custom Code. Si integra nel tuo design e risponde con i tuoi contenuti.

Crea il tuo agente gratis

Ultimo aggiornamento:

Come funziona intoCHAT su Framer

Framer ti permette di aggiungere script a tutto il sito dalle impostazioni Custom Code. A intoCHAT basta un tag script alla fine del body, e una bolla della chat compare nell'angolo di ogni pagina pubblicata. L'agente risponde con ciò che gli fornisci, come le pagine Framer, i PDF e le coppie di domande e risposte, e lo dice quando non sa una cosa. L'aspetto della chat si definisce in intoCHAT, quindi puoi cambiare colori, avatar o messaggio di benvenuto senza ripubblicare il sito Framer.

Installare intoCHAT su Framer

  1. Crea e addestra l'agente

    Registrati su intoCHAT, crea un agente e inserisci l'indirizzo del tuo sito Framer nella scheda Knowledge. intoCHAT trova fino a 500 pagine, esegue il JavaScript prima di leggerle e ti lascia scegliere 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. Aggiungi uno script in Custom Code

    In Framer apri Project Settings e seleziona la scheda Custom Code. Clicca su Add Script, dagli un nome come intoCHAT e incolla il codice.

  4. Imposta posizione e frequenza

    Posiziona lo script alla fine del body, lascialo attivo su tutte le pagine e impostalo su Once invece che a ogni visita di pagina.

  5. Pubblica e controlla il sito live

    Framer non carica il codice personalizzato nell'anteprima della canvas. Pubblica il sito e apri la pagina live: la bolla della chat compare nell'angolo in basso con le impostazioni di Appearance.

Il codice per Custom Code di Framer

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

Posizionalo alla fine del body, non nell'head, e fallo eseguire una sola volta. Lo script aggiunge la bolla della chat al body appena parte, quindi il body deve esistere, e ogni esecuzione in più aggiungerebbe un'altra bolla.

Cosa fa l'agente sul tuo sito Framer

  • Legge le tue pagine Framer

    intoCHAT trova le pagine tramite sitemap e link ed esegue il JavaScript prima di leggerle, quindi vede i contenuti come i visitatori. Escludi con dei pattern i percorsi che non ti servono.

  • Lo provi prima di pubblicare

    Prova l'agente nel Playground con chat temporanee, affina istruzioni e fonti e aggiungilo al sito solo quando le risposte sono giuste.

  • Raccoglie lead

    Chiedi email o numero di telefono in chat, con regole come dopo un certo numero di messaggi o su parole chiave, oppure lascia decidere all'AI. I nuovi lead arrivano via email.

  • Si adatta al tuo design

    Imposta i colori di bolla, intestazione e messaggi, l'avatar, l'icona del pulsante, il testo del suggerimento e la posizione, oppure importa logo e colori dall'indirizzo del sito.

  • Risponde nella lingua del visitatore

    L'agente risponde nella lingua in cui scrive il visitatore, quindi un solo agente basta per tutte le versioni linguistiche del sito.

  • Esegue azioni sulla tua pagina

    Registra funzioni JavaScript con window.IntoChatActions.register e l'agente può chiamarle durante la chat, ad esempio per aprire un modulo sulla tua pagina.

Domande frequenti

Perché non vedo la chat nella canvas di Framer?

Framer non carica il codice personalizzato nell'anteprima della canvas. Pubblica il sito e apri la pagina live nel browser: la bolla della chat compare nell'angolo in basso.

intoCHAT rallenta il mio sito Framer?

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é lo script deve essere eseguito una sola volta?

Lo script aggiunge una bolla della chat ogni volta che viene eseguito. Eseguendolo una sola volta, i visitatori vedono un'unica bolla anche quando passano da una pagina all'altra. La posizione alla fine del body garantisce inoltre che il body esista quando parte.

L'agente legge le pagine del CMS di Framer?

Sì, se sono nella sitemap o collegate dalle tue pagine e le selezioni nella scheda Knowledge. Le fonti non si sincronizzano da sole, quindi quando pubblichi aggiornamenti aggiungi le nuove pagine del CMS o riaddestra quelle modificate.

L'agente può rispondere ai visitatori in altre lingue?

Sì. L'agente risponde nella lingua in cui scrive il visitatore, con le stesse conoscenze. Se il tuo sito Framer ha altre versioni linguistiche, aggiungi anche quelle pagine così l'agente può usare i testi tradotti.

Devo ripubblicare Framer quando modifico l'agente?

No. Lo script contiene solo l'ID dell'agente. Colori, posizione, messaggio di benvenuto, domande suggerite 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.