Vai al contenuto
intoCHAT

Integrazione Bubble

Aggiungi un chatbot AI alla tua app Bubble

Addestra un agente con le pagine pubbliche, la documentazione e le FAQ della tua app, poi aggiungilo a ogni pagina dalle impostazioni header e body personalizzati di Bubble. Nessun plugin, e puoi provarlo prima nel Playground.

Crea il tuo agente gratis

Ultimo aggiornamento:

Come funziona intoCHAT su Bubble

Bubble ti permette di aggiungere il tuo HTML a tutte le pagine di un'app dalla scheda Settings. intoCHAT sfrutta proprio questo: un tag script aggiunge una bolla della chat nell'angolo di ogni pagina. L'agente risponde in base a ciò che gli fornisci, come le pagine pubbliche, i documenti di aiuto e le coppie di domande e risposte, e lo dice chiaramente quando non conosce la risposta. La bolla resta fissa in un angolo sopra la pagina, separata dagli elementi e dai workflow di Bubble.

Installare intoCHAT su Bubble

  1. Crea e addestra l'agente

    Registrati su intoCHAT, crea un agente e aggiungi le conoscenze nella scheda Knowledge: le pagine pubbliche dell'app, i documenti di aiuto o testi e coppie di domande e risposte. Le pagine protette da login non si possono scansionare, quindi carica o incolla quei contenuti.

  2. Copia il tag script

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

  3. Apri le impostazioni header e body

    Nell'editor di Bubble apri la scheda Settings, vai su SEO / metatags e trova la sezione degli header e body personalizzati.

  4. Incollalo nel campo body

    Incolla lo script nel campo body, non nel campo header. Il codice inserito lì viene aggiunto al body di ogni pagina dell'app.

  5. Pubblica e controlla

    Pubblica l'app in live e aprila nel browser. La bolla della chat compare nell'angolo in basso, con i colori e la posizione impostati nella scheda Appearance.

Il codice da incollare in Bubble

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

Usa il campo body, non il campo header. 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 nella tua app Bubble

  • Chiama l'API della tua app

    Con le azioni API personalizzate l'agente chiama un endpoint HTTP durante la chat, con bearer token, API key o header personalizzati. Scegli tu quali campi della risposta vede il modello.

  • Esegue funzioni sulla tua pagina

    Le azioni lato client eseguono funzioni JavaScript che registri sulla pagina del visitatore, così l'agente può avviare qualcosa che la tua pagina sa già fare.

  • Impara dai tuoi documenti

    Carica file PDF, Word o Markdown, aggiungi pagine di aiuto tramite URL o scrivi coppie di domande e risposte. Le risposte Q&A hanno la priorità sulle altre fonti.

  • Resta fedele ai tuoi contenuti

    Regole integrate legano le risposte alle tue fonti e resistono alla prompt injection. Se la risposta non è nei tuoi contenuti, l'agente dice che non la conosce invece di tirare a indovinare.

  • Raccoglie lead in chat

    Un breve modulo nella conversazione chiede email o numero di telefono, secondo le regole che imposti. Ogni nuovo lead arriva via email a te e a un massimo di cinque colleghi.

  • Rispecchia lo stile della tua app

    Imposta i colori della bolla e dell'intestazione, l'avatar, l'icona e la posizione del pulsante, oppure importa logo e colori dall'indirizzo del tuo sito.

Domande frequenti

intoCHAT rallenta la mia app Bubble?

Lo script è un singolo file che si carica all'interno del body della pagina. La finestra della chat gira in un proprio iframe servito da intoCHAT, quindi il suo codice resta separato dagli elementi e dai workflow della tua app.

Perché la bolla della chat non compare nella mia app Bubble?

Controlla che lo script sia nel campo body e non nel campo header, perché ha bisogno che il body della pagina esista quando parte. Se guardi l'app live, assicurati di aver pubblicato la modifica e verifica che l'ID dell'agente sia quello della scheda Share.

Mi serve un plugin Bubble per intoCHAT?

No. intoCHAT si installa con un tag script nel campo body personalizzato di Bubble, quindi non c'è nessun plugin da installare o aggiornare. Colori, posizione, messaggio di benvenuto e conoscenze si gestiscono tutti in intoCHAT.

Posso mostrare la chat dentro una pagina invece che come bolla?

Sì. Aggiungi un elemento HTML alla pagina e incolla il codice iframe dalla scheda Share: la chat compare nella dimensione e nel punto che scegli. Su una pagina usa l'iframe oppure lo script della bolla, non entrambi, così i visitatori non vedono due chat.

Devo modificare l'app Bubble quando cambio 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 apertura di pagina, quindi le modifiche compaiono senza una nuova pubblicazione.

Come appare la chat sullo smartphone?

Sugli schermi larghi fino a 768 pixel la chat si apre a schermo intero e la pagina smette di scorrere finché resta aperta. Quando l'utente la chiude, torna nel punto della pagina in cui si trovava.

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.