Wix Smart Chat ti consente di riflettere la voce e lo stile del tuo brand progettando e personalizzando l'interfaccia della chat. Puoi regolare i colori, il testo, il layout e altro ancora direttamente nel tuo Editor, rendendola facile da usare per i visitatori.
Questo tocco personalizzato può farli sentire più collegati al tuo brand e più propensi a completare l'acquisto. Incoraggiando i visitatori del sito a mettersi in contatto, aumenti il coinvolgimento e offri un servizio migliore.
Personalizzare il layout della chat
Scegli come vuoi mostrare la chat sul tuo sito. Scegli dove mostrare la pagina e come mostrare i nuovi messaggi ai visitatori.
Per personalizzare il layout:
- Vai al tuo Editor
- Clicca sul widget della chat
- Clicca su Impostazioni
- Clicca sulla scheda Layout
- Scegli cosa vuoi personalizzare:
- Posizione: decidi se vuoi che la tua finestra di chat appaia in basso a sinistra o in basso a destra del tuo sito
- Larghezza e altezza: scegli la larghezza e l'altezza della chat, puoi utilizzare le impostazioni predefinite o personalizzarle utilizzando il cursore
Configurare le impostazioni del testo della chat
Inserisci il testo che vuoi mostrare quando la chat è ridotta a icona o offline. Dai ai tuoi visitatori informazioni in anticipo come il tempo di risposta usuale.
Per configurare le impostazioni del testo:
- Vai al tuo Editor
- Clicca sul widget della chat
- Clicca su Impostazioni
- Clicca sulla scheda Testo
- Scegli la modalità che vuoi personalizzare: Testo chat AI o Testo chat manuale
- Scegli cosa vuoi personalizzare:
- Testo intestazione: inserisci il nome che vuoi mostrare nell'intestazione quando il riquadro della chat è aperto
- Testo di aiuto: imposta il testo predefinito per richiedere ai visitatori di inserire un messaggio (es. "Scrivi il tuo messaggio...")
- Quando la chat è online: inserisci il testo che i visitatori del sito vedono quando la tua finestra di chat è disponibile per chattare ma è ridotta a icona
- Quando la chat è offline: inserisci il testo che i visitatori del sito vedono quando la finestra della chat non è disponibile ed è ridotta a icona
Nota: questa opzione è disponibile solo se hai selezionato un layout della chat ridotto a icona che include testo nella scheda Design
Progettare la tua chat
Progetta ogni componente della chat nel tuo Editor.
Per progettare la tua chat:
- Vai al tuo Editor
- Clicca sul widget della chat
- Clicca su Impostazioni
- Clicca sulla scheda Design
- Scegli cosa vuoi personalizzare:
Personalizza l'intestazione del riquadro della chat:
- Colori di sfondo, caratteri e tasti: seleziona un colore dal tema del tuo sito o scegli un colore personalizzato
- Carattere: scegli uno stile e un carattere utilizzando i menu a tendina e regola le dimensioni utilizzando il cursore
- Mostra icona AI: clicca sull'interruttore per mostrare o nascondere l'icona AI dall'intestazione
Scegli come vuoi che appaia lo sfondo del riquadro della chat:
- Cambia colori: seleziona un colore dal tema del tuo sito o scegli un colore personalizzato
- Applica ombreggiatura: clicca sull'interruttore per mostrare o nascondere l'ombra. Usa i cursori per regolare l'opacità, la sfocatura, la diffusione e la direzione dell'ombreggiatura
Scegli se vuoi progettare il design dei messaggi dei visitatori, dei messaggi dell'AI o della scheda, e personalizzane gli elementi:
- Colori: seleziona un colore dal tema del tuo sito o scegli un colore personalizzato
- Carattere: scegli uno stile e un carattere utilizzando i menu a tendina e regola le dimensioni utilizzando il cursore
- Applica ombreggiatura: clicca sull'interruttore per mostrare o nascondere un'ombreggiatura. Usa i cursori per regolare l'opacità, la sfocatura, la diffusione e la direzione dell'ombreggiatura
- Personalizza bordi: utilizza i cursori per regolare l'opacità, la larghezza e il raggio del bordo
Personalizza l'aspetto del campo input testo per gli utenti quando aprono la chat, passano il mouse sul campo o cliccano su di esso:
- Personalizza bordi: utilizza i cursori per regolare l'opacità, la larghezza e il raggio del bordo
- Colori: seleziona un colore dal tema del tuo sito o scegli un colore personalizzato
- Carattere: scegli uno stile e un carattere utilizzando i menu a tendina e regola le dimensioni utilizzando il cursore
Personalizza l'aspetto del riquadro della chat quando è ridotta a icona:
- Chat: personalizza il colore, il carattere e l'ombra quando appare un messaggio della chat sopra il tasto
- Tasto chat: personalizza il design del tasto chat
- Design: scegli un design per il riquadro della chat:
- Standard: la chat è mobile sopra l'angolo inferiore del sito
- Scheda: la chat è attaccata al bordo inferiore del tuo sito
- Compatto: la chat mostra solo l'icona AI scelta senza testo
- Mostra: scegli uno stile per il riquadro della chat ridotta a icona: Testo e icona, Testo o Icona
- Colore riempimento: seleziona un colore dal tema del tuo sito o scegli un colore personalizzato
- Stile e colore carattere: scegli uno stile e un carattere utilizzando i menu a tendina
- Colore icona: scegli un colore per l'icona (es. tasto)
- Icona tasto: scegli uno stile per l'icona tra le opzioni disponibili
- Applica ombreggiatura: clicca sull'interruttore per mostrare o nascondere un'ombreggiatura. Usa i cursori per regolare l'opacità, la sfocatura, la diffusione e la direzione dell'ombreggiatura
- Applica l'animazione con spinta: clicca sull'interruttore per abilitare un'animazione con spinta che viene riprodotta quando Smart Chat invia un nuovo messaggio mentre il riquadro della chat è ridotto a icona
- Applica animazione bordi: clicca sull'interruttore per abilitare un'animazione che porti l'attenzione sulla chat
