Come personalizzare l’aspetto di Shoply AI Chat

Shoply AI Chat e AI Search offrono più di 40 opzioni per personalizzare l’aspetto dell’app.

Questa sezione illustra le diverse opzioni di personalizzazione disponibili per il tuo chatbot AI. Puoi personalizzarne l’aspetto, il design della finestra di chat e l’esperienza di messaggistica, adattandoli al tuo brand.

Pronto per iniziare? Visita la pagina Customize AI Chat nella console di amministrazione della nostra app per iniziare a personalizzare la tua esperienza di chat. Dopo aver abilitato Shoply AI Chat nell’editor del tema di Shopify, l’icona della chat apparirà nell’angolo in basso a destra della pagina web del tuo negozio.

Scelta dell’icona della chat

Select an icon

Puoi scegliere un’icona per la chat tra le nostre 17 icone predefinite oppure caricare un’immagine da usare come icona personalizzata della chat.

Colore e dimensioni dell’icona della chat

Primary Color

Questo è il colore principale del tema, utilizzato anche come colore del testo evidenziato nella finestra di chat.

Se sul tuo sito utilizzi la modalità chiara, seleziona un colore del tema diverso dal bianco, per assicurarti che il testo evidenziato rimanga leggibile sullo sfondo chiaro. Se sul tuo sito utilizzi la modalità scura, seleziona un colore del tema diverso dal nero.

Complementary Color

È un colore complementare che si abbina al colore principale per creare sfumature (una transizione graduale tra due colori) sull’icona della chat e sull’intestazione della finestra di chat, rendendo l’icona più attraente e coerente con il tuo brand.

Icon’s Line Color

È il colore del contorno dell’icona della chat.

Whether to remove the background color of the chat icon.

Questa opzione è spesso utile se carichi un’immagine come icona della chat e desideri rimuovere il colore di sfondo (il colore principale) dell’icona.

Whether to remove the shadow of the chat icon.

Questa opzione ti consente di rimuovere l’effetto ombra dall’icona della chat per ottenere un design più piatto e minimalista. È particolarmente utile se il tuo negozio ha un’estetica pulita e moderna o se hai caricato un’icona personalizzata che include già effetti di ombra o profondità.

Floating Icon Size for desktop and mobile.

Sui dispositivi mobili, potresti voler impostare una dimensione più piccola per l’icona della chat, così da evitare che ostacoli la visuale del cliente sullo schermo.

Posizionamento dell’icona della chat

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

Usa un valore più alto se vuoi che l’icona rimanga davanti agli altri elementi dell’interfaccia.

Auto-hide chat icon on mobile

Nascondi l’icona della chat dopo un numero di secondi specificato sui dispositivi mobili.

Questa opzione è disponibile solo sui dispositivi mobili. Aiuta a impedire che l’icona della chat ostacoli la visuale del cliente sullo schermo.

Personalizzazione della finestra di chat

Quando fai clic sull’icona della chat di Shoply AI, si aprirà la finestra di chat. I clienti possono interagire con Shoply AI tramite questa finestra di chat.

Questa sezione illustra le diverse opzioni disponibili per personalizzare la finestra di chat.

Color Theme (dark mode or light mode) of the chat window

Se scegli la modalità scura, lo sfondo della finestra di chat sarà nero e il colore del carattere sarà bianco. Ti consigliamo di adottare la modalità scura se anche il tema del tuo negozio è scuro.

Width of the chat window on desktop

Questa opzione si applica solo ai dispositivi desktop. Sui dispositivi mobili, la finestra di chat occupa sempre l’intero schermo.

Select the branding image and background image

Puoi caricare una tua immagine di branding e un’immagine di sfondo per la finestra di chat oppure lasciare semplicemente che Shoply AI generi queste immagini per te.

Se scegli di utilizzare l’immagine generata dall’AI, Shoply AI genererà le immagini di branding e di sfondo in base alla descrizione del tuo negozio.

Adjust the transparency and aspect ratios of the background image for the chat window.

Le immagini di sfondo nella finestra di chat possono rendere il testo sovrapposto illeggibile. Per questo, per impostazione predefinita aggiungiamo un livello semitrasparente sopra l’immagine di sfondo.

Whether to remove Shoply AI’s Logo in Input Bar

Questa opzione ti consente di rimuovere il logo di Shoply AI dalla barra di input della chat, per un’esperienza più pulita e maggiormente personalizzata in base al tuo brand. È particolarmente utile se vuoi mantenere un’identità di brand coerente in tutto il negozio senza loghi di terze parti o se preferisci un’interfaccia di chat più minimalista.

Questa opzione è disponibile solo nei piani a pagamento.

Messaggi predefiniti per AI Chat

Puoi anche impostare o modificare i messaggi predefiniti che guidano i clienti quando interagiscono per la prima volta con il tuo chatbot. Inoltre, puoi configurare le opzioni di traduzione per questi messaggi (consulta questa pagina delle FAQ per maggiori dettagli).

Popup Welcome message (shows above chat icon if not empty)

Se lasci vuoto il messaggio di benvenuto, non lo mostreremo sopra l’icona della chat.

Pre-defined messages in chat window

Puoi impostare fino a 3 tipi di messaggi predefiniti nella finestra di chat:

1. Primo messaggio nella finestra di chat - È il messaggio di saluto iniziale che appare automaticamente quando i clienti aprono la finestra di chat per la prima volta. Usalo per dare il benvenuto ai clienti e definire il tono della conversazione.

2. Fino a 4 domande iniziali - Sono suggerimenti di domande cliccabili visualizzati all’inizio della chat. Aiutano a guidare i clienti offrendo domande comuni su cui possono fare clic per avviare una conversazione, rendendo più semplice iniziare.

3. Messaggio segnaposto del campo di input - È il testo di suggerimento che appare nel campo di input della chat prima che i clienti inizino a digitare. Fornisce indicazioni su ciò che i clienti possono chiedere, ad esempio “Ask me anything 🤗” o “How can I help you today?”

Vedi un esempio per ciascun tipo di messaggio predefinito: