Az Asyntai AI Chatbot hozzáadása a Shopify-hoz

Lépésről lépésre útmutató a Shopify áruházakhoz

Platform:

1. lépés: Szerezze be a beágyazási kódját

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>

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Kód hozzáadása a Shopify témájához

Kövesse ezeket a lépéseket a chatbot Shopify áruházhoz való hozzáadásához:

Jelentkezzen be a Shopify Admin panelbe
Lépjen az Online áruház → Témák menüponthoz
Keresse meg az aktuális témáját, és kattintson a „..." gombra (három pont)
Válassza a „Kód szerkesztése" opciót a legördülő menüből
A bal oldali sávban, az Elrendezés alatt kattintson a theme.liquid fájlra
Görgessen le a záró </body> tag megkereséséhez
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
Kattintson a „Mentés" gombra a jobb felső sarokban

Tipp: A theme.liquid fájlban a </body> gyors kereséséhez használja a Ctrl+F billentyűkombinációt (Windows) vagy a Cmd+F kombinációt (Mac).

Alternatíva: Shopify alkalmazás használata

Ha nem szeretne kódot szerkeszteni, Shopify alkalmazással adhat hozzá egyéni szkripteket:

Lépjen a Shopify App Store-ba
Keressen „Custom Script Injector" vagy „Header & Footer Scripts" kifejezésre
Telepítse a választott alkalmazást
Használja az alkalmazást az Asyntai beágyazókód hozzáadásához a lábléc szakaszhoz

3. lépés: Telepítés ellenőrzése

A változtatások mentése után látogassa meg a Shopify áruházát egy új böngészőlapon vagy inkognító ablakban. Az áruház jobb alsó sarkában meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megnyílik és megfelelően működik.

Nem látja a widgetet? A Shopify gyorsítótárazhatja a témafájlokat. Próbálja meg inkognító/privát böngészőablakban megnyitni az áruházát, vagy várjon néhány percet, és frissítse az oldalt.

Shopify Plus felhasználók

Ha Shopify Plus előfizetéssel rendelkezik, a szkriptet a checkout.liquid fájlon keresztül is hozzáadhatja, hogy a chatbot megjelenjen a pénztár oldalakon. Megjegyzendő azonban, hogy a legtöbb áruháznak csak a fő kirakatoldalakon van szüksége rá.

Az AI keresősáv hozzáadása

Az AI keresősáv külön widget saját kóddal. Adja hozzá a csevegés mellé, vagy önmagában. Standard vagy magasabb csomagot igényel: alacsonyabb csomagban a sáv megjelenik, de nem ad találatot.

Adja hozzá a data-replace attribútumot a script címkéhez, és a sáv a téma meglévő sávjának helyére kerül. Illessze be a theme.liquid fájlba, közvetlenül a záró body címke elé, ugyanabba a fájlba, ahol a csevegőkód van. A sablon megtartja saját találati oldalát, így az Enter pontosan úgy működik, mint korábban.

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

Olvassa el az AI keresősáv teljes útmutatóját