Come installare l'agente sul sito Tilda
Istruzioni dettagliate: dove inserire il codice del widget in Tilda, come collegarlo al carrello, cosa fare con la cache e come verificare che l'agente funzioni su tutte le pagine.
Tilda è il caso più frequente tra i nostri negozi: il sito è bello, i prodotti ci sono, ma nessuno risponde alle domande. L'installazione richiede cinque minuti e non serve un programmatore.
Passaggio 1. Copia il codice#
Nel pannello, apri «Widget e link» e clicca su «Copia codice». È una singola riga di codice come <script src="…" async></script>.
Passaggio 2. Incollalo in Tilda#
- Nel pannello di controllo Tilda, apri il progetto desiderato.
- Clicca su «Impostazioni del sito».
- Vai alla sezione «Altro» → «Codice HTML da inserire all'interno di head/body».
- Incolla il codice nel campo Codice HTML per il body (non nell'head).
- Salva.
Poi c'è un passaggio obbligatorio che spesso viene dimenticato: ripubblica tutte le pagine. Tilda applica il codice al momento della pubblicazione, quindi il widget non apparirà sulle pagine non pubblicate. Nell'elenco delle pagine c'è un pulsante per pubblicarle tutte in una volta.
Se incolli il codice nel campo per l'head, il widget si caricherà comunque, ma più tardi e con il rischio di conflitti. Il posto giusto è il body.
Passaggio 3. Collega al carrello#
Se hai un negozio su Tilda con il tuo carrello, non serve attivare il pagamento in chat. Invece, nelle impostazioni del negozio, indica il link al carrello: di solito è l'indirizzo della pagina del carrello del tuo sito. L'agente accompagnerà il cliente fino a lì, e il checkout seguirà il percorso abituale.
Se non hai un carrello e i prodotti sono venduti «su richiesta», attiva il pagamento in chat: così l'intero processo rimarrà all'interno della conversazione. Dettagli nell'articolo Pagamento in chat.
Passaggio 4. Raccogli il catalogo#
Nelle impostazioni, indica l'indirizzo del sito e avvia l'analisi. Il crawler legge le schede prodotto di Tilda, inclusi prezzi, caratteristiche e foto, e contemporaneamente determina la valuta del negozio.
Se i tuoi prodotti non sono nel catalogo Tilda, ma descritti in blocchi sulle pagine, il crawler troverà comunque prezzi e nomi, ma le schede risulteranno meno precise. In questo caso, l'importazione CSV da «Catalogo» è d'aiuto: Tilda può esportare i prodotti in un file.
L'agente non descrive il prodotto, ci conduce il cliente#
Questo è il punto in cui la chat smette di essere una semplice chat. Il cliente chiede «cosa avete fino a tremila», e l'agente risponde non con un paragrafo di testo, ma con schede: foto, nome, prezzo, pulsante. Cliccando si apre la pagina del prodotto sul tuo sito, nella stessa finestra, senza una nuova scheda e senza perdere il contesto.
Poi la persona si ritrova nell'abituale funnel di Tilda: la tua scheda, il tuo pulsante «Acquista», il tuo carrello. L'agente ha condotto, il negozio ha venduto.
La seconda cosa che di solito non ci si aspetta: l'agente vede quale pagina sta leggendo il cliente in quel momento. Prende il markup del prodotto dalla pagina — nome, SKU, prezzo — e capisce la domanda nel contesto. Una persona è sulla scheda di una poltrona blu e scrive «ci sono cuscini abbinati?» — l'agente sa di quale poltrona si tratta e propone ciò che si adatta davvero.
Il link al prodotto funziona anche dove non c'è un sito: se la scheda proviene da un post su Instagram o TikTok, il pulsante aprirà il post originale. Il catalogo è raccolto da luoghi diversi, ma conduce sempre dove si può acquistare.
- Apri il sito in modalità incognito. Il pulsante della chat dovrebbe apparire nell'angolo in basso a destra dopo uno o due secondi.
- Fai una domanda sul prodotto: l'agente dovrebbe mostrare la scheda.
- Chiedi della consegna: la risposta dovrebbe corrispondere alle tue condizioni.
- Controlla il telefono: sulla versione mobile il pulsante non dovrebbe coprire il carrello di Tilda.
Se il pulsante copre qualcosa di importante, cambia la sua posizione a sinistra nella sezione «Widget e link».
Una chat in linea con il sito#
I siti Tilda possono essere sia chiari che decisamente scuri, per questo il widget ha tre modalità tema: chiaro, scuro e «come il visitatore». Quest'ultima si adatta alle impostazioni del dispositivo dell'utente ed è quella predefinita.
Se il tuo sito è realizzato con un unico stile, imposta lo stesso tema in modo fisso: la chat non risalterà più come una toppa nell'angolo. Il colore d'accento, invece, rimane il tuo in qualsiasi tema.
Passaggio 5. Verifica#
Problemi comuni#
Il widget non è apparso. Nove volte su dieci le pagine non sono state ripubblicate dopo l'inserimento del codice. Ripubblica e aggiorna la pagina svuotando la cache.
Il widget non è visibile su tutte le pagine. Il codice non è stato inserito nelle impostazioni del sito, ma in un blocco T123 separato su una singola pagina. Spostalo in «Impostazioni del sito» → «Altro».
Il pulsante appare con un ritardo. È normale: lo script si carica in modo asincrono, dopo il contenuto principale, per non rallentare la pagina.
Conflitto con un'altra chat. Due chat nello stesso angolo si sovrappongono. Lasciane una o posizionale su lati diversi.
Domande frequenti#
Serve un piano Tilda a pagamento?#
Il codice si inserisce nelle impostazioni del sito, funzione disponibile con i piani Tilda a pagamento. Con il piano gratuito l'inserimento di codice arbitrario non è supportato: in tal caso, usa il link all'agente e inseriscilo come pulsante sulla pagina.
Il widget rallenterà il sito?#
No. Lo script pesa poco e si carica in modo asincrono; la finestra della chat stessa si carica solo al clic del pulsante. Questo non influisce sulla velocità di caricamento della pagina Tilda.
Si può inserire l'agente solo su una pagina?#
Sì, inserisci il codice non nelle impostazioni del sito, ma nel blocco «T123 HTML» sulla pagina desiderata. Si fa così, ad esempio, per una landing page di un singolo prodotto.
Funziona con Tilda Store?#
Sì. L'agente legge le schede prodotto e il carrello, ma lascia il checkout al negozio Tilda: il cliente procede al tuo carrello con il prodotto selezionato.
Come rimuovere il widget dal sito?#
Elimina la riga di codice nelle impostazioni del sito e ripubblica le pagine. I dati e i dialoghi rimangono salvati, il link all'agente continuerà a funzionare.