Jak dodać chatbota Asyntai AI do Shopify

Instrukcja krok po kroku dla sklepów Shopify

Platforma:

Krok 1: Pobierz swój kod osadzania

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>

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Dodaj kod do motywu Shopify

Wykonaj poniższe kroki, aby dodać chatbota do swojego sklepu Shopify:

Zaloguj sie do panelu Shopify Admin
Przejdź do Online Store → Themes
Znajdź swoj aktualny motyw i kliknij przycisk "..." (trzy kropki)
Wybierz "Edit code" z menu rozwijanego
Na lewym pasku bocznym, w sekcji Layout, kliknij theme.liquid
Przewiń w dół, aby znaleźć zamykający tag </body>
Wklej kod osadzania Asyntai tuz przed znacznikiem </body>
Kliknij "Save" w prawym górnym rogu

Wskazówka: Użyj Ctrl+F (Windows) lub Cmd+F (Mac), aby szybko wyszukac </body> w pliku theme.liquid.

Alternatywa: Użycie aplikacji Shopify

Jeśli wolisz nie edytować kodu, możesz użyć aplikacji Shopify do dodania niestandardowych skryptów:

Przejdź do Shopify App Store
Wyszukaj "Custom Script Injector" lub "Header & Footer Scripts"
Zainstaluj wybraną aplikację
Użyj aplikacji, aby dodać kod osadzania Asyntai do sekcji stopki

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź swoj sklep Shopify w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu sklepu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.

Nie widzisz widgetu? Shopify może buforowac pliki motywu. Spróbuj otworzyc sklep w oknie incognito/prywatnym przeglądarki lub odczekaj kilka minut i odswiez stronę.

Użytkownicy Shopify Plus

Jeśli korzystasz z Shopify Plus, możesz również dodać skrypt przez plik checkout.liquid, aby wyświetlić chatbota na stronach kasy. Należy jednak pamietac, ze większość sklepów potrzebuje go tylko na głównych stronach sklepu.

Dodawanie paska wyszukiwania AI

Pasek wyszukiwania AI to osobny widżet z własnym kodem. Dodaj go obok czatu albo samodzielnie. Wymaga planu Standard lub wyższego: w niższym pasek się pojawia, ale nie zwraca wyników.

Dodaj atrybut data-replace do znacznika script, a pasek zajmie miejsce tego z Twojego motywu. Wklej go do theme.liquid tuż przed zamykającym znacznikiem body, do tego samego pliku co kod czatu. Twój motyw zachowuje własną stronę wyników, więc Enter działa dokładnie tak jak wcześniej.

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

Przeczytaj pełny przewodnik po pasku wyszukiwania AI