Aggiungi il widget web ChatMaxima a un sito Wix
Guida passo passo per installare il widget di chat web ChatMaxima su un sito Wix Premium. Aggiungi chat dal vivo e bot IA al tuo sito Wix in cinque minuti.
Panoramica
Questa guida ti accompagna nell'installazione del widget di chat web ChatMaxima su un sito web Wix. Una volta installato, la bolla di chat appare su ogni pagina del tuo sito e si connette direttamente al tuo inbox ChatMaxima unificato, insieme alle tue conversazioni WhatsApp, Instagram, Facebook, Telegram e SMS.
L'intero processo richiede circa cinque minuti e non richiede alcuna programmazione.
Prerequisiti
Prima di iniziare, assicurati di avere:
- Un account ChatMaxima attivo con un canale Web Widget configurato
- Un piano Wix Premium con un dominio personalizzato collegato
- Accesso come Proprietario o Admin al sito Wix su cui vuoi installare il widget
Nota: I piani gratuiti di Wix non consentono codice personalizzato, quindi il widget non può essere installato su un sito Wix gratuito. Devi prima passare a un piano Premium con un dominio personalizzato collegato.
Passaggio 1: Genera il tuo snippet del widget in ChatMaxima
- Accedi alla tua dashboard ChatMaxima su chatmaxima.com/dashboard/
- Dalla barra laterale sinistra, vai su Canali
- Seleziona Web Widget, poi apri un widget esistente o clicca su Crea nuovo widget
- Personalizza l'aspetto del widget: colori del brand, messaggio di benvenuto, logo e posizione della finestra di chat
- Facoltativamente, abilita un modulo pre-chat per raccogliere nome ed email del visitatore
- Salva le modifiche, poi clicca sulla scheda Installa o Codice di incorporamento
- Copia lo snippet JavaScript negli appunti
Lo snippet è un piccolo tag <script> e si carica in modo asincrono, quindi non rallenterà il tuo sito.
Passaggio 2: Apri il codice personalizzato in Wix
- Accedi al tuo account Wix su wix.com e apri la dashboard del sito
- Nella barra laterale sinistra, vai su Impostazioni
- Scorri fino alla sezione Avanzate e clicca su Codice personalizzato
Nota: In alcune dashboard Wix questa opzione appare sotto Marketing e SEO, poi Monitoraggio e analisi. Entrambi i percorsi portano allo stesso pannello Codice personalizzato.
Passaggio 3: Aggiungi lo snippet ChatMaxima
- Clicca su + Aggiungi codice personalizzato in alto a destra nella pagina Codice personalizzato
- Incolla lo snippet ChatMaxima copiato al Passaggio 1 nel campo Incolla qui lo snippet di codice
- Nel campo Nome, inserisci un'etichetta riconoscibile come
ChatMaxima Web Widget - In Aggiungi codice alle pagine, seleziona Tutte le pagine e spunta l'opzione Carica il codice una sola volta
- In Posiziona il codice in, seleziona Corpo - fine
- Clicca su Applica
Riferimento alle impostazioni consigliate
| Impostazione | Valore | Perché |
|---|---|---|
| Nome | ChatMaxima Web Widget | Facile da identificare in seguito |
| Aggiungi codice alle pagine | Tutte le pagine | Il widget appare su tutto il sito |
| Carica il codice una sola volta | Abilitato | Evita il ricaricamento durante la navigazione |
| Posiziona il codice in | Corpo - fine | Necessario affinché il widget venga visualizzato |
Lo script ChatMaxima deve caricarsi prima del tag di chiusura </body> affinché il widget venga visualizzato correttamente.
Passaggio 4: Pubblica e verifica
Il codice personalizzato viene eseguito solo sulla versione pubblicata del tuo sito, mai all'interno dell'anteprima dell'editor Wix.
- Apri l'editor Wix per il tuo sito e clicca su Pubblica in alto a destra
- Una volta completata la pubblicazione, apri l'URL del tuo sito live in una nuova scheda del browser
- Cerca la bolla di chat ChatMaxima nell'angolo in basso a destra della tua pagina
- Clicca sulla bolla, invia un messaggio di prova e conferma che la conversazione appaia nel tuo Team Inbox ChatMaxima
Se la conversazione di prova raggiunge il tuo inbox, il tuo widget è online e funzionante.
Alternativa: Incorporare il widget inline
Se vuoi che la finestra di chat appaia all'interno di una sezione specifica della pagina anziché come bolla fluttuante, usa invece l'elemento di incorporamento HTML di Wix.
- Apri il tuo sito nell'editor Wix
- Clicca sul pulsante + Aggiungi elementi nella barra laterale sinistra
- Scorri fino a Codice di incorporamento e seleziona Incorpora HTML
- Incolla il tuo snippet ChatMaxima nel campo del codice
- Trascina l'elemento di incorporamento nella posizione della pagina desiderata e ridimensionalo secondo necessità
- Per fissare la finestra di chat in un angolo dello schermo su tutte le pagine, fai clic con il tasto destro sull'elemento di incorporamento e seleziona Fissa allo schermo
- Clicca su Pubblica
Un'altezza di circa 622px e una larghezza di 384px funzionano bene per la maggior parte dei layout.
Nota: Il metodo Codice personalizzato nei Passaggi da 1 a 4 è il percorso consigliato per la maggior parte degli utenti. Usa l'incorporamento inline solo se hai bisogno della finestra di chat in una posizione fissa della pagina.
Best practice
- Testa sull'URL live poiché il codice personalizzato non viene eseguito nell'anteprima dell'editor Wix
- Usa il metodo Codice personalizzato per la chat su tutto il sito anziché l'incorporamento inline, a meno che tu non abbia specificamente bisogno di una posizione fissa nella pagina
- Mantieni attivo un solo strumento di chat per evitare di confondere i visitatori con più bolle di chat
- Abilita il modulo pre-chat in ChatMaxima per acquisire automaticamente nome ed email del visitatore
- Configura le regole di instradamento così che le conversazioni Wix arrivino al membro del team giusto
Risoluzione dei problemi
Il widget non appare sul mio sito
- Conferma di star testando sull'URL live pubblicato, non sull'anteprima dell'editor Wix
- Verifica che il tuo piano Wix sia un piano Premium con un dominio personalizzato collegato
- Apri la console del browser e controlla la presenza di errori dello script
- Conferma che lo snippet sia stato incollato in Corpo - fine, non in Head
Il widget appare in alcuni browser ma non in altri
- Disabilita eventuali ad blocker o estensioni di prevenzione del tracciamento rigorose
- Ricarica la pagina dopo averle disabilitate
- Alcuni strumenti per la privacy bloccano gli script di terze parti per impostazione predefinita; chiedi ai tuoi visitatori di inserire il tuo dominio nella whitelist
Sul mio sito vengono mostrate due bolle di chat
Probabilmente hai un altro strumento di chat installato, come Wix Smart Chat, Tidio o LiveChat.
- Apri la tua dashboard Wix e vai su Impostazioni
- Trova l'app di chat in conflitto e rimuovila o nascondi il suo widget
- Ricarica il tuo sito live per confermare che appaia solo ChatMaxima
Le conversazioni non raggiungono il mio inbox
- Apri la tua dashboard ChatMaxima e vai su Canali, poi Web Widget
- Conferma che il widget sia impostato su Attivo
- Verifica che i membri del tuo team siano assegnati alle regole di instradamento corrette
- Invia un nuovo messaggio di prova dal sito live
Il widget si carica lentamente
Lo snippet ChatMaxima si carica in modo asincrono e non dovrebbe influire sui punteggi di velocità della tua pagina. Se noti un caricamento lento, controlla che gli altri script personalizzati del tuo sito Wix non siano in conflitto.
Prossimi passi
- Connetti l'automazione dei DM Instagram
- Configura il tuo Team Inbox
- Addestra il tuo bot IA in Studio
- Configura le regole di instradamento
Hai bisogno di aiuto? Contatta il supporto ChatMaxima all'indirizzo support@chatmaxima.com o chatta con noi dal vivo su chatmaxima.com.
Configurazione Web Chat - Aggiungi il widget di chat dal vivo ChatMaxima
Aggiungi il widget di chat dal vivo ChatMaxima al tuo sito web. Guida passo passo per creare un canale Web, copiare lo script di incorporamento e andare online in pochi minuti.
Configurazione Facebook Messenger - Connetti le Pagine a ChatMaxima
Connetti la tua Pagina Facebook a ChatMaxima e gestisci le conversazioni di Messenger dall'inbox condiviso. Guida passo passo per connettere le tue Pagine.