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 się do panelu administracyjnego WordPress
Przejdź do Plugins → Add New
Wyszukaj "Insert Headers and Footers" od WPCode (lub podobną 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, że załaduje się on po treści sklepu, co jest idealne dla widgetów czatu i nie spowalnia ładowania strony ani nie zakłóca funkcjonalności WooCommerce.

Alternatywa: Użycie personalizatora motywu

Wiele motywów WooCommerce posiada wbudowane opcje dodawania własnych 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ą tę opcję. Jeśli Twój motyw nie zawiera pól na własne skrypty, użyj metody z wtyczką lub edytuj plik functions.php motywu.

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

Dla programistów lub osób doświadczonych 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');
Zamień YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu
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 się komfortowo z edycją kodu, użyj zamiast tego metody z wtyczką.

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');
Zamień YOUR_WIDGET_ID na rzeczywisty identyfikator widgetu
Zapisz plik

Wskazówka: Ta metoda jest przydatna, jeśli chcesz, aby chatbot AI pojawiał się 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ź swój sklep WooCommerce w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa prawidłowo.

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