Botpress si integra con il tuo sito web tramite Webchat, un frontend personalizzato per il tuo bot creato da Botpress. Aggiungi il tuo bot a un sito o applicazione con un codice di incorporamento o tramite una libreria React completamente personalizzabile.
Copia il codice di incorporamento del tuo bot dalla Dashboard e aggiungilo nella sezione head dell'HTML del tuo sito.
Usa la libreria React di Webchat per integrare direttamente un componente Webchat nella tua applicazione.
Imposta il colore principale, il font, la modalità tema, lo stile dell'intestazione, lo stile dei messaggi e il raggio degli angoli, oppure modifica le classi CSS integrate.
Visualizza Webchat all'interno di un elemento HTML specifico, nascondendo la bolla della chat e dandoti maggiore controllo su aspetto e posizione.
Per aggiungere Webchat a un sito self-hosted, ti serve un bot pubblicato e una conoscenza di base di HTML.
Apri lo spazio di lavoro del tuo bot, seleziona il bot, vai su Webchat, poi su Impostazioni di distribuzione e copia il codice di incorporamento.
Incolla il codice di incorporamento nella sezione head dell'HTML del tuo sito, poi apri il sito e inizia a chattare con il tuo bot.
Regola identità, aspetto, impostazioni di distribuzione e funzionalità nella sezione Webchat della Dashboard, poi seleziona Pubblica configurazione.
Imposta l'avatar del bot, il nome visualizzato, la descrizione, il placeholder del compositore e un avatar personalizzato per il Floating Action Button.
Aggiungi un indirizzo email, numero di telefono, sito web, termini di servizio e informativa sulla privacy opzionali.
Imposta un messaggio proattivo, un tipo di trigger e un tempo di attesa, e visualizza l'anteprima della bolla nella Dashboard.
Abilita il feedback sui messaggi e visualizza i dati di feedback nel menu Analytics.
Permetti agli utenti di caricare file e attiva le notifiche sonore per i nuovi messaggi con Webchat v3.3 o successiva.
Consenti agli utenti di visualizzare e continuare conversazioni precedenti con Webchat v3.6 o successiva, e scegli tra session storage o local storage per la cronologia chat.
Attiva Webchat con la bolla chat predefinita, un'immagine bolla personalizzata o un tuo elemento HTML.
Sposta il pulsante e la finestra della chat sul lato sinistro dello schermo sovrascrivendo il CSS predefinito.
Usa il client ID Webchat del tuo bot per identificare l'istanza Webchat quando sviluppi con la libreria React.
Sì. Webchat è un frontend personalizzato per il tuo bot, creato da Botpress, che aggiunge il bot al tuo sito tramite un codice di incorporamento o una libreria React.
Sì. La documentazione di Webchat include guide per aggiungere il tuo bot a siti WordPress, Wix e Webflow.
Ti serve un bot pubblicato e una conoscenza di base di HTML. Conoscere il CSS aiuta se vuoi usare stili personalizzati.
Sì. L'impostazione Allowed Origins, disponibile con il piano Botpress Team o superiore, ti permette di inserire in whitelist i domini autorizzati ad accedere a Webchat.
No. Gli stili impostati nella Dashboard non si applicano alla libreria React di Webchat, dove invece si usa la prop di configurazione.
Copia il codice di incorporamento dalle Impostazioni di distribuzione di Webchat e aggiungilo nella sezione head dell'HTML del tuo sito.
