Sito web

La chat a pagina intera e nell'iframe

Condividi la chat con un link che la apre a tutta pagina, oppure mettila dentro una pagina del tuo sito con un iframe.

Vedi come Markdown

Oltre al widget, la scheda Condividi offre altri due modi per pubblicare l'agente chat. Entrambi mostrano la stessa chat a tutta pagina: il link in una scheda del browser, l'iframe dentro un riquadro del tuo sito. Il widget, il dominio di pubblicazione e le differenze fra i tre modi sono in Installare il widget.

La chat di Officina Rossi a pagina intera in una scheda del browser: intestazione e campo di scrittura a tutta larghezza, messaggi di benvenuto e due domande suggerite nella colonna centrale.
Aperta dal link, la chat occupa tutta la scheda con la conversazione al centro.

Il link apre la chat in una pagina tutta sua. Lo trovi in Agente chatProfilo AgenteCondividi, nel riquadro Link e Condivisione Diretta: premi Copia.

Link · la forma del collegamento (codice agente d'esempio)

https://app.supportfast.ai/chatbot-iframe/bot-a1b2c3d4e5

Usalo dove il widget non arriva:

  • nella firma delle email e nelle risposte ai clienti;
  • nei profili social e nei messaggi;
  • in un QR code, creato con lo strumento che preferisci, da stampare su volantini o in negozio;
  • in un pulsante «Scrivici» del sito che apre la chat in una scheda nuova.

#L'iframe

L'iframe mette la chat dentro una pagina del tuo sito, per esempio la pagina Contatti o Assistenza.

  1. Copia il codice

    In Agente chatProfilo AgenteCondividi, riquadro iFrame, premi Copia.

  2. Incollalo nella pagina

    Incollalo nel punto della pagina in cui vuoi la chat. Nei costruttori di siti, come WordPress, usa il blocco HTML personalizzato. Se il widget è installato su tutto il sito, nascondilo in questa pagina, come spiegato in Widget, link e iframe: le differenze.

  3. Pubblica e prova

    Pubblica la pagina, scrivi un messaggio nella chat e controlla che la conversazione arrivi in Agente chatConversazioni.

HTML · il codice dell'iframe (codice agente d'esempio)

<iframe src="https://app.supportfast.ai/chatbot-iframe/bot-a1b2c3d4e5" title="Chat" width="100%" height="600px" style="border: 0" allow="microphone"></iframe>

#L'altezza del riquadro

Il codice si incolla così com'è. L'unica cosa che puoi cambiare è l'altezza, che nel codice è height="600px". Scrivi un altro numero di pixel, senza unità: per esempio height="700", purché su telefono il riquadro stia nello schermo. La chat riempie sempre tutto il riquadro.

Risultato

La chat compare nella pagina, alta quanto il riquadro, e risponde come il widget.

#Domande frequenti

Il link cambia se modifico l'agente?

No. Il link contiene il codice dell'agente, che resta lo stesso. Colori, testi e risposte si aggiornano da soli.

#Leggi anche