Come aggiungere il chatbot IA Asyntai a Shopify

Guida passo passo per negozi Shopify

Piattaforma:

Passaggio 1: ottieni il tuo codice di incorporamento

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

Passaggio 2: aggiungi il codice al tuo tema Shopify

Segui questi passaggi per aggiungere il chatbot al tuo negozio Shopify:

Accedi al tuo pannello Shopify Admin
Vai a Online Store → Themes
Trova il tuo tema corrente e clicca sul pulsante "..." (tre puntini)
Seleziona "Edit code" dal menu a tendina
Nella barra laterale sinistra, sotto Layout, clicca su theme.liquid
Scorri per trovare il tag di chiusura </body>
Incolla il codice di incorporamento Asyntai appena prima del tag </body>
Clicca su "Save" nell'angolo in alto a destra

Suggerimento: Usa Ctrl+F (Windows) o Cmd+F (Mac) per cercare rapidamente </body> nel file theme.liquid.

Alternativa: uso di un'app Shopify

Se preferisci non modificare il codice, puoi usare un'app Shopify per aggiungere script personalizzati:

Vai allo Shopify App Store
Cerca "Custom Script Injector" o "Header & Footer Scripts"
Installa l'app di tua scelta
Aggiungi il codice di incorporamento Asyntai nella sezione footer

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche, visita il tuo negozio Shopify in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget chat nell'angolo in basso a destra del tuo negozio. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Shopify potrebbe memorizzare nella cache i file del tema. Prova ad aprire il tuo negozio in una finestra del browser in incognito/privata, oppure attendi qualche minuto e aggiorna la pagina.

Utenti Shopify Plus

Se hai Shopify Plus, puoi anche aggiungere lo script tramite il file checkout.liquid per visualizzare il chatbot nelle pagine di checkout. Tuttavia, tieni presente che la maggior parte dei negozi ne ha bisogno solo nelle pagine principali del negozio.

Aggiungere la barra di ricerca AI

La barra di ricerca AI è un widget separato con un proprio codice. Aggiungila insieme alla chat, oppure da sola. Richiede il piano Standard o superiore: con un piano inferiore la barra compare ma non restituisce risultati.

Aggiungi l attributo data-replace al tag script e la barra prende il posto di quella già presente nel tema. Incollalo in theme.liquid subito prima del tag body di chiusura, nello stesso file del codice della chat. Il tuo tema mantiene la propria pagina dei risultati, quindi Invio funziona esattamente come prima.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Leggi la guida completa alla barra di ricerca AI