Ako pridať Asyntai AI Chatbot do Shopify

Podrobný návod pre obchody Shopify

Platforma:

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

Najprv prejdite do svojho panela Asyntai a posuňte sa nadol do sekcie "Vkladací kód". Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

<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 lišta nahradí tú, ktorú už má vaša šablóna. 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