Wdrażanie
Osadź agenta na dowolnej stronie internetowej za pomocą widżetu JavaScript lub elementu iframe.
Wdróż agenta na swojej stronie internetowej, aby odwiedzający mogli z nim rozmawiać. Wybierz pływający widżet czatu albo osadzenie pełnostronicowe w formie iframe.
Opcje osadzania
Widżet czatu (zalecane)
Pływający dymek czatu, który rozwija się w okno czatu. Działa na dowolnej stronie internetowej.
Osadzenie w formie iframe
Osadź pełny interfejs czatu w wybranej sekcji strony. Przydatne w przypadku dedykowanych stron wsparcia.
Dodawanie widżetu czatu
- Przejdź do zakładki Publikuj swojego agenta
- Skopiuj fragment kodu JavaScript
- Wklej go do kodu HTML swojej strony przed
</body>:
<script src="https://your-domain.com/widget.js" data-chatbot-id="your-chatbot-id" async ></script>
- Odśwież stronę — dymek czatu się pojawi!
Widżet pojawia się jako pływający przycisk (zwykle w prawym dolnym rogu). Odwiedzający klikają go, aby otworzyć czat.
Przewodniki dla konkretnych platform
Szczegółowe instrukcje dla poszczególnych platform:
- Widżet JavaScript — dowolna strona HTML
- React/Next.js — aplikacje React
- WordPress — strony WordPress
- Osadzenie iframe — osadzony interfejs czatu
Dostosowywanie widżetu
Dostosuj wygląd w zakładce Wygląd:
Kolory
- Kolor podstawowy (dymek czatu, nagłówek)
- Kolory akcentu
- Jasny/ciemny motyw
Pozycja
- Prawy dolny róg (domyślnie)
- Lewy dolny róg
- Niestandardowe pozycjonowanie za pomocą CSS
Branding
- Wiadomość powitalna
- Tytuł czatu
- Sugerowane wiadomości
- Usuń oznaczenie „Powered by” (plany Standard/Pro)
Ustawienia widoczności
Kontroluj, kto ma dostęp do Twojego agenta:
| Ustawienie | Opis |
|---|---|
| Publiczny | Każdy może korzystać z osadzonego widżetu |
| Prywatny | Dostępny wyłącznie w Playground w panelu |
Skonfiguruj w Ustawienia > Bezpieczeństwo > Widoczność.
Ograniczenia domen
Ogranicz, które strony internetowe mogą osadzać Twojego agenta:
- Przejdź do Ustawienia > Bezpieczeństwo
- Znajdź Dozwolone domeny
- Dodaj domeny, które mogą osadzać Twój widżet
Po skonfigurowaniu widżet ładuje się wyłącznie na zatwierdzonych domenach. Zapobiega to nieautoryzowanemu wykorzystaniu agenta.
Weryfikacja osadzenia
Po dodaniu kodu:
- Odwiedź swoją stronę w przeglądarce
- Odszukaj dymek czatu
- Kliknij, aby otworzyć czat
- Wyślij wiadomość testową
- Sprawdź, czy odpowiedź jest poprawna
Rozwiązywanie problemów
Widżet się nie pojawia:
- Sprawdź, czy kod osadzania znajduje się przed
</body> - Sprawdź, czy ID agenta jest poprawne
- Wyczyść pamięć podręczną przeglądarki
- Sprawdź konsolę przeglądarki pod kątem błędów
Widżet w niewłaściwej pozycji:
- Dostosuj pozycję w ustawieniach Wyglądu
- Sprawdź konflikty CSS
Czat nie odpowiada:
- Upewnij się, że masz treści treningowe
- Sprawdź limit wiadomości w swoim planie
- Najpierw przetestuj w Playground
Lista kontrolna przed uruchomieniem
Zanim ogłosisz uruchomienie agenta:
- [ ] Przetestuj w Playground z typowymi pytaniami
- [ ] Sprawdź, czy treści treningowe są kompletne
- [ ] Dostosuj wygląd do swojej marki
- [ ] Skonfiguruj ograniczenia domen (opcjonalnie)
- [ ] Skonfiguruj ograniczanie liczby żądań, aby zapobiec nadużyciom
- [ ] Sprawdź ustawienia widoczności