Come aggiungere il widget di Conversational AI di ElevenLabs al tuo sito Wix

Vuoi potenziare il supporto clienti e il coinvolgimento aggiungendo la IA conversazionale di ElevenLabs al tuo sito Wix? Sei nel posto giusto. Questa guida ti accompagna passo dopo passo, aiutandoti a evitare gli errori più comuni.

Prima di iniziare

Prima di cominciare, assicurati di avere:

1. Account Wix premium: L’inserimento di JavaScript personalizzato è disponibile solo con i piani Premium.
2. Account ElevenLabs: Ti serve un account ElevenLabs per creare agenti vocali IA. Registrati qui.
3. Accesso al Wix Editor con Dev Mode attivo: Ti serve Dev Mode per aggiungere codice personalizzato al sito.

Guida passo passo

Passo 1: Prepara il widget di ElevenLabs

1. Accedi al tuo account ElevenLabs.
2. Vai alla sezione Conversational AI.
3. Configura il tuo agente conversazionale e copia il codice JavaScript fornito.

Passo 2: Attiva Dev Mode su Wix

1. Apri il tuo sito Wix nell’Editor.
2. Clicca su Dev Mode nel menu in alto per attivare le funzioni avanzate come l’aggiunta di codice personalizzato.

Nota: Se non vedi Dev Mode, assicurati di usare il Wix Editor completo e non Wix ADI (Artificial Design Intelligence).

Passo 3: Aggiungi il codice JavaScript

1. Vai su Impostazioni > Codice personalizzato nell’Editor di Wix.
2. Clicca su + Aggiungi codice personalizzato.
3. Incolla il codice JavaScript di ElevenLabs nel campo dedicato.
4. In Applica codice a, seleziona Tutte le pagine (oppure scegli una pagina specifica per il widget).
5. Salva e pubblica le modifiche.

Problemi comuni e soluzioni

Hai riscontrato un problema nell’aggiungere il widget Conversational AI al tuo sito Wix? Segui questi semplici passaggi per risolverlo.

Problema 1: Il widget si disconnette o non si carica

• Causa: Configurazione errata della Allowlist o utilizzo di un piano Wix gratuito.
• Soluzione: Assicurati che l’URL del tuo sito sia stato rimosso dalla Allowlist o configurato correttamente nella dashboard di ElevenLabs.

Problema 2: JavaScript non funziona

• Causa: Il codice JavaScript non è stato aggiunto correttamente.
• Soluzione: Controlla che il JavaScript sia stato incollato nel campo giusto sotto Codice personalizzato.

Problema 3: Piano Wix gratuito

• Causa: L’inserimento di JavaScript personalizzato non è supportato nei piani Wix gratuiti.
• Soluzione: Passa a un piano Wix Premium.

Consigli avanzati

Se vuoi offrire la migliore esperienza possibile ai visitatori del tuo sito, dai un’occhiata a queste pratiche avanzate.

Gestione della allowlist

Se il widget non funziona ancora dopo aver inserito il codice, segui questi passaggi:

1. Accedi al tuo account ElevenLabs.
2. Vai alle impostazioni della Allowlist per il tuo agente Conversational AI.
3. Assicurati che il dominio del tuo sito sia stato aggiunto correttamente. Se il problema persiste, prova a rimuovere il dominio dalla Allowlist e a testare di nuovo.

Test su dominio live

Il widget potrebbe non funzionare correttamente nella modalità anteprima di Wix. Pubblica il sito e testalo sul dominio live per assicurarti che funzioni come previsto.

Test di compatibilità tra browser

Quando il widget è online, provalo su diversi browser come Chrome, Firefox, Edge e Safari. Alcune funzioni potrebbero comportarsi in modo diverso a seconda del browser per via delle differenze nella gestione di JavaScript.

1. Apri il tuo sito su ciascun browser.
2. Interagisci con il widget e verifica la reattività.
3. Controlla eventuali problemi come errori di stile o di funzionamento. Se riscontri problemi, rivedi il codice JavaScript o contatta il supporto ElevenLabs per assistenza.

Reattività su mobile

Verifica che il widget funzioni senza problemi su dispositivi mobili, visto che molti utenti accedono ai siti da smartphone o tablet.

1. Usa il Mobile Editor di Wix per vedere l’anteprima della versione mobile del sito.
2. Prova il widget su dispositivi reali per confermare che sia funzionale e facile da usare.
3. Controlla che non ci siano elementi sovrapposti o problemi di formattazione. Se serve, usa gli strumenti di design mobile di Wix per ottimizzare posizione e dimensioni.

Consigli per il debug di JavaScript

Se il widget non funziona come previsto, gli strumenti per sviluppatori del browser possono aiutarti a individuare i problemi.

1. Apri il sito in un browser (consigliato Chrome).
2. Fai clic destro in qualsiasi punto della pagina e seleziona Ispeziona per aprire DevTools.
3. Vai alla scheda Console e cerca eventuali messaggi di errore relativi al widget.
4. Se vedi errori, ricontrolla il codice JavaScript inserito e assicurati che tutti gli URL necessari siano nella Allowlist. Questo metodo può anche evidenziare dipendenze mancanti o altri problemi che impediscono il corretto funzionamento del widget.

Considerazioni finali

Integrare il widget Conversational AI di ElevenLabs su Wix richiede una configurazione attenta, ma seguendo i passaggi giusti puoi attivarlo in poco tempo. Assicurati di avere un piano Wix Premium, segui i passaggi sopra e risolvi eventuali problemi comuni. Se hai bisogno di ulteriore supporto, contatta il team ElevenLabs supporto per assistenza.

Oppure, se non l’hai ancora fatto, registrati alla piattaforma AI Agents oggi stesso.