Ako pridať Asyntai AI Chatbot do Volusion

Podrobný návod pre e-commerce obchody Volusion

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Zálohovanie témy

Pred vykonaním akýchkoľvek zmien vo vašom obchode Volusion je dôležité vytvoriť zálohu:

Prihláste sa do svojho administrátorského panela Volusion
Prejdite na Design → File Editor
Kliknite na Archive Theme pre vytvorenie zálohy
Stiahnite kópiu archívu na bezpečné uloženie

Dôležité: Pred vykonaním zmien v kóde vždy zálohujte svoju tému. To vám umožní ľahko sa vrátiť, ak sa niečo pokazí.

Krok 3: Pridanie kódu do šablóny (Odporúčané)

Pre pridanie chatbota na všetky stránky vášho obchodu Volusion:

V administrácii Volusion prejdite na Design → Template
Prípadne prejdite na Design → File Editor → Shortcuts
Nájdite hlavný súbor šablóny (zvyčajne template_*.html)
Prejdite nadol a nájdite uzatváraciu značku </body>
Vložte svoj vkladací kód Asyntai tesne pred tag </body>
Kliknite na Save pre použitie zmien
Zobrazte náhľad obchodu na overenie, či sa chatbot zobrazuje

Tip: Pridanie kódu pred uzatváraciu značku </body> zabezpečuje optimálny výkon načítania stránky. Táto metóda automaticky pridáva chatbota na každú stránku vášho obchodu.

Alternatívna metóda 1: Vloženie HTML do hlavičky/pätičky

Volusion vám umožňuje pridať vlastný kód cez globálne nastavenia:

Prihláste sa do svojho administrátorského panela Volusion
Prejdite na Settings → Design Settings
Hľadajte sekciu Custom HTML alebo Footer Code
Vložte svoj vkladací kód Asyntai do tohto poľa
Kliknite na Uložiť
Kód sa teraz automaticky pridá na všetky stránky

Poznámka: Presné umiestnenie nastavení vlastného HTML sa môže líšiť v závislosti od vášho plánu a verzie Volusion. Hľadajte nastavenia súvisiace s "Custom Code", "Header/Footer" alebo "Global HTML".

Alternatívna metóda 2: Inštalácia pre konkrétnu stránku

Ak chcete pridať chatbota iba na konkrétne stránky:

Prejdite na Design → File Editor → Shortcuts
Vytvorte alebo upravte šablónu pre konkrétnu stránku pomocou funkcie PageName
Pridajte podmienený kód na zahrnutie skriptu iba na konkrétnych stránkach:

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

Tip: Táto metóda je užitočná, ak chcete chatbota iba na určitých stránkach, ako sú stránky produktov, pokladne alebo podpory. Nahraďte 'home' a 'products' skutočnými názvami stránok z vášho obchodu Volusion.

Alternatívna metóda 3: Vlastný článok CSS/HTML

Kód môžete pridať aj cez blok článku:

V administrácii Volusion prejdite na Articles → Articles
Vytvorte nový článok alebo upravte existujúci
Prepnite do HTML zobrazenia v editore článkov
Vložte svoj vkladací kód Asyntai
Uložte článok
Pridajte tento článok do šablóny stránky alebo bočného panela
Chatbot sa zobrazí na stránkach, kde je tento článok zobrazený

Poznámka: Táto metóda je menej bežná, ale môže byť užitočná, ak máte obmedzený prístup k súborom šablón alebo chcete jednoducho zapnúť/vypnúť chatbota skrytím/zobrazením článku.

Krok 4: Overenie inštalácie

Po uložení zmien otvorte svoj obchod Volusion v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu by ste mali vidieť tlačidlo chatového widgetu. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne.

Nevidíte widget? Uistite sa, že ste uložili všetky zmeny šablón. Vymažte vyrovnávaciu pamäť prehliadača alebo zobrazte stránku v režime inkognito. Volusion môže ukladať šablóny do vyrovnávacej pamäte, takže zmeny sa môžu zobraziť s niekoľkominútovým oneskorením. Skontrolujte konzolu prehliadača (F12), či neobsahuje chyby JavaScript.

Potrebujete pomoc?

Ak vám nie je príjemné upravovať súbory šablón, tím zákazníckej podpory Volusion vám môže pomôcť s požiadavkami na vlastné HTML a CSS. Môžete tiež kontaktovať podporu Asyntai pre návod na inštaláciu chatbota vo vašom obchode Volusion.

Profesionálna podpora: Volusion ponúka služby vlastného kódovania, ak potrebujete profesionálnu pomoc s úpravami tém alebo zložitými prispôsobeniami.

Dokumentácia