Come aggiungere il chatbot IA Asyntai a BigCommerce

Guida passo passo per i negozi BigCommerce

Piattaforma:

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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: Scegli il metodo di installazione

Esistono diversi modi per aggiungere il widget di chat a BigCommerce. Scegli il metodo che funziona meglio per te:

Metodo 1: Utilizzo dello Script Manager (consigliato)

Lo Script Manager è il modo più semplice e consigliato per aggiungere script personalizzati al tuo negozio BigCommerce. Non richiede conoscenze di programmazione e persiste tra i cambi di tema.

Accedi al tuo Pannello di controllo BigCommerce
Vai su Storefront → Script Manager
Clicca sul pulsante "Create a Script"
Configura il tuo script con queste impostazioni:
- Nome: Asyntai AI Chatbot
- Description: AI-powered chat widget (optional)
- Posizionamento: Footer
- Posizione: Tutte le pagine
- Categoria script: Funzionale
- Tipo di script: Script
Nella casella "Script Contents", incolla il tuo codice di incorporamento Asyntai
Clicca su "Save"

Perché usare lo Script Manager? Gli script aggiunti tramite lo Script Manager vengono gestiti separatamente dal tema. Non saranno influenzati quando aggiorni o cambi il tema del tuo negozio.

Metodo 2: Utilizzo del Page Builder

Puoi utilizzare il Page Builder di BigCommerce per aggiungere il widget di chat tramite un elemento HTML. Questo metodo è utile se desideri avere maggiore controllo su dove appare il widget.

Accedi al tuo Pannello di controllo BigCommerce
Vai su Storefront → My Themes
Clicca sul pulsante "Customize" sul tema attivo
Nella barra laterale sinistra del Page Builder, trova l'elemento "HTML"
Trascina l'elemento HTML nell'area del footer del template della pagina
Clicca sull'elemento HTML e seleziona "Edit HTML"
Incolla il tuo codice di incorporamento Asyntai
Clicca su "Save HTML"
Click "Publish" to apply changes to your live store

Nota: Se desideri il chatbot su tutte le pagine, dovrai aggiungerlo a un'area globale come il footer. Il metodo Script Manager è più semplice per un'installazione su tutto il sito.

Metodo 3: Modifica i file del tema (temi Stencil)

Per gli sviluppatori che utilizzano temi Stencil, puoi aggiungere il codice direttamente ai file del tema. Questo richiede l'accesso ai file sorgente del tema.

Utilizzo del Pannello di controllo BigCommerce

Vai su Storefront → My Themes
Clicca su "Advanced" sul tema attivo
Seleziona "Edit Theme Files"
Vai su templates → components → common
Apri footer.html
Scorri fino alla fine del file
Paste your Asyntai embed code just before the closing tag
Clicca su "Save & Apply File"

Utilizzo della Stencil CLI (sviluppo locale)

Se stai sviluppando in locale con la Stencil CLI:

Apri i file locali del tema
Vai su templates/components/common/footer.html
Aggiungi il codice di incorporamento Asyntai prima dei tag di chiusura
Carica le modifiche utilizzando stencil push

Importante: Le modifiche ai file del tema potrebbero essere sovrascritte quando aggiorni il tema. Per una soluzione permanente che persista tra gli aggiornamenti del tema, utilizza il metodo Script Manager.

Passaggio 3: verifica l'installazione

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

Non vedi il widget? Svuota la cache del browser e riprova. Se hai apportato modifiche tramite il Theme Editor, assicurati di aver cliccato "Publish" per applicare le modifiche al tuo negozio online.

Documentazione