Ako pridať Asyntai AI Chatbot do Shopify

Podrobný návod pre obchody Shopify

Platforma:

Krok 1: Získajte svoj vkladací 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 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: Pridanie kódu do vašej témy Shopify

Postupujte podľa týchto krokov a pridajte chatbota do svojho obchodu Shopify:

Prihláste sa do svojho panela Shopify Admin
Prejdite na Online Store → Themes
Nájdite svoju aktuálnu tému a kliknite na tlačidlo "..." (tri bodky)
Vyberte "Edit code" z rozbaľovacieho menu
V ľavom bočnom paneli pod Layout kliknite na theme.liquid
Prejdite nadol a najdite uzatvaraci tag </body>
Vložíte svoj vkladací kod Asyntai tesne pred tag </body>
Kliknite na "Uložiť" v pravom hornom rohu

Tip: Použite Ctrl+F (Windows) alebo Cmd+F (Mac) na rýchle vyhľadanie </body> v súbore theme.liquid.

Alternatíva: Pomocou aplikácie Shopify

Ak nechcete upravovať kód, môžete použiť aplikáciu Shopify na pridanie vlastných skriptov:

Prejdite do Shopify App Store
Vyhľadajte "Custom Script Injector" alebo "Header & Footer Scripts"
Nainštalujte aplikáciu podľa vlastného výberu
Použite aplikáciu na pridanie vkladacieho kódu Asyntai do sekcie pätičky

Krok 3: Overenie inštalácie

Po uložení zmien navštívte svoj obchod Shopify v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu obchodu 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? Shopify môže ukladať vaše súbory témy do vyrovnávacej pamäte. Skúste otvoriť svoj obchod v okne inkognito/súkromnom prehliadači alebo počkajte niekoľko minút a obnovte stránku.

Používatelia Shopify Plus

Ak ste na Shopify Plus, môžete tiež pridať skript cez súbor checkout.liquid na zobrazenie chatbota na stránkach pokladne. Upozorňujeme však, že väčšina obchodov ho potrebuje iba na hlavných stránkach obchodu.

Pridanie AI vyhľadávacieho poľa

AI vyhľadávacie pole je samostatný widget s vlastným kódom. Pridajte ho popri chate, alebo samostatne. Vyžaduje tarif Standard alebo vyšší: v nižšom sa pole zobrazí, ale nevráti výsledky.

Pridajte k značke script atribút data-replace a pole nahradí to, ktoré už vaša šablóna má. Vložte ho do theme.liquid tesne pred uzatvárací tag body, do rovnakého súboru ako kód chatu. Vaša šablóna si ponechá vlastnú stránku s výsledkami, takže Enter funguje presne ako predtým.

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

Prečítajte si celý návod k AI vyhľadávaciemu poľu