Come aggiungere la chat al tuo sito
Aggiungi la chat con una riga di codice - una volta sola, proprio come il codice di Google Analytics. Dopo, cambi tutto dal pannello, senza toccare il sito.
Dove trovare il codice
Nel pannello vai su Widget, scheda Installazione. In Dove si trova il tuo sito? scegli la tua piattaforma - vedrai le istruzioni passo dopo passo e il pulsante Copia il codice.
Il codice è fatto così (il tuo ha una chiave propria al posto di YOUR_KEY - copialo dal pannello):
<script src="https://chatrina.com/widget/widget.js" data-key="YOUR_KEY" async></script>WordPress e WooCommerce
- In WordPress vai su Plugin → Aggiungi nuovo e installa il plugin gratuito WPCode.
- Vai su Code Snippets → Header & Footer.
- Incolla il codice nel riquadro Footer.
- Clicca su Salva. La chat comparirà su tutte le pagine.
Senza plugin: Aspetto → Editor dei file del tema → footer.php e incolla il codice subito prima di </body>. WooCommerce funziona su WordPress, quindi i passaggi sono gli stessi.
Shopify
- In Shopify vai su Negozio online → Temi.
- Accanto al tema pubblicato clicca su … → Modifica codice.
- Apri il file
layout/theme.liquid. - Cerca
</body>(Ctrl+F o Cmd+F) e incolla il codice subito prima. - Clicca su Salva.
Wix
- In Wix vai su Impostazioni → Avanzate → Codice personalizzato.
- Clicca su + Aggiungi codice personalizzato e incolla il codice.
- Scegli Tutte le pagine e posizionalo in Body - fine.
- Clicca su Applica e pubblica il sito.
Webflow
- Apri Site settings → Custom code.
- Incolla il codice nel riquadro Footer code.
- Salva e pubblica il sito (Publish).
Un sito creato con l'AI (Lovable, Bolt, Cursor, Replit, Claude)
Scegli la scheda Vibecoding (AI) e clicca su Copia il prompt. Incollalo nella chat del tuo strumento - l'AI aggiunge il codice nel punto giusto. Poi accetta le modifiche e pubblica il sito.
Qualsiasi altro sito
Apri il template presente su tutte le pagine (di solito il footer o il layout principale) e incolla il codice subito prima della chiusura </body>. Salva e pubblica le modifiche.
Il sito lo gestisce qualcun altro?
Scegli la scheda Invia a uno sviluppatore, inserisci la sua e-mail e clicca su Invia codice e istruzioni. Riceverà il codice e le istruzioni per le piattaforme più diffuse. L'e-mail non contiene dati di accesso.
Verifica che funzioni
Dopo aver incollato il codice, apri il tuo sito nel browser (aggiorna la pagina), torna al pannello e clicca su Verifica se funziona. Vedrai ✓ Il widget funziona su … con l'indirizzo del tuo sito, oppure un suggerimento su cosa manca ancora.
La chat non compare?
- In Widget → Aspetto e cosa c'è sul sito l'interruttore in alto deve indicare Widget attivato sul sito, e in Cosa c'è sul tuo sito la Chat deve essere attiva.
- Il tuo piano deve essere attivo oppure la prova deve essere in corso.
- Se nella scheda Installazione hai indicato dei domini in Su quali siti può funzionare il widget, la chat funziona solo lì. Vuoto = funziona ovunque incolli il codice.
- Quando finisce il limite mensile di conversazioni, la chat scompare fino alla fine del periodo o finché non aggiungi un pacchetto - piani e limiti.
- Gli adblocker del visitatore possono nascondere la chat nel suo browser.
Domande frequenti
Il codice rallenta il mio sito?
Il codice si carica in modo asincrono (attributo async), quindi non blocca il caricamento della pagina.
Devo incollare il codice su ogni pagina?
No. Lo incolli una sola volta in un punto comune a tutte le pagine: il footer, il template principale o le impostazioni del codice personalizzato.
Non hai trovato la risposta?
Hai un account? Scrivici dal pannello, in Aiuto e assistenza. Puoi anche scrivere a hello (at) chatrina.com.