Chatbot per Wix: guida passo passo all'integrazione

Wix include una funzione di chat integrata, ma è uno strumento di live chat di base che richiede una persona dall'altra parte. Quando nessuno è online, i visitatori ricevono un modulo di contatto. Non basta quando qualcuno naviga sul tuo sito alle 23 cercando di decidere se prenotare il tuo servizio o acquistare il tuo prodotto.

Un chatbot AI addestrato sui contenuti del tuo sito risponde a queste domande all'istante, senza bisogno di un intervento umano. Questa guida copre due metodi per aggiungere un chatbot a Wix, ti accompagna nella configurazione dall'inizio alla fine e spiega come ottenere i risultati migliori.

Chat integrata di Wix vs chatbot AI

Prima di passare all'installazione, vale la pena capire perché un chatbot AI dedicato è diverso da quello che Wix offre di serie.

Wix Chat funziona bene se vuoi conversazioni umane in tempo reale. Ma la maggior parte dei piccoli imprenditori non può essere online tutto il giorno. Un chatbot AI colma queste lacune e gestisce le domande ripetitive che costituiscono la maggior parte delle richieste dei visitatori.

Puoi usarli insieme: il chatbot AI gestisce automaticamente le domande più comuni, mentre Wix Chat resta disponibile per i casi in cui serve il tocco umano.

Cosa ti serve prima di iniziare

1. Un chatbot addestrato su Agentkit.

Registrati gratis, crea un chatbot e addestralo sui contenuti del tuo sito Wix. Il piano gratuito include 1 chatbot e 50 messaggi al mese.

Aggiungi l'URL del tuo sito Wix come fonte di addestramento. Il crawler indicizza automaticamente le tue pagine. Poi aggiungi coppie di domande e risposte per gli argomenti più importanti (prezzi, orari, processo di prenotazione, politica di reso).

Per indicazioni dettagliate sull'addestramento, consulta Come addestrare un chatbot sui contenuti del tuo sito web.

2. Un piano Wix Premium.

Aggiungere codice personalizzato a Wix richiede un piano Premium (qualsiasi livello). I siti Wix gratuiti non supportano embed HTML personalizzati né Velo.

Metodo 1: embed HTML (consigliato)

È il metodo più semplice e funziona per tutti gli utenti Wix con un piano Premium. Aggiungi lo script del chatbot usando un elemento HTML embed nel Wix Editor.

Passaggio 1: ottieni il tuo codice di embed

Nella dashboard di Agentkit, vai su Impostazioni del tuo chatbot, poi su Pubblica. Vedrai due opzioni di embed. Per Wix, usa il codice di embed iframe:

<iframe
  src="https://cdn.agentkit.ai/embed/your-chatbot-id"
  style="width: 100%; height: 600px; border: none;"
  allow="clipboard-write">
</iframe>

Puoi anche usare il widget JavaScript, ma l'elemento HTML embed di Wix gestisce gli iframe in modo più affidabile rispetto ai tag script. Il metodo iframe è l'approccio consigliato per Wix.

Passaggio 2: aggiungi l'HTML embed alla tua pagina

1. Apri il Wix Editor del tuo sito.
2. Clicca sul pulsante Add (l'icona blu "+") nella barra degli strumenti a sinistra.
3. Seleziona Embed Code, poi Embed HTML.
4. Sulla pagina compare un elemento HTML. Cliccaci sopra e seleziona Enter Code.
5. Passa alla scheda Code (non alla scheda URL).
6. Incolla il codice iframe del Passaggio 1.
7. Clicca su Update.
8. Ridimensiona e posiziona l'elemento nel punto della pagina in cui vuoi che appaia il chatbot.

Passaggio 3: rendilo disponibile su tutto il sito (opzionale)

Il metodo HTML embed aggiunge il chatbot a una singola pagina. Se vuoi il chatbot su ogni pagina, hai due opzioni:

Opzione A: aggiungilo all'header o al footer del sito.

1. Nel Wix Editor, clicca sulla sezione Header o Footer della tua pagina.
2. Aggiungi l'elemento HTML embed all'header o al footer.
3. Poiché header e footer compaiono su tutte le pagine, il chatbot sarà disponibile su tutto il sito.

Opzione B: usa la funzione "Custom Element" del Wix App Market.

1. Vai su Add, poi Embed Code, poi Custom Element.
2. Configuralo per caricare lo script del chatbot su tutte le pagine.

L'opzione A è più semplice per la maggior parte degli utenti.

Passaggio 4: pubblica e verifica

1. Clicca su Publish in alto a destra nel Wix Editor.
2. Visita il sito pubblicato (non l'anteprima dell'editor).
3. Verifica che il chatbot appaia e risponda ai messaggi di prova.
4. Controlla da mobile per verificare il layout.

Metodo 2: Velo by Wix (per sviluppatori)

Velo è la piattaforma di sviluppo integrata di Wix. Se te la cavi con JavaScript, Velo ti dà più controllo su quando e come si carica il chatbot.

Quando usare Velo

• Vuoi che il chatbot si carichi in modo condizionale (ad es. solo per i membri che hanno effettuato l'accesso, solo su alcune pagine).
• Devi passare dati dinamici al chatbot (ad es. il nome del visitatore o il suo livello di membership).
• Vuoi attivare le azioni del chatbot via codice.

Passaggio 1: attiva Velo

1. Nel Wix Editor, clicca su Dev Mode nella barra dei menu in alto.
2. Clicca su Turn on Dev Mode.
3. Il pannello del codice appare in fondo all'editor.

Passaggio 2: aggiungi lo script tramite il codice della pagina

1. Seleziona la pagina in cui vuoi il chatbot.
2. Nel pannello del codice in basso, vedrai un file per la pagina (ad es. Home.js).
3. Aggiungi questo codice per caricare dinamicamente il widget di Agentkit:

$w.onReady(function () {
  const script = document.createElement('script');
  script.src = 'https://cdn.agentkit.ai/widget.js';
  script.setAttribute('data-chatbot', 'your-chatbot-id');
  script.async = true;
  document.body.appendChild(script);
});

4. Salva e pubblica.

Passaggio 3: caricamento su tutto il sito tramite masterPage.js

Per caricare il chatbot su ogni pagina:

1. Nel pannello del codice, apri masterPage.js (viene eseguito su tutte le pagine).
2. Aggiungi lo stesso codice di caricamento dello script dentro la funzione onReady.
3. Salva e pubblica.

Esempio di caricamento condizionale

Se vuoi il chatbot solo su alcune pagine:

// masterPage.js
import wixLocation from 'wix-location';

$w.onReady(function () {
  const path = wixLocation.path;
  const chatbotPages = ['services', 'pricing', 'contact', 'faq'];

  if (chatbotPages.some(page => path.includes(page))) {
    const script = document.createElement('script');
    script.src = 'https://cdn.agentkit.ai/widget.js';
    script.setAttribute('data-chatbot', 'your-chatbot-id');
    script.async = true;
    document.body.appendChild(script);
  }
});

Questo carica il chatbot solo nelle pagine Servizi, Prezzi, Contatti e FAQ.

Confronto tra le opzioni di chatbot per Wix

Diversi strumenti di chatbot funzionano con Wix. Ecco come si confrontano le opzioni principali.

Se vuoi risposte basate su AI e addestrate sui tuoi contenuti, con le opzioni di embed più flessibili, Agentkit è la soluzione più adatta. Se ti serve un generatore di flussi basato su regole senza AI, Joonbot è pensato apposta per questo. E se ti basta una chat di base tra persone, Wix Chat è già incluso nel tuo piano.

Personalizzare il chatbot per il tuo sito Wix

Dopo aver messo online il chatbot, configura queste impostazioni nella dashboard di Agentkit per ottenere i risultati migliori.

Colori del brand e posizione

In Impostazioni del tuo chatbot, personalizza l'aspetto del widget:

• Colore primario: abbinalo al colore d'accento del tuo sito Wix.
• Posizione: in basso a destra è l'opzione predefinita e funziona per la maggior parte dei siti. Passa a in basso a sinistra se il tuo sito Wix ha un elemento in conflitto nell'angolo in basso a destra.
• Messaggio di benvenuto: scrivi qualcosa di specifico per la tua attività. "Ciao! Posso rispondere a domande sui nostri servizi, prezzi e disponibilità" è meglio di "Come posso aiutarti?"

Restrizione di dominio

Aggiungi il tuo dominio Wix all'elenco dei domini consentiti. Questo include sia il tuo dominio personalizzato (ad es. yourbusiness.com) sia l'URL Wix predefinito (ad es. yourbusiness.wixsite.com/yoursite). La restrizione di dominio impedisce un uso non autorizzato del tuo chatbot.

Istruzioni personalizzate

Aggiungi istruzioni che definiscono il comportamento del chatbot per la tua attività specifica:

• "Se qualcuno chiede informazioni sui prezzi, menziona sempre l'opzione di consulenza gratuita."
• "Per domande sulla disponibilità, suggerisci di prenotare tramite la pagina di prenotazione."
• "Non promettere mai date di consegna specifiche. Invita a contattarci per le tempistiche aggiornate."
• "Se qualcuno fa una domanda a cui non puoi rispondere, offriti di raccogliere la sua email per un follow-up."

Raccolta lead

Attiva l'azione Raccogli contatti per raccogliere le email dei visitatori più coinvolti. È particolarmente utile per le attività di servizi su Wix, dove l'obiettivo principale è convertire un visitatore in un lead.

I lead raccolti appaiono nella dashboard di Agentkit. Collegali al tuo email marketing o CRM usando Zapier. Per i dettagli, consulta la guida all'integrazione.

Consigli per l'addestramento sui siti Wix

I siti Wix usano spesso layout visivi, animazioni ed elementi interattivi che possono limitare ciò che un crawler riesce a estrarre. Ecco come massimizzare la conoscenza del tuo chatbot.

Integra la scansione con coppie di domande e risposte

Dopo l'addestramento sull'URL, testa il chatbot nel Playground. Per ogni domanda a cui risponde male, crea una coppia di domande e risposte con la risposta ideale. Argomenti comuni da coprire:

Carica documenti supplementari

Se hai PDF, menu, brochure o cataloghi di servizi, caricali come fonti documento. Questi forniscono al chatbot informazioni dettagliate che potrebbero non essere affatto presenti sul tuo sito web.

Mantieni aggiornati i dati di addestramento

Quando aggiorni il tuo sito Wix, riaddestra il chatbot. Sul piano Standard ($119.99/mese) o superiore, il riaddestramento automatico se ne occupa da solo. Sul piano Free o Hobby, avvia un riaddestramento manuale dalla dashboard di Agentkit dopo modifiche importanti ai contenuti.

Risoluzione dei problemi

Il chatbot non appare dopo la pubblicazione

• Controlla il tuo piano Wix. Il codice personalizzato richiede un piano Premium.
• Guarda il sito pubblicato, non l'editor. L'anteprima del Wix Editor non esegue sempre gli script personalizzati.
• Svuota la cache del browser oppure usa una finestra in incognito.
• Controlla il codice HTML embed. Assicurati di aver incollato l'iframe o il tag script completo, senza caratteri in più.

L'elemento HTML embed mostra uno spazio vuoto

• Aumenta l'altezza dell'elemento HTML embed. Le dimensioni predefinite potrebbero essere troppo piccole per mostrare l'interfaccia della chat.
• Assicurati che l'URL src dell'iframe sia corretto e includa l'ID del tuo chatbot.
• Controlla la console del browser (F12) per eventuali errori di contenuto bloccato.

Il chatbot funziona su desktop ma non su mobile

Wix gestisce automaticamente il design responsive, ma a volte gli elementi HTML embed richiedono una regolazione manuale per il mobile. Nel Wix Editor:

1. Passa alla visualizzazione editor mobile.
2. Trova l'elemento HTML embed.
3. Regola dimensioni e posizione per il mobile.
4. Pubblica e testa.

Se usi il widget JavaScript tramite Velo (Metodo 2), il widget è responsive per impostazione predefinita e dovrebbe funzionare su tutte le dimensioni di schermo senza bisogno di modifiche.

Il chatbot risponde in modo impreciso

Si tratta di un problema di addestramento, non di embed. Vai nella dashboard di Agentkit e:

1. Controlla quali pagine sono state scansionate con successo.
2. Aggiungi coppie di domande e risposte per gli argomenti con risposte scarse.
3. Testa nel Playground finché le risposte non sono soddisfacenti.
4. Aggiungi istruzioni personalizzate per guidare tono e comportamento del chatbot.

Considerazioni sui prezzi

Ecco come i prezzi di Agentkit si applicano ai casi d'uso tipici di Wix.

La fatturazione annuale fa risparmiare circa il 20% su tutti i piani a pagamento.

Prossimi passi

Il tuo sito Wix ha ora un chatbot AI che gestisce le domande dei visitatori 24 ore su 24. Ecco su cosa concentrarti adesso:

1. Affina i dati di addestramento in base alla prima settimana di conversazioni. Cerca schemi ricorrenti in ciò che chiedono i visitatori e colma le lacune nel tuo addestramento.
2. Attiva la raccolta lead per trasformare le conversazioni in contatti. È qui che il chatbot si ripaga da solo.
3. Collegalo ai tuoi strumenti con Zapier o i webhook. Invia i lead a Google Sheets, Mailchimp, HubSpot o qualsiasi strumento usi il tuo team. Consulta la guida all'integrazione.
4. Leggi la guida su Squarespace se gestisci siti su altre piattaforme: Aggiungere un chatbot a Squarespace.
5. Esplora tutte le opzioni di embed nella guida completa all'embed.

Crea gratis il tuo chatbot →

Nessuna carta di credito richiesta.