Jak přidat Asyntai AI chatbota do Shopify

Průvodce krok za krokem pro obchody Shopify

Platforma:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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: Přidání kódu do motivu Shopify

Postupujte podle těchto kroků pro přidání chatbota do vašeho obchodu Shopify:

Přihlaste se do svého panelu Shopify Admin
Přejděte na Online obchod → Motivy
Najděte svůj aktuální motiv a klikněte na tlačítko "..." (tři tečky)
Z rozbalovací nabídky vyberte "Upravit kód"
V levém postranním panelu pod Layout klikněte na theme.liquid
Rolujte dolů 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" v pravém horním rohu

Tip: Použijte Ctrl+F (Windows) nebo Cmd+F (Mac) pro rychlé vyhledání </body> v souboru theme.liquid.

Alternativa: Použití aplikace Shopify

Pokud nechcete upravovat kód, můžete použít aplikaci Shopify pro přidání vlastních skriptů:

Přejděte do Shopify App Store
Vyhledejte "Custom Script Injector" nebo "Header & Footer Scripts"
Nainstalujte aplikaci podle svého výběru
Použijte aplikaci k přidání vloženého kódu Asyntai do sekce zápatí

Krok 3: Ověřte instalaci

Po uložení změn navštivte svůj obchod Shopify 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 ujistěte se, že se správně otevírá a funguje.

Nevidíte widget? Shopify může cachovat soubory vašeho motivu. Zkuste otevřít svůj obchod v anonymním/soukromém okně prohlížeče, nebo počkejte pár minut a obnovte stránku.

Uživatelé Shopify Plus

Pokud používáte Shopify Plus, můžete skript přidat také prostřednictvím souboru checkout.liquid pro zobrazení chatbota na stránkách pokladny. Uvědomte si však, že většina obchodů jej potřebuje pouze na hlavních stránkách obchodu.

Přidání AI vyhledávacího pole

AI vyhledávací pole je samostatný widget s vlastním kódem. Přidejte ho vedle chatu, nebo samostatně. Vyžaduje tarif Standard nebo vyšší: v nižším se pole zobrazí, ale nevrátí výsledky.

Přidejte ke skriptu atribut data-replace a pole nahradí to, které už vaše šablona má. Vložte ho do theme.liquid těsně před uzavírací tag body, do stejného souboru jako kód chatu. Vaše šablona si ponechá vlastní stránku s výsledky, takže Enter funguje přesně jako dřív.

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

Přečtěte si celý návod k AI vyhledávacímu poli