Come aggiungere il chatbot IA Asyntai a Volusion

Guida passo passo per i negozi e-commerce Volusion

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: Backup del tema

Prima di apportare qualsiasi modifica al tuo negozio Volusion, è importante creare un backup:

Accedi al tuo pannello di amministrazione Volusion
Naviga su Design → File Editor
Clicca su Archive Theme per creare un backup
Scarica una copia dell'archivio per conservarla al sicuro

Importante: Esegui sempre il backup del tema prima di apportare modifiche al codice. Questo ti permette di ripristinare facilmente in caso di problemi.

Passaggio 3: Aggiungi il codice al template (consigliato)

Per aggiungere il chatbot a tutte le pagine del tuo negozio Volusion:

Nel tuo pannello di amministrazione Volusion, vai a Design → Template
Vai su Design → File Editor → Shortcuts
Trova il file template principale (solitamente template_*.html)
Scorri verso il basso per trovare il tag di chiusura </body>
Incolla il codice di incorporamento Asyntai appena prima del tag </body>
Clicca su Save per applicare le modifiche
Visualizza l'anteprima del tuo negozio per verificare che il chatbot appaia

Suggerimento: L'aggiunta del codice prima del tag di chiusura </body> garantisce prestazioni ottimali di caricamento della pagina. Questo metodo aggiunge automaticamente il chatbot a ogni pagina del tuo negozio.

Metodo alternativo 1: Iniezione HTML nell'Header/Footer

Volusion ti consente di aggiungere codice personalizzato tramite le impostazioni globali:

Accedi al tuo pannello di amministrazione Volusion
Naviga su Settings → Design Settings
Cerca la sezione Custom HTML o Footer Code
Incolla il codice di incorporamento Asyntai in questo campo
Clicca su Save
Il codice verrà ora aggiunto automaticamente a tutte le pagine

Nota: La posizione esatta delle impostazioni HTML personalizzate può variare a seconda del piano e della versione di Volusion. Cerca le impostazioni relative a "Custom Code", "Header/Footer" o "Global HTML".

Metodo alternativo 2: Installazione per pagina specifica

Se desideri aggiungere il chatbot solo a pagine specifiche:

Vai su Design → File Editor → Shortcuts
Crea o modifica un template specifico per la pagina utilizzando la funzione PageName
Aggiungi il codice condizionale per includere lo script solo su pagine specifiche:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Suggerimento: Questo metodo è utile se desideri il chatbot solo su determinate pagine come le pagine prodotto, il checkout o le pagine di supporto. Sostituisci 'home' e 'products' con i nomi effettivi delle pagine del tuo negozio Volusion.

Metodo alternativo 3: Articolo con CSS/HTML personalizzato

Puoi anche aggiungere il codice tramite un blocco articolo:

In Volusion Admin, vai su Articles → Articles
Crea un nuovo articolo o modificane uno esistente
Passa alla visualizzazione HTML nell'editor dell'articolo
Incolla il tuo codice di incorporamento Asyntai
Salva l'articolo
Aggiungi questo articolo al template della tua pagina o alla barra laterale
Il chatbot apparirà sulle pagine in cui viene visualizzato questo articolo

Nota: Questo metodo è meno comune ma può essere utile se hai un accesso limitato ai file del template o se desideri attivare/disattivare facilmente il chatbot nascondendo/mostrando l'articolo.

Passaggio 4: Verifica l'installazione

Dopo aver salvato le modifiche, apri il tuo negozio Volusion 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. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Assicurati di aver salvato tutte le modifiche al template. Svuota la cache del browser o visualizza il sito in modalità incognito. Volusion potrebbe memorizzare i template nella cache, quindi le modifiche potrebbero impiegare qualche minuto per apparire. Controlla la console del browser (F12) per eventuali errori JavaScript.

Hai bisogno di aiuto?

Se non ti senti a tuo agio nel modificare i file del template, il team di assistenza clienti di Volusion può aiutarti con le richieste di HTML e CSS personalizzati. Puoi anche contattare il supporto Asyntai per assistenza nell'installazione del chatbot sul tuo negozio Volusion.

Supporto professionale: Volusion offre servizi di codifica personalizzata se hai bisogno di assistenza professionale per modifiche al tema o personalizzazioni complesse.

Documentazione