# 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.

Pagina: https://supportfast.ai/it/guida/sito-web/pagina-intera-iframe/ · Sezione: Sito web · Aggiornata il 30 ottobre 2026

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](https://supportfast.ai/it/guida/sito-web/installa-widget.md#differenze).

![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.](https://supportfast.ai/_astro/06-widget-pagina-intera.BhxaYLiP.webp)

_Aperta dal link, la chat occupa tutta la scheda con la conversazione al centro._

## Il link alla chat

Il link apre la chat in una pagina tutta sua. Lo trovi in Agente chat › Profilo Agente › Condividi, 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 chat › Profilo Agente › Condividi, 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](https://supportfast.ai/it/guida/sito-web/installa-widget.md#differenze).

3. **Pubblica e prova**
   Pubblica la pagina, scrivi un messaggio nella chat e controlla che la conversazione arrivi in Agente chat › Conversazioni.

**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

- [Installare il widget](https://supportfast.ai/it/guida/sito-web/installa-widget.md): La chat su tutte le pagine del sito.

- [Cosa vede il visitatore](https://supportfast.ai/it/guida/sito-web/cosa-vede-il-visitatore.md): Com'è fatta la chat e cosa può fare chi la usa.

- [Profilo Agente: Condividi](https://supportfast.ai/it/guida/agente-testuale/condividi.md): La scheda con il link, l'iframe e il bottone.