Passa al contenuto principale

Configurazione del blocco della chat e dell'incorporamento dell'app

Ecco come aggiungere il blocco ShopGuide Chat al tuo negozio tramite l'editor del tema.

Prima di iniziare

Avrai bisogno di ShopGuide installato con un abbonamento o una prova attiva e l'accesso al tuo editor di temi Shopify.

Non importa dove lo metti

Il blocco chat viene sempre visualizzato come una bolla mobile a posizione fissa nell'angolo inferiore del viewport: non scorre in linea con il resto della pagina. Quindi la sezione che aggiungi a ( footer, home page, un modello personalizzato) non ha alcuna influenza su dove finisce la bolla sullo schermo. Ciò che conta è a quali pagine è allegato il blocco, poiché un blocco mostra solo la chat sulla pagina o sul modello su cui è effettivamente posizionato.

La maggior parte dei negozi lo aggiunge una volta, a una sezione che viene visualizzata ovunque (di solito il piè di pagina) in modo che la chat venga visualizzata su ogni pagina. Se desideri un messaggio di avvio o un colore primario diverso su una pagina specifica, puoi aggiungere il blocco anche lì e attivare "Utilizza impostazioni personalizzate"; vedere Messaggi di avvio personalizzati.

Configurarlo

Apri il pannello di controllo Shopify, vai su Online Store > Temi, fai clic su Personalizza sul tema attivo e scegli la pagina o il modello in cui desideri visualizzare la chat. Nella barra laterale di sinistra, fai clic su Aggiungi sezione, apri la categoria Apps, fai clic su ShopGuide Chat e salva.

Se ShopGuide ha già creato una pagina "Guida AI" per te durante l'onboarding (controlla Store Setup nell'app di amministrazione), il blocco potrebbe essere già incorporato lì e questo passaggio manuale non sarà necessario.

Cosa è configurabile sul blocco stesso

Questi risiedono nell'editor del tema e influenzano solo la pagina su cui si trova il blocco:

Messaggio di avvio personalizzato: attiva "Utilizza messaggio di avvio personalizzato" per sostituire il flusso automatico per questa pagina. Il campo del messaggio è richtext e supporta i tag di unione: [[product.title]], [[product.vendor]], [[product.type]], [[collection.title]], [[page.title]], [[shop.name]]. Fino a sei pulsanti di azione rapida, ciascuno con gli stessi tag supportati.

Impostazioni widget: attiva "Utilizza impostazioni personalizzate" per sovrascrivere l'intestazione della chat globale e il colore primario solo per questa pagina. "Prodotto discusso" si compila automaticamente con il prodotto corrente nelle pagine dei prodotti; lasciarlo vuoto per assistenza generale.

Confronto prodotti: attiva per mostrare una tabella di confronto, con un massimo di tre handle di prodotto predefiniti da precompilare.

Pannello laterale: attivalo per mostrare automaticamente il pannello laterale quando viene caricata la chat, con un massimo di tre elementi predefiniti, ciascuno dei quali è un handle di prodotto (restituisce una scheda prodotto) o testo semplice (restituisce un pulsante cliccabile).

Prima di pubblicare

Conferma le nozioni di base: il fumetto appare in anteprima e sulla pagina live, facendo clic su di esso si apre la chat, un messaggio di prova riceve una risposta e i colori/intestazione corrispondono a ciò che hai impostato. Quindi controlla le anteprime sia per dispositivi mobili che per desktop e assicurati che il fumetto non si sovrapponga agli elementi permanenti del tuo tema: navigazione mobile, aggiunta al carrello permanente, banner cookie.

Se la configurazione non va come previsto

Blocco completamente mancante dall'editor? Conferma che ShopGuide sia installato con un abbonamento attivo, aggiorna l'editor e conferma che il tuo tema supporta i blocchi di app (Online Store 2.0). La chat appare ma non risponde? Controlla lo stato del tuo abbonamento nell'app di amministrazione, verifica la presenza di errori nella console del browser e verifica che la vetrina non sia in pausa tramite l'interruttore pausa chat a livello di vetrina in Impostazioni.

Prossimi passi