WebChatAgent Logo

Aggiungi un AI Chatbot a Shopify

Shopify

Aggiungi un chatbot AI al tuo negozio Shopify in pochi minuti. Non c'è alcuna app da installare: incolli un piccolo snippet nel tuo tema e la bolla di chat compare in tutto il negozio. Usa prima il metodo dell'editor del tema; modifica il codice del tema solo se il tuo tema non supporta i blocchi personalizzati.

Metodo 1: Editor del tema (consigliato)

  1. Apri l'editor del tema: nel pannello di amministrazione di Shopify, vai su Negozio online > Temi e fai clic su Personalizza sul tema attivo.
  2. Aggiungi un blocco Custom Liquid: nella barra laterale sinistra, scorri verso il basso e fai clic su Aggiungi sezione. Cerca Custom Liquid (oppure Custom HTML a seconda del tema).
  3. Incolla il codice: inserisci il seguente codice:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Sostituisci YOUR_ID con il tuo ID del chatbot effettivo disponibile nella dashboard di WebChatAgent.
  2. Salva: fai clic su Salva nell'angolo in alto a destra. Il Widget di chat apparirà ora sul tuo negozio.

Metodo 2: Modifica il codice del tema

Usa questo metodo se il tuo tema non supporta le sezioni Custom Liquid o se desideri il Widget su ogni pagina.

  1. Vai su Negozio online > Temi, fai clic sui tre puntini (⋯) accanto al tema attivo e seleziona Modifica codice.
  2. Nella cartella Layout, apri theme.liquid.
  3. Incolla il seguente codice prima del tag di chiusura </body>:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Sostituisci YOUR_ID con il tuo ID del chatbot e fai clic su Salva.

Trovare il tuo ID del chatbot

Accedi alla dashboard di WebChatAgent, apri il tuo Assistente e vai su Canali → Widget di chat. Espandi Mostra dettagli di installazione e fai clic su Copia codice. Lo snippet contiene già il tuo ID del chatbot, quindi puoi incollare l'intero frammento invece di digitare l'ID manualmente.

Risoluzione dei problemi

  • Il Widget non viene visualizzato? Svuota la cache del tema Shopify e prova a visualizzare il negozio in una finestra di navigazione in incognito.
  • Il Widget compare solo su alcune pagine? Se hai utilizzato il Metodo 1, assicurati che la sezione Custom Liquid sia inserita in un template caricato su tutte le pagine (ad esempio nell'area del piè di pagina).
  • Conflitti con altre app? Prova a disattivare temporaneamente altre app di chat o popup per escludere eventuali conflitti.