Chatbot AI per PrestaShop: installazione e cosa risponde

Su PrestaShop l’assistente AI di Wosnic si installa incollando una riga di codice, con un modulo gratuito o nel tema. Qui trovi cosa risponde ai clienti, dove prendere il codice, dove incollarlo nelle versioni 1.7 e 8, come provarlo e come aggiungere WhatsApp.

A cosa serve un chatbot in un negozio PrestaShop

Chi compra online chiede sempre le stesse cose prima di pagare: quanto costa la spedizione, in quanti giorni arriva, come si fa un reso, se c’è una taglia. Arrivano la sera e nel fine settimana, e senza risposta il carrello resta lì. Il chatbot risponde subito con le informazioni che carichi nel pannello: pagine di spedizioni e resi, schede dei prodotti, domande frequenti.

Se la domanda riguarda un ordine preciso («dov’è il mio pacco?»), l’assistente di base non legge il gestionale: raccoglie numero d’ordine ed email e passa la richiesta a te, nel pannello e per email. Un collegamento che legge ordini e catalogo dal negozio è un lavoro su misura, da vedere in call.

Risponde nella lingua in cui scrive il cliente, anche se i documenti sono in italiano, e dice sempre di essere un assistente AI. Sul negozio è un pulsante in basso a destra (o a sinistra), con il colore e il messaggio di apertura che scegli dal pannello.

Prima di iniziare: il codice del widget

Il codice lo prendi dalla tua area clienti su app.wosnic.com: Servizi del progetto → la scheda dell’Assistente → Funzionalità disponibili → Script. Nel riquadro «Script Chat» c’è il pulsante Copia. È una riga sola:

<script src="https://widget.wosnic.com/?serviceId=IL-TUO-ID"></script>

Al posto di IL-TUO-ID c’è l’identificativo del tuo assistente, già compilato nel pannello. Il codice non cambia mai: colori, posizione, messaggio e documenti si modificano dal pannello. Va su tutte le pagine, nell’intestazione (<head>) o prima di </body>.

Dove incollare il codice su PrestaShop

PrestaShop non ha un campo nel back office per gli script di tutto il sito. Le strade sono due: un modulo per il codice personalizzato, oppure una modifica al tema. Se non vuoi toccare i file, scegli la prima.

Strada 1: un modulo per il codice personalizzato

1. Nel back office vai su Moduli → Module Manager (su PrestaShop 1.7 si chiama «Moduli e servizi»).
2. Cerca nel catalogo un modulo gratuito per inserire codice HTML o JavaScript nell’intestazione, con nomi come «Custom code», «Custom JS» o «HTML personalizzato», oppure caricane uno con Carica un modulo. Scegline uno aggiornato per la tua versione.
3. Installa il modulo e aprine la configurazione: trovi un campo per il codice da caricare nell’intestazione (il gancio displayHeader) o nel piè di pagina. Incolla la riga in uno dei due e salva.

Strada 2: il file del tema

1. Collegati al server via FTP o con il gestore file dell’hosting e apri la cartella del tuo tema: themes/nome-del-tema/. Se usi un tema figlio, lavora lì: le modifiche al tema originale si perdono all’aggiornamento.
2. Apri templates/_partials/head.tpl e incolla la riga in fondo al file: PrestaShop lo inserisce nel <head> di tutte le pagine. In alternativa apri il layout usato dal tema in templates/layouts/ e incolla la riga prima di </body>.
3. Salva e carica il file sul server.

In entrambi i casi: svuota la cache

Vai su Parametri avanzati → Prestazioni e clicca Svuota la cache. PrestaShop tiene in cache i template compilati: senza svuotarla i visitatori vedono le pagine vecchie, senza il widget. Se davanti al negozio c’è un CDN o Cloudflare, svuota anche quella.

Come si prova

1. Apri il negozio in una finestra in incognito: in basso a destra compare il pulsante della chat.
2. Fai una domanda a cui sai rispondere, per esempio sui tempi di spedizione, poi una su un prodotto.
3. Chiedi dello stato di un ordine: l’assistente deve chiedere numero d’ordine ed email e dirti che la richiesta passa al negozio.
4. Nel pannello, sotto Conversazioni, ritrovi la chat; sotto Richieste di contatto, la richiesta.

Prima di toccare il negozio puoi provare l’assistente nella pagina Chatbot del pannello, che carica lo stesso widget.

Come si aggiunge WhatsApp

Lo stesso assistente, con le stesse informazioni su spedizioni, resi e prodotti, può rispondere anche sul numero WhatsApp del negozio. Cambia il canale, non le istruzioni. Si attiva così:

1. Chiedi al tecnico di aggiungere il canale WhatsApp al tuo progetto: compare una nuova scheda fra i servizi.
2. Nella scheda WhatsApp apri Numero e profilo e clicca Collega con Facebook: si apre il collegamento guidato di Meta, con l’account dell’azienda.
3. Scegli il numero: uno che hai già, purché non sia in uso sull’app WhatsApp, oppure uno nuovo. Account e numero restano intestati a te: Wosnic è Tech Provider Meta e si collega con le API ufficiali.

Sul negozio puoi poi mettere un pulsante «Scrivici su WhatsApp» che apre il numero collegato. Le conversazioni stanno nello stesso pannello. I costi dei messaggi li fattura Meta sul tuo account: te li spieghiamo in call.

Chi lo installa

Se non vuoi mettere mano a moduli e tema, ti aiuta il tecnico Wosnic, da Mestre (Venezia): in una call condivisa o con un accesso temporaneo al back office, che poi revochi.

Se qualcosa non funziona

• Il pulsante non compare. Svuota la cache di PrestaShop e del browser, poi riprova in incognito. Controlla che il modulo sia attivo e che la riga sia intera, con <script all’inizio e </script> alla fine.
• Compare in alcune pagine e non in altre. Il modulo è agganciato a un gancio che non c’è su tutte le pagine: usa displayHeader, oppure il file head.tpl.
• Un modulo di velocità rimanda gli script. Alcuni moduli di ottimizzazione eseguono i JavaScript a pagina già finita, e il widget non parte. Escludi lo script di widget.wosnic.com, oppure chiedi al tecnico la variante del codice per il caricamento ritardato.
• Nella console del browser c’è «[Wosnic] Servizio sospeso». Il servizio è fermo: controlla i crediti nel pannello.