Jak dodać chatbota AI Asyntai do WooCommerce

Instrukcja krok po kroku dla sklepów WooCommerce

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: Użycie wtyczki (zalecane)

Najłatwiejszym sposobem dodania chatbota do sklepu WooCommerce jest użycie darmowej wtyczki do nagłówka/stopki:

Zaloguj sie do panelu administracyjnego WordPress
Przejdź do Plugins → Add New
Wyszukaj "Insert Headers and Footers" od WPCode (lub podobna wtyczkę)
Kliknij "Install Now", a następnie "Activate"
Przejdź do Code Snippets → Header & Footer (lub strony ustawień wtyczki)
Wklej kod osadzania Asyntai w sekcji "Footer"
Kliknij "Save Changes"

Wskazówka: Dodanie kodu do stopki zapewnia, ze załaduje sie on po treści sklepu, co jest idealne dla widgetów czatu i nie spowalnia ładowania strony ani nie zakloca funkcjonalności WooCommerce.

Alternatywa: Użycie personalizatora motywu

Wiele motywów WooCommerce posiada wbudowane opcje dodawania wlasnych skryptów:

Przejdź do Appearance → Customize
Poszukaj sekcji o nazwie "Additional CSS/JS", "Custom Code" lub "Footer Scripts"
Wklej kod osadzania Asyntai w odpowiednim polu
Kliknij "Publish", aby zapisać zmiany

Uwaga: Nie wszystkie motywy posiadają te opcje. Jeśli Twój motyw nie zawiera pol na własne skrypty, użyj metody z wtyczka lub edytuj plik functions.php motywu.

Alternatywa: Edycja plików motywu (functions.php)

Dla programistów lub osób doswiadczonych w edycji plików motywu:

Przejdź do Appearance → Theme File Editor
Wybierz aktywny motyw (lub najlepiej motyw potomny)
Otwórz plik functions.php
Dodaj następujący kod na końcu pliku:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Replace YOUR_WIDGET_ID with your actual widget ID
Kliknij "Update File"

Ważne: Zawsze używaj motywu potomnego podczas edycji plików motywu. Zmiany w motywie nadrzędnym zostaną utracone po aktualizacji motywu. Jeśli nie czujesz sie komfortowo z edycja kodu, użyj zamiast tego metody z wtyczka.

Alternatywa: Hook specyficzny dla WooCommerce

Aby załadować chatbota tylko na stronach WooCommerce (sklep, produkt, koszyk, kasa):

Dodaj ten kod do pliku functions.php Twojego motywu:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Replace YOUR_WIDGET_ID with your actual widget ID
Zapisz plik

Wskazówka: Ta metoda jest przydatna, jeśli chcesz, aby chatbot AI pojawiał sie tylko na stronach sklepu, aby pomagać klientom z produktami i zamówieniami, a nie na całej stronie internetowej.

Krok 3: Weryfikacja instalacji

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

Nie widzisz widgetu? Jeśli masz zainstalowana wtyczkę do buforowania (np. WP Super Cache, W3 Total Cache lub WP Rocket), najpierw wyczyść pamięć podręczna. Spróbuj również wyczyścić pamięć podręczna przeglądarki lub otworzyc stronę w oknie incognito.