# Installare il widget su Shopify

> Aggiungi il widget della chat a tutte le pagine del tuo negozio Shopify incollando il codice nel file principale del tema.

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

In Shopify tutte le pagine del negozio nascono da un file del tema, `theme.liquid`. Incollando lì il codice del widget, la chat compare su home, collezioni, prodotti e carrello.

> **Prima di iniziare**
>
> - Il codice del widget di un agente chat Attivo, copiato da Agente chat › Profilo Agente › Condividi, riquadro Bottone chat.
> - Un accesso all'amministrazione di Shopify con il permesso di modificare il tema.

## Incolla il codice nel tema

1. **Apri i temi**
   Nell'amministrazione di Shopify vai in Negozio online › Temi (in inglese Online Store › Themes).

2. **Apri l'editor del codice**
   Accanto al tema pubblicato premi i tre puntini e scegli Modifica codice (Edit code).

3. **Apri theme.liquid**
   Nella ricerca dei file, a sinistra, scrivi `theme.liquid` e apri il file. Si trova nella cartella `layout`.

4. **Trova la chiusura dell'intestazione**
   Cerca il tag `</head>` con `Ctrl` + `F` (su Mac `⌘` + `F`).

5. **Incolla e salva**
   Incolla il codice del widget nella riga subito prima di `</head>`, poi premi Salva (Save).

> **Consiglio**
>
> **Duplica il tema prima di modificarlo.** Dai tre puntini del tema scegli Duplica: se qualcosa va storto, hai una copia pronta da pubblicare.

> **Risultato**
>
> Il widget compare su tutte le pagine del negozio che usano il tema.

## Come verificare

Apri il negozio in una finestra anonima e segui la prova di [Installare il widget](https://supportfast.ai/it/guida/sito-web/installa-widget.md#verifica), controllando la home, la pagina di un prodotto e il carrello. Se il negozio è protetto da password, inseriscila: la pagina della password non mostra il widget.

## Cosa sapere

- **Il codice sta nel tema.** Se pubblichi un altro tema, o installi una versione nuova del tuo, controlla che il codice ci sia ancora. Se manca, incollalo di nuovo.
- **Niente widget nel checkout.** Le pagine di pagamento non nascono dal file del tema, quindi lì la chat non compare.
- **L'indirizzo .myshopify.com.** Se compili il [dominio di pubblicazione](https://supportfast.ai/it/guida/sito-web/installa-widget.md#dominio) con il tuo dominio, sull'indirizzo che finisce con `.myshopify.com` il widget non compare.

## Togliere il widget

Apri di nuovo `theme.liquid`, cancella la riga del codice e premi Salva.

## Domande frequenti

**Il bottone della chat copre il carrello o il bottone di un'altra app. Cosa faccio?**

Spostalo sull'altro lato in Profilo Agente › Interfaccia, con Posizione del bottone.

**La chat può riconoscere i clienti che hanno un account nel negozio?**

Sì, con poche righe in `theme.liquid`. L'esempio è in [Passare i dati dell'utente](https://supportfast.ai/it/guida/sito-web/dati-utente.md#shopify).

## Leggi anche

- [Installare il widget](https://supportfast.ai/it/guida/sito-web/installa-widget.md): Il codice, il dominio di pubblicazione e la verifica.

- [Passare i dati dell'utente](https://supportfast.ai/it/guida/sito-web/dati-utente.md): I dati dei clienti registrati, con l'esempio per Shopify.

- [Problemi con il widget sul sito](https://supportfast.ai/it/guida/aiuto/problemi-widget.md): Cosa fare se il widget non compare o copre altri elementi.