Jak dodać chatbota AI Asyntai do BigCommerce

Przewodnik krok po kroku dla sklepów BigCommerce

Platforma:

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: Wybierz metodę instalacji

Istnieje kilka sposobów dodania widgetu czatu do BigCommerce. Wybierz metodę, która najlepiej Ci odpowiada:

Metoda 1: Użycie Menedżera skryptów (zalecane)

Menedżer skryptów to najłatwiejszy i zalecany sposób dodawania własnych skryptów do sklepu BigCommerce. Nie wymaga znajomości kodowania i jest zachowywany przy zmianach motywu.

Zaloguj się do swojego Panelu sterowania BigCommerce
Przejdź do Storefront → Script Manager
Kliknij przycisk "Create a Script"
Skonfiguruj skrypt za pomocą nastepujacych ustawień:
- Nazwa: Asyntai AI Chatbot
- Opis: Widget czatu oparty na AI (opcjonalnie)
- Umiejscowienie: Stopka
- Lokalizacja: Wszystkie strony
- Kategoria skryptu: Funkcjonalny
- Typ skryptu: Script
W polu "Script Contents" wklej kod osadzania Asyntai
Kliknij "Save"

Dlaczego warto używać Menedżera skryptów? Skrypty dodane przez Menedżera skryptów sa zarzadzane oddzielnie od motywu. Nie zostaną naruszone podczas aktualizacji lub zmiany motywu sklepu.

Metoda 2: Użycie Page Builder

Możesz użyć Page Builder BigCommerce, aby dodać widget czatu za pomocą elementu HTML. Ta metoda jest przydatna, jeśli chcesz mieć większą kontrolę nad tym, gdzie widget się pojawia.

Zaloguj się do swojego Panelu sterowania BigCommerce
Przejdź do Storefront → My Themes
Kliknij przycisk "Customize" na aktywnym motywie
Na lewym pasku bocznym Page Builder znajdź element "HTML"
Przeciagnij i upusc element HTML do obszaru stopki szablonu strony
Kliknij element HTML i wybierz "Edit HTML"
Wklej swój kod osadzania Asyntai
Kliknij "Save HTML"
Click "Publish" to apply changes to your live store

Uwaga: Jeśli chcesz mieć chatbota na wszystkich stronach, musisz dodać go do globalnego regionu, takiego jak stopka. Metoda Menedżera skryptów jest latwiejsza dla instalacji na całej stronie.

Metoda 3: Edycja plików motywu (motywy Stencil)

Dla programistów korzystających z motywów Stencil można dodać kod bezpośrednio do plików motywu. Wymaga to dostępu do plików zrodlowych motywu.

Użycie Panelu sterowania BigCommerce

Przejdź do Storefront → My Themes
Kliknij "Advanced" na aktywnym motywie
Wybierz "Edit Theme Files"
Przejdź do templates → components → common
Otwórz footer.html
Przewin na dol pliku
Wklej kod osadzania Asyntai tuz przed zamykającym znacznikiem
Kliknij "Save & Apply File"

Użycie Stencil CLI (rozwoj lokalny)

Jeśli rozwijasz projekt lokalnie za pomocą Stencil CLI:

Otwórz lokalne pliki motywu
Przejdź do templates/components/common/footer.html
Dodaj kod osadzania Asyntai przed zamykajacymi znacznikami
Wyslij zmiany za pomocą stencil push

Ważne: Zmiany w plikach motywu mogą zostac nadpisane podczas aktualizacji motywu. Aby uzyskać trwale rozwiązanie, które przetrwa aktualizacje motywu, użyj metody Menedżera skryptów.

Krok 3: Weryfikacja instalacji

Po dodaniu kodu odwiedź swoj sklep BigCommerce w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu sklepu. Kliknij go, aby upewnić się, że otwiera się i działa prawidłowo.

Nie widzisz widgetu? Wyczyść pamięć podręczną przeglądarki i spróbuj ponownie. Jeśli wprowadziles zmiany przez Edytor motywów, upewnij się, że kliknales "Publish", aby zastosowac zmiany w działajacym sklepie.

Dokumentacja