Configurazione del design dell'assistente
La scheda Chat design ti consente di personalizzare completamente l'aspetto visivo del widget della chat per garantire che si integri perfettamente con il branding del tuo negozio’s.
Identità e posizionamento di base
Identità: Puoi definire il “Nome dell'assistente” (ad esempio, “Assistente AI”) che appare nell'intestazione e, facoltativamente, fornire un “URL avatar dell'assistente” per visualizzare un logo o un'immagine personalizzata accanto al nome.
Posizionamento: Usa il menu a tendina “Posizione sullo schermo” per scegliere dove si aggancia il widget sulla tua vetrina (tipicamente in basso a destra).
Layout e dimensioni
Hai un controllo preciso sulle dimensioni fisiche e sulla forma dell'interfaccia della chat utilizzando pixel (px), altezza del viewport (vh) o unità rem:
Regola la “Larghezza della chat” complessiva (ad esempio, 400px) e l’“Altezza massima della chat” (ad esempio, 50vh).
Regola la spaziatura con “Padding dei messaggi” e modifica la curvatura dell'interfaccia utilizzando i controlli del raggio come “Raggio del contenitore dei messaggi” (18px) e “Raggio della finestra di chat” (12px).
Controlla le dimensioni della tipografia con le impostazioni per “Dimensione del carattere della chat”, “Dimensione del testo dell'intestazione della chat” e “Dimensione dell'icona dell'intestazione della chat”.
Temi colore
L'interfaccia fornisce ampi selettori di codici esadecimali per modificare ogni singolo elemento della finestra di chat.
Sfondi: Personalizza lo sfondo principale della “Chat” (#FFFFFF), lo “sfondo del messaggio del cliente” e lo “sfondo del messaggio dell'assistente” (#000000). Puoi anche colorare sezioni specifiche come lo “sfondo dell'area di testo di benvenuto” o il “colore di sfondo delle FAQ” (#F9FAFB).
Bordi: Definisci i contorni sottili per il campo messaggio, le caselle FAQ e i link per creare un aspetto coerente.
Domande frequenti
La scheda FAQ ti consente di creare domande predefinite che appaiono prima che l'utente digiti il suo primo messaggio. Questo aiuta a risolvere le domande comuni istantaneamente senza richiedere la generazione AI.
Clicca su “+ Aggiungi FAQ” per creare una nuova voce.
Per ogni voce, inserisci la “Domanda” comune (ad esempio, “Puoi spedire il prodotto negli Stati Uniti?”) e formatta la “Risposta” statica utilizzando l'editor di testo avanzato (grassetto, corsivo, sottolineato, barrato).
Puoi trascinare e rilasciare per riordinare le domande oppure usare le icone della matita e del cestino per modificarle o eliminarle.
Link rapidi
La scheda Link ti consente di aggiungere pulsanti di navigazione diretta nella parte inferiore della schermata di benvenuto della chat. Questo è ideale per indirizzare gli utenti verso canali di supporto alternativi o pagine importanti del negozio.
Layout a griglia: Innanzitutto, definisci come vengono visualizzati i link selezionando il numero di “Colonne della griglia” (ad esempio, impostandolo su 3 verranno visualizzati in una riga orizzontale).
Aggiunta di link: Clicca su “+ Aggiungi link” per creare un nuovo pulsante. Fornisci un “Titolo del link” (come “WhatsApp” o “Mail”) e inserisci l’esatto “URL del link” (usando formati standard come mailto: per le email o numeri di telefono diretti).
Icone: Puoi selezionare da una libreria integrata di icone vettoriali (come una busta, un telefono, un globo o un calendario) per rappresentare visivamente il link. In alternativa, puoi usare il pulsante “Scegli file” sotto “Immagine personalizzata” per caricare la tua icona.
Pronto a vendere di più su Shopify?
Installa Liliwi sul tuo negozio Shopify e ottieni la configurazione gratuita dal nostro team.
Usa il servizio completo a partire da soli $1.