Incorporare la chat in un iframe o con link diretto
Mostra l'agente intoCHAT dentro una pagina con un iframe invece della bolla flottante, o condividi il link diretto via email, sui social o con un QR code.
Oltre alla bolla flottante, puoi mostrare ogni agente dentro una pagina con un iframe, oppure aprirlo in una pagina tutta sua tramite un link diretto. Trovi entrambi nella scheda Share (Condividi), con l'ID del tuo agente già inserito.
Iframe nella pagina
Nel riquadro Iframe Embed, clicca Copy Code. Il riquadro mostra anche un'anteprima.
<iframe
src="https://www.intochat.ai/agent/YOUR_AGENT_ID"
width="100%"
height="600px"
frameborder="0"
></iframe>
Incollalo dove deve comparire la chat, per esempio in una pagina di assistenza o di contatto. La chat compare esattamente nel punto in cui si inserisce l'iframe.
Come si comporta la chat incorporata:
- La chat è sempre aperta. Non ci sono bolla né tooltip.
- Riempie l'iframe. Regola
widtheheightsul tuo layout: l'intestazione occupa 60 pixel e la casella di testo è in basso. - Valgono le impostazioni di Appearance: tema, font, angoli, colori di intestazione e messaggi, avatar, messaggi di benvenuto, domande suggerite, piè di pagina e la dicitura "Powered by intoCHAT". Il colore della bolla colora comunque il pulsante di invio. Il pop-up di benvenuto e l'apertura automatica non si applicano.
- L'intestazione non ha un pulsante di chiusura. Ce l'ha solo la finestra di chat che si apre dalla bolla del tag script.
Link diretto
Nel riquadro Direct Chat URL, clicca Copy URL, oppure Open Chat per aprirlo in una nuova scheda del browser.
https://www.intochat.ai/agent/YOUR_AGENT_ID
Il link apre una pagina intera con la chat e le tue impostazioni di Appearance. Come l'iframe, non ha un pulsante di chiusura. Usi tipici:
- Condividerlo via email, nei post sui social o nella newsletter.
- Trasformarlo in un QR code per materiale stampato o il bancone del negozio.
- Collegarlo a un pulsante "Chatta con noi" su un sito in cui non puoi aggiungere script.
- Provare l'agente in una finestra a parte prima di installarlo.
- Aprirlo nella web view di un'app mobile.
Quale scegliere
| Tag script | Iframe | Link diretto | |
|---|---|---|---|
| Si presenta come | Bolla su ogni pagina | Riquadro in una pagina | Pagina a sé |
| Serve accesso al sito | Sì | Sì | No |
| Bolla, tooltip, posizione | Sì | No | No |
| Pop-up di benvenuto e apertura automatica | Sì | No | No |
| Pulsante di chiusura | Sì | No | No |
| Azioni lato client | Sì | No | No |
Tutti e tre usano lo stesso agente e la stessa conoscenza. Le conversazioni compaiono in Conversations, i lead in Leads, e i messaggi contano sul tuo piano allo stesso modo.
Da sapere
- Il link usa sempre l'indirizzo intochat.ai.
- Chiunque abbia il link può chattare con l'agente. Per impostazione predefinita qualsiasi sito può incorporare l'iframe; per limitarlo ai tuoi siti, imposta i domini consentiti. Il link continua comunque a funzionare. Se rendi privato l'agente, non funzionano né il link né gli incorporamenti.
- Addestra un agente pubblico solo con contenuti che possono essere pubblici.
- Le modifiche nella scheda Appearance valgono dal successivo caricamento della pagina o dell'iframe. Non serve un nuovo codice di incorporamento.
Per installare invece la bolla flottante, vedi Installare con un tag script.