Jak přidat AI chatbota Asyntai do BigCommerce

Průvodce krok za krokem pro obchody BigCommerce

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: Vyberte metodu instalace

Existuje několik způsobů, jak přidat chatovací widget do BigCommerce. Vyberte metodu, která vám nejlépe vyhovuje:

Metoda 1: Použití Script Manager (doporučeno)

Script Manager je nejjednodušší a doporučený způsob přidávání vlastních skriptů do vašeho obchodu BigCommerce. Nevyžaduje žádné znalosti programování a přetrvává i při změnách motivu.

Přihlaste se do ovládacího panelu BigCommerce
Přejděte na Storefront → Script Manager
Klikněte na tlačítko "Create a Script"
Nakonfigurujte skript s těmito nastaveními:
- Name: Asyntai AI Chatbot
- Description: Chatovací widget poháněný AI (volitelné)
- Placement: Footer
- Location: All Pages
- Script Category: Functional
- Script Type: Script
Do pole "Script Contents" vložte svůj vkládací kód Asyntai
Klikněte na "Save"

Proč používat Script Manager? Skripty přidané přes Script Manager jsou spravovány odděleně od vašeho motivu. Nebudou ovlivněny při aktualizaci nebo změně motivu obchodu.

Metoda 2: Použití Page Builder

Můžete použít Page Builder BigCommerce pro přidání chatovacího widgetu pomocí HTML prvku. Tato metoda je užitečná, pokud chcete větší kontrolu nad tím, kde se widget zobrazí.

Přihlaste se do ovládacího panelu BigCommerce
Přejděte na Storefront → My Themes
Klikněte na tlačítko "Customize" u aktivního motivu
V levém panelu Page Builderu najděte prvek "HTML"
Přetáhněte HTML prvek do oblasti patičky šablony stránky
Klikněte na HTML prvek a vyberte "Edit HTML"
Vložte svůj vkládací kód Asyntai
Klikněte na "Save HTML"
Click "Publish" to apply changes to your live store

Poznámka: Pokud chcete chatbota na všech stránkách, musíte ho přidat do globální oblasti jako je patička. Metoda Script Manager je jednodušší pro instalaci na celém webu.

Metoda 3: Úprava souborů motivu (Stencil Themes)

Pro vývojáře používající motivy Stencil můžete kód přidat přímo do souborů motivu. To vyžaduje přístup ke zdrojovým souborům motivu.

Pomocí ovládacího panelu BigCommerce

Přejděte na Storefront → My Themes
Klikněte na "Advanced" u aktivního motivu
Vyberte "Edit Theme Files"
Přejděte na templates → components → common
Otevřete soubor footer.html
Přejděte na konec souborů
Vložte svůj Asyntai embed kód těsně před uzavírací značku
Klikněte na "Save & Apply File"

Použití Stencil CLI (lokální vývoj)

Pokud vyvíjíte lokálně pomocí Stencil CLI:

Otevřete lokální soubory svého motivu
Přejděte na templates/components/common/footer.html
Přidejte svůj Asyntai embed kód před uzavírací značky
Nahrajte změny pomocí stencil push

Důležité: Změny v souborech motivu mohou být přepsány při aktualizaci motivu. Pro trvalé řešení, které přetrvá i po aktualizacích motivu, použijte metodu Script Manager.

Krok 3: Ověřte instalaci

Po přidání kódu navštivte svůj BigCommerce obchod v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu obchodu 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? Vymažte mezipaměť prohlížeče a zkuste to znovu. Pokud jste provedli změny prostřednictvím Theme Editoru, ujistěte se, že jste klikli na "Publish" pro aplikování změn na váš živý obchod.

Dokumentace