SupportFast SupportFast Guida

Sito web

Installare il widget su Shopify

Aggiungi il widget della chat a tutte le pagine del tuo negozio Shopify incollando il codice nel file principale del tema.

Vedi come Markdown

In Shopify tutte le pagine del negozio nascono da un file del tema, theme.liquid. Incollando lì il codice del widget, la chat compare su home, collezioni, prodotti e carrello.

Prima di iniziare

  • Il codice del widget di un agente chat Attivo, copiato da Agente chatProfilo AgenteCondividi, riquadro Bottone chat.
  • Un accesso all'amministrazione di Shopify con il permesso di modificare il tema.
Video: Metti la chat sul tuo sito AC-10Il codice del bottone chat, WordPress e Shopify, il dominio di pubblicazione, la verifica.

#Incolla il codice nel tema

  1. Apri i temi

    Nell'amministrazione di Shopify vai in Negozio onlineTemi (in inglese Online StoreThemes).

  2. Apri l'editor del codice

    Accanto al tema pubblicato premi i tre puntini e scegli Modifica codice (Edit code).

  3. Apri theme.liquid

    Nella ricerca dei file, a sinistra, scrivi theme.liquid e apri il file. Si trova nella cartella layout.

  4. Trova la chiusura dell'intestazione

    Cerca il tag </head> con Ctrl + F (su Mac ⌘ + F).

  5. Incolla e salva

    Incolla il codice del widget nella riga subito prima di </head>, poi premi Salva (Save).

Schermata: theme.liquid con il codice del widgetL'editor del codice di Shopify con il file layout/theme.liquid aperto, il codice del widget evidenziato subito prima di </head> e il pulsante Salva. Negozio di prova, codice agente d'esempio.

Duplica il tema prima di modificarlo. Dai tre puntini del tema scegli Duplica: se qualcosa va storto, hai una copia pronta da pubblicare.

Risultato

Il widget compare su tutte le pagine del negozio che usano il tema.

#Come verificare

Apri il negozio in una finestra anonima e segui la prova di Installare il widget, controllando la home, la pagina di un prodotto e il carrello. Se il negozio è protetto da password, inseriscila: la pagina della password non mostra il widget.

#Cosa sapere

  • Il codice sta nel tema. Se pubblichi un altro tema, o installi una versione nuova del tuo, controlla che il codice ci sia ancora. Se manca, incollalo di nuovo.
  • Niente widget nel checkout. Le pagine di pagamento non nascono dal file del tema, quindi lì la chat non compare.
  • L'indirizzo .myshopify.com. Se compili il dominio di pubblicazione con il tuo dominio, sull'indirizzo che finisce con .myshopify.com il widget non compare.

#Togliere il widget

Apri di nuovo theme.liquid, cancella la riga del codice e premi Salva.

#Domande frequenti

Il bottone della chat copre il carrello o il bottone di un'altra app. Cosa faccio?

Spostalo sull'altro lato in Profilo AgenteInterfaccia, con Posizione del bottone.

La chat può riconoscere i clienti che hanno un account nel negozio?

Sì, con poche righe in theme.liquid. L'esempio è in Passare i dati dell'utente.

#Leggi anche

Installare il widgetIl codice, il dominio di pubblicazione e la verifica. Passare i dati dell'utenteI dati dei clienti registrati, con l'esempio per Shopify. Problemi con il widget sul sitoCosa fare se il widget non compare o copre altri elementi.