ChatLab offre due modi per aggiungere un chatbot al tuo sito web: come widget o come iframe. Entrambi utilizzano lo stesso chatbot con gli stessi dati di addestramento e impostazioni, ma differiscono nell'aspetto con cui il chatbot viene mostrato sulla tua pagina.
Widget
Il widget aggiunge un'icona di chat in una posizione fissa sulla tua pagina (in basso a destra per impostazione predefinita). I visitatori fanno clic sull'icona per aprire un popup di chat. La finestra di chat può essere richiusa nell'icona in qualsiasi momento.
Caratteristiche principali:
- Appare come icona di avvio nell'angolo dello schermo
- Si apre come popup quando i visitatori fanno clic sull'icona
- Resta disponibile su tutte le pagine in cui è installato il codice
- Supporta la personalizzazione della posizione dell'icona, del comportamento di apertura automatica, dei fumetti con i messaggi di benvenuto e della modalità di visualizzazione ridotta a icona (Settings > Appearance (Impostazioni > Aspetto))
Iframe
L'iframe integra il chatbot direttamente nel contenuto della tua pagina. La finestra di chat è sempre visibile e può essere circondata da altri elementi della pagina.
Caratteristiche principali:
- Sempre visibile sulla pagina senza dover fare clic su un'icona
- Integrato nel flusso della pagina insieme agli altri contenuti
- Dimensioni regolabili - puoi impostare gli attributi
widtheheightnel codice di incorporamento per adattarli al tuo layout - Ideale per pagine dedicate in cui il chatbot è un elemento centrale, come una pagina di supporto o una landing page
Dove selezionare widget o iframe
- Seleziona il tuo chatbot dalla dashboard
- Fai clic sulla scheda Deploy (Pubblica)
- Seleziona HTML Code (Codice HTML), quindi scegli la scheda Widget o Iframe per visualizzare il rispettivo codice di incorporamento
- Fai clic su Copy to clipboard (Copia negli appunti). Inserisci il codice del Widget nell'header del sito web o nell'area dedicata agli script della tua piattaforma; inserisci il codice dell'Iframe nel corpo della pagina nel punto esatto in cui desideri mostrare la chat.
- Pubblica la pagina, aprila su desktop e da mobile e invia un messaggio di prova.
Provare entrambe le modalità
Puoi visualizzare in anteprima entrambe le modalità senza dover incorporare alcun codice. Nella scheda Overview (Panoramica), individua la riga Try out & share (Prova e condividi) e fai clic su uno dei link:
- As always-open frame (Come frame sempre aperto) - apre il chatbot in modalità iframe
- As openable widget (Come widget apribile) - apre il chatbot in modalità widget con l'icona di avvio
Ciascuna riga include anche un link QR Code che mostra un codice scansionabile per lo stesso URL, consentendoti di testare il chatbot sul tuo telefono inquadrandolo con la fotocamera.
Per saperne di più sulla condivisione di questi link di anteprima, consulta Inviare un link al tuo chatbot.
Quale dovrei scegliere?
- Scegli il widget se desideri che il chatbot sia disponibile su ogni pagina senza occupare spazio utile sullo schermo. I visitatori possono aprire la chat quando hanno bisogno di supporto e chiuderla una volta terminato.
- Scegli l'iframe se desideri che il chatbot sia parte integrante e visibile del layout di una pagina specifica, come un centro assistenza, una pagina contatti o una pagina prodotto in cui il chatbot è costantemente pronto all'interazione.