Aggiungere un chatbot ChatLab al tuo sito web Wix consente ai visitatori di interagire con il tuo assistente AI direttamente sulle tue pagine. Questa guida illustra i passaggi per ottenere il codice di incorporamento da ChatLab e incollarlo su Wix.
Prima di iniziare
Prima di iniziare, crea il tuo chatbot e assicurati che il tuo sito Wix sia pubblicato con un dominio collegato. Wix descrive questi requisiti nella guida Incorporare codice personalizzato sul tuo sito. È inoltre necessario disporre dei permessi per modificare e pubblicare il sito web.
Passaggio 1 - Copia il codice di incorporamento da ChatLab
- Accedi a ChatLab e seleziona il chatbot che desideri incorporare
- Fai clic sulla scheda Deploy (Pubblica), quindi seleziona Wix dal pannello delle piattaforme a destra
- Scegli Widget per seguire i passaggi relativi al codice personalizzato descritti di seguito. Per una chat sempre visibile, scegli Iframe e usa le istruzioni separate per l'incorporamento nella pagina riportate più avanti. Consulta Qual è la differenza tra widget e Iframe? per un confronto
- Fai clic su Copy to clipboard (Copia negli appunti)
Passaggio 2 - Aggiungi il codice a Wix
- Nella dashboard di Wix, vai su Settings (Impostazioni)
- Sotto Development & integrations (Sviluppo e integrazioni), fai clic su Custom Code (Codice personalizzato). Nelle versioni precedenti della dashboard di Wix questa voce potrebbe trovarsi sotto Advanced (Avanzate).
- Fai clic su + Add Custom Code (+ Aggiungi codice personalizzato) in alto a destra
- Incolla il codice copiato nella casella di testo
- Inserisci un nome per il tuo codice (ad es. "ChatLab")
- Sotto Add Code to Pages (Aggiungi codice alle pagine), seleziona le pagine in cui mostrare il chatbot - scegli All pages (Tutte le pagine) per visualizzarlo ovunque
- Sotto Place Code in (Inserisci codice in), seleziona Head
- Fai clic su Apply (Applica)
Aggiungere un iframe sempre visibile
Nell'Editor Wix, aggiungi un elemento HTML iframe/embed alla pagina, incolla lo snippet Iframe di ChatLab e ridimensiona l'elemento in modo che la chat sia facilmente utilizzabile sia da desktop che da mobile. Pubblica la pagina. Un iframe deve essere posizionato nel layout visibile della pagina, non nel codice personalizzato all'interno di Head. Consulta la guida di Wix ai contenuti incorporati visibili.
Verifica dell'installazione
Dopo aver salvato, apri il tuo sito Wix in un browser. Dovresti vedere l'icona della chat nell'angolo della pagina (in modalità widget) oppure la finestra di chat incorporata nella pagina (in modalità iframe). Fai clic sull'icona per aprire la chat e invia un messaggio di prova per confermare che tutto funzioni correttamente.