Jak dodać chatbota Asyntai AI do Shopify
Instrukcja krok po kroku dla sklepów Shopify
Krok 1: Pobierz swój kod osadzania
Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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
- Przewin w dol, aby znalezc zamykający tag
</body> - Wklej kod osadzania Asyntai tuz przed znacznikiem
</body> - Kliknij "Save" w prawym gornym 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 wybrana aplikacje
- 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.
Weebly