Torna alla dashboard

Documentazione

Scopri come usare Asyntai

Come aggiungere il chatbot IA Asyntai a Wix

Guida passo passo per i siti web Wix

Ottieni il codice di incorporamento

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri verso il basso fino alla sezione "Embed Code". Copia il tuo codice di incorporamento univoco, che avrà questo aspetto:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

Passaggio 2: aggiungi il codice con Custom Code (consigliato)

Custom Code aggiunge il chatbot a tutte le pagine in una sola volta. Wix lo offre sui siti pubblicati e con un dominio collegato, che richiede un piano Premium:

  1. Accedi al tuo account Wix e vai alla Dashboard del tuo sito
  2. Clicca su Settings nella barra laterale sinistra
  3. Nella sezione Development & integrations, clicca su Custom Code
  4. Clicca su "+ Add Custom Code" in alto a destra
  5. Incolla il codice di incorporamento Asyntai nella casella di testo
  6. Inserisci un nome per il tuo codice (ad esempio, "Asyntai Chatbot")
  7. Sotto "Add Code to Pages", seleziona "All pages"
  8. Sotto "Place Code in", seleziona "Body - end"
  9. Clicca su "Apply" per salvare

Suggerimento: Selezionando "Body - end" lo script viene posizionato appena prima del tag di chiusura </body>, che è la posizione consigliata per i widget di chat.

Alternativa: usare un elemento Embed HTML (piano gratuito)

Senza un piano Premium, puoi aggiungere il codice a una pagina con un elemento Embed HTML. Wix mostra questo elemento come iframe, quindi il widget di chat resta all'interno del riquadro dell'elemento e non fluttua sopra la pagina. Rendi il riquadro abbastanza grande per la finestra di chat aperta.

  1. Apri il tuo sito nell'editor Wix
  2. Clicca su "Add Elements" (il pulsante "+") nella barra degli strumenti a sinistra
  3. Seleziona "Embed Code", poi "Popular Embeds", poi "Embed HTML"
  4. Clicca su "Enter Code" e incolla il tuo codice di incorporamento Asyntai
  5. Clicca su "Apply"
  6. Trascina gli angoli dell'elemento per renderlo abbastanza grande per la finestra di chat aperta
  7. Clicca su "Publish" per salvare le modifiche

Importante: Con il metodo Embed HTML, devi aggiungere l'elemento a ogni pagina in cui vuoi che appaia il chatbot. Per aggiungerlo a tutte le pagine in una sola volta, usa il metodo Custom Code descritto sopra.

Passaggio 3: verifica l'installazione

Dopo aver aggiunto il codice, pubblica il tuo sito e visitalo in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget di chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Assicurati che il sito sia pubblicato (non solo salvato). Wix potrebbe impiegare qualche minuto per applicare le modifiche al codice personalizzato. Prova a svuotare la cache del browser o a visualizzare il sito in una finestra di navigazione in incognito.

Aggiungere la barra di ricerca AI

La barra di ricerca AI è un widget separato con un proprio codice. Aggiungila insieme alla chat, oppure da sola. Richiede il piano Standard o superiore: con un piano inferiore la barra compare ma non restituisce risultati.

Aggiungi l’attributo data-replace al tag script e la barra prenderà il posto di quella già presente nel tema. Aggiungila in Settings, Custom Code, nello stesso punto del codice della chat. Wix offre Custom Code solo con un piano Premium e un dominio collegato, quindi te ne serve uno per installarla.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Leggi la guida completa alla barra di ricerca AI