Dokumentacja

WordPress

Dodaj agenta do witryn WordPress.

Dodaj agenta AI do witryn WordPress za pomocą kodu osadzania. Działa z dowolnym motywem WordPress.

Najpierw pobierz kod osadzania z Chatbot > Publikuj w panelu.

Metoda 1: Stopka motywu (zalecana)

Dodaj widżet do wszystkich stron poprzez motyw:

  1. Przejdź do Wygląd → Edytor motywu (lub Edytor plików motywu)
  2. Znajdź plik footer.php w plikach motywu
  3. Wklej kod osadzania tuż przed </body>

Przykładowy format (pobierz rzeczywisty kod z Chatbot > Publikuj):

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Kliknij Aktualizuj plik

Widżet pojawi się teraz na wszystkich stronach.

Metoda 2: Blok HTML niestandardowy

Dodaj widżet do wybranych stron za pomocą edytora bloków:

  1. Edytuj stronę, na której chcesz umieścić widżet
  2. Dodaj blok HTML niestandardowy
  3. Wklej kod osadzania z Chatbot > Publikuj

Przykładowy format:

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Zapisz stronę

Metoda 3: Wtyczka (skrypty nagłówka/stopki)

Użyj wtyczki, aby dodać skrypty w całej witrynie:

  1. Zainstaluj wtyczkę taką jak „Insert Headers and Footers” lub „WPCode”
  2. Przejdź do ustawień wtyczki
  3. Znajdź sekcję „Footer Scripts”
  4. Wklej kod osadzania z Chatbot > Publikuj
  5. Zapisz zmiany

Ta metoda nie wymaga edycji plików motywu.

Metoda 4: Motyw potomny

Jeśli Twój motyw często się aktualizuje, użyj motywu potomnego:

  1. Utwórz motyw potomny dla swojego bieżącego motywu
  2. Dodaj plik functions.php z poniższym kodem (zastąp YOUR_WIDGET_URL i YOUR_CHATBOT_ID wartościami z Chatbot > Publikuj):
<?php
function add_chatbot_widget() {
    ?>
    <script
      src="YOUR_WIDGET_URL"
      data-chatbot="YOUR_CHATBOT_ID"
      async
    ></script>
    <?php
}
add_action('wp_footer', 'add_chatbot_widget');

Ta metoda przetrwa aktualizacje motywu.

Witryny WooCommerce

Widżet działa na witrynach WooCommerce automatycznie. Rozważ:

  • Dodanie go na stronach produktów, aby odpowiadać na pytania o produkt
  • Dodanie go na stronie finalizacji zamówienia, aby wspierać klientów w trakcie zakupu
  • Umieszczenie go na wybranych stronach za pomocą bloków HTML niestandardowych

Kreatory stron

Elementor

  1. Edytuj za pomocą Elementora
  2. Dodaj widżet HTML
  3. Wklej kod osadzania
  4. Ustaw wyświetlanie w całej witrynie (opcjonalnie)

Divi

  1. Dodaj moduł kodu
  2. Wklej kod osadzania
  3. Zapisz zmiany

Beaver Builder

  1. Dodaj moduł HTML
  2. Wklej kod osadzania
  3. Opublikuj zmiany

WordPress Multisite

W przypadku WordPress Multisite:

  • Dodaj kod do każdej witryny osobno, albo
  • Użyj wtyczki aktywowanej sieciowo, aby dodać kod do wszystkich witryn naraz

Wtyczki buforujące

Jeśli korzystasz z wtyczek buforujących (WP Super Cache, W3 Total Cache itd.):

  1. Dodaj kod widżetu
  2. Wyczyść całą pamięć podręczną
  3. Przetestuj widżet

Widżet powinien działać ze wszystkimi popularnymi wtyczkami buforującymi.

Rozwiązywanie problemów

Widżet się nie pojawia

  • Wyczyść pamięć podręczną WordPress
  • Sprawdź konsolę przeglądarki pod kątem błędów
  • Sprawdź, czy ID agenta jest prawidłowe

Edytor motywu jest niedostępny

  • Niektórzy dostawcy hostingu wyłączają edycję motywu
  • Użyj zamiast tego metody z wtyczką
  • Albo edytuj pliki przez FTP

Widżet jest w złej pozycji

  • Dostosuj pozycję w ustawieniach Wyglądu swojego agenta
  • Sprawdź, czy nie ma konfliktów CSS z motywem

Testowanie

Po instalacji:

  1. Otwórz swoją witrynę WordPress w oknie incognito
  2. Poszukaj dymka czatu
  3. Wyślij testową wiadomość
  4. Zweryfikuj odpowiedź

Kolejne kroki