Cum să adăugați chatbotul AI Asyntai pe Volusion

Ghid pas cu pas pentru magazine de e-commerce Volusion

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Faceți backup temei dvs.

Înainte de a face orice modificări la magazinul dvs. Volusion, este important să creați o copie de siguranță:

Conectați-vă la Panoul de administrare Volusion
Navigați la Design → Editor de fișiere
Faceți clic pe Archive Theme pentru a crea o copie de rezervă
Descărcați o copie a arhivei pentru păstrare în siguranță

Important: Faceți întotdeauna backup temei înainte de a face modificări de cod. Aceasta vă permite să reveniți ușor dacă ceva nu funcționează corect.

Pasul 3: Adăugați codul în șablon (recomandat)

Pentru a adăuga chatbotul pe toate paginile magazinului dvs. Volusion:

În Panoul de administrare Volusion, accesați Design → Template
Accesați Design → Editor de fișiere → Scurtături
Găsiți fișierul principal de șablon (de obicei template_*.html)
Derulați în jos pentru a găsi eticheta de închidere </body>
Inserați codul de încorporare Asyntai chiar înainte de eticheta </body>
Faceți clic pe Salvare pentru a aplica modificările
Previzualizați magazinul pentru a verifica dacă chatbotul apare

Sfat: Adăugarea codului înainte de eticheta de închidere </body> asigură performanță optimă de încărcare a paginii. Această metodă adaugă chatbotul pe fiecare pagină a magazinului dvs. automat.

Metoda alternativă 1: Injecție HTML Header/Footer

Volusion vă permite să adăugați cod personalizat prin setările globale:

Conectați-vă la Panoul de administrare Volusion
Navigați la Setări → Setări de design
Căutați secțiunea HTML personalizat sau Cod footer
Inserați codul de încorporare Asyntai în acest câmp
Faceți clic pe Save
Codul va fi acum adăugat pe toate paginile automat

Notă: Locația exactă a setărilor HTML personalizate poate varia în funcție de planul și versiunea dvs. Volusion. Căutați setări legate de "Cod personalizat", "Header/Footer" sau "HTML global".

Metoda alternativă 2: Instalare specifică paginii

Dacă doriți să adăugați chatbotul doar pe pagini specifice:

Accesați Design → Editor de fișiere → Scurtături
Creați sau editați un șablon specific paginii folosind funcția PageName
Adăugați cod condiționat pentru a include scriptul doar pe pagini specifice:

<!-- 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>

Sfat: Această metodă este utilă dacă doriți chatbotul doar pe anumite pagini precum paginile de produse, finalizare comandă sau pagini de asistență. Înlocuiți 'home' și 'products' cu numele reale ale paginilor din magazinul dvs. Volusion.

Metoda alternativă 3: Articol CSS/HTML personalizat

Puteți, de asemenea, adăuga codul printr-un bloc de articol:

În Volusion Admin, accesați Articole → Articole
Creați un articol nou sau editați unul existent
Comutați la vizualizarea HTML în editorul de articole
Inserați codul de încorporare Asyntai
Salvați articolul
Adăugați acest articol în șablonul paginii sau în bara laterală
Chatbotul va apărea pe paginile unde acest articol este afișat

Notă: Această metodă este mai puțin comună, dar poate fi utilă dacă aveți acces limitat la fișierele de șablon sau doriți să comutați ușor chatbotul pornit/oprit prin ascunderea/afișarea articolului.

Pasul 4: Verificați instalarea

După salvarea modificărilor, deschideți magazinul dvs. Volusion într-o filă nouă a browserului sau într-o fereastră incognito. Ar trebui să vedeți butonul widgetului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Asigurați-vă că ați salvat toate modificările de șablon. Goliți memoria cache a browserului sau vizualizați în modul incognito. Volusion poate reține șabloanele în cache, deci modificările pot dura câteva minute să apară. Verificați consola browserului (F12) pentru eventuale erori JavaScript.

Ai nevoie de ajutor?

Dacă nu vă simțiți confortabil editând fișierele de șablon, echipa de asistență clienți Volusion vă poate ajuta cu solicitări de HTML și CSS personalizate. Puteți contacta, de asemenea, asistența Asyntai pentru îndrumări privind instalarea chatbotului pe magazinul dvs. Volusion.

Asistență profesională: Volusion oferă servicii de programare personalizată dacă aveți nevoie de asistență profesională cu modificări de temă sau personalizări complexe.

Documentație