Jak přidat Asyntai AI chatbota na Volusion

Podrobný návod pro e-shopy Volusion

Platforma:

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

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

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Zálohujte si šablonu

Před provedením jakýchkoli změn ve vašem obchodě Volusion je důležité vytvořit zálohu:

Přihlaste se do administračního panelu Volusion
Přejděte na Design → File Editor
Klikněte na Archive Theme pro vytvoření zálohy
Stáhněte si kopii archivu pro jistotu

Důležité: Před úpravami kódu si vždy zálohujte šablonu. Díky tomu můžete snadno provést návrat, pokud se něco pokazí.

Krok 3: Přidejte kód do šablony (doporučeno)

Přidání chatbota na všechny stránky vašeho obchodu Volusion:

Ve svém administrátorském panelu Volusion přejděte na Design → Template
Případně přejděte na Design → File Editor → Shortcuts
Najděte hlavní soubor šablony (obvykle template_*.html)
Rolujte dolu a najděte uzavírací tag </body>
Vložte svůj Asyntai embed kód těsně před značku </body>
Klikněte na Save pro uložení změn
Zobrazte náhled obchodu a ověřte, že se chatbot zobrazuje

Tip: Přidání kódu před uzavírací značku </body> zajišťuje optimální výkon načítání stránky. Tato metoda automaticky přidá chatbota na každou stránku vašeho obchodu.

Alternativní metoda 1: Vložení HTML do záhlaví/zápatí

Volusion umožňuje přidat vlastní kód prostřednictvím globálního nastavení:

Přihlaste se do administračního panelu Volusion
Přejděte na Settings → Design Settings
Vyhledejte sekci Custom HTML nebo Footer Code
Vložte kód Asyntai do tohoto pole
Klikněte na Uložit
Kód bude nyní automaticky přidán na všechny stránky

Poznámka: Přesné umístění nastavení vlastního HTML se může lišit v závislosti na vašem tarifu a verzi Volusion. Hledejte nastavení související s "Custom Code", "Header/Footer" nebo "Global HTML".

Alternativní metoda 2: Instalace na konkrétní stránku

Pokud chcete chatbota přidat pouze na konkrétní stránky:

Přejděte na Design → File Editor → Shortcuts
Vytvořte nebo upravte šablonu pro konkrétní stránku pomocí funkce PageName
Přidejte podmíněný kód pro zahrnutí skriptu pouze na konkrétní stránky:

<!-- 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: Tato metoda je užitečná, pokud chcete chatbota pouze na určitých stránkách, jako jsou stránky produktů, pokladna nebo stránky podpory. Nahraďte 'home' a 'products' skutečnými názvy stránek z vašeho obchodu Volusion.

Alternativní metoda 3: Článek s vlastním CSS/HTML

Kód můžete přidat také prostřednictvím bloku článku:

V administraci Volusion přejděte na Articles → Articles
Vytvořte nový článek nebo upravte existující
Přepněte na HTML zobrazení v editoru článku
Vložte svůj vkládací kód Asyntai
Uložte článek
Přidejte tento článek do šablony stránky nebo postranního panelu
Chatbot se zobrazí na stránkách, kde je tento článek zobrazen

Poznámka: Tato metoda je méně obvyklá, ale může být užitečná, pokud máte omezený přístup k souborům šablon nebo chcete chatbota snadno zapínat/vypínat skrytím/zobrazením článku.

Krok 4: Ověření instalace

Po uložení změn otevřete svůj obchod Volusion v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.

Nevidíte widget? Ujistěte se, že jste uložili všechny změny šablony. Vymažte mezipaměť prohlížeče nebo zobrazte stránku v anonymním režimu. Volusion může šablony ukládat do mezipaměti, takže zobrazení změn může trvat několik minut. Zkontrolujte konzoli prohlížeče (F12), zda neobsahuje chyby JavaScriptu.

Potřebujete pomoc?

Pokud se necítíte pohodlně při úpravách souborů šablon, tým zákaznické podpory Volusion vám může pomocí s požadavky na vlastní HTML a CSS. Pro rady ohledně instalace chatbota na váš obchod Volusion můžete také kontaktovat podporu Asyntai.

Profesionální podpora: Volusion nabízí služby vlastního programování, pokud potřebujete profesionální pomoc s úpravami šablon nebo složitými přizpůsobeními.

Dokumentace