Chatbota Agentkit na stronę internetową możesz zbudować bez pisania aplikacji. Dodaj zatwierdzone strony lub pliki, określ, jak agent ma odpowiadać, przetestuj go w Playground, a następnie skopiuj oba wygenerowane tagi skryptu do sekcji kodu swojej witryny. Ostatnim krokiem jest test na opublikowanej stronie. Bąbelek czatu widoczny w edytorze nie dowodzi, że odwiedzający mogą z niego korzystać.
Potrzebujesz konta Agentkit, treści, których możesz używać, oraz uprawnień do dodawania własnego kodu do witryny. Jeśli Twój plan witryny lub rola nie pozwala publikować skryptów, opcją może być osadzony iframe tam, gdzie osadzanie jest dozwolone. Sprawdź zasady swojej witryny, zanim zaczniesz.
1. Zacznij od pytania i zatwierdzonej odpowiedzi
Wybierz trzy pytania, które odwiedzający naprawdę zadają. Uwzględnij pytanie rutynowe, pytanie, na które odpowiedź zależy od aktualnej polityki, oraz pytanie, na które Twoje źródła nie odpowiadają. Zapisz dla każdego zatwierdzoną odpowiedź lub ścieżkę kontaktu z człowiekiem. Ten krótki klucz odpowiedzi da Ci później coś konkretnego do sprawdzenia.
Na przykład sklep może zapytać: "Kiedy mogę zwrócić produkt z wyprzedaży?" Jako źródło odpowiedzi użyj aktualnej polityki zwrotów. Jeśli polityka nie obejmuje produktów z wyprzedaży, akceptowalna odpowiedź to stwierdzenie, że agent nie może potwierdzić zasady, i skierowanie odwiedzającego do sklepu. Ten przykład to wzorzec testowy, a nie twierdzenie o polityce jakiegokolwiek sklepu.
2. Utwórz agenta i dodaj źródła
Utwórz konto, otwórz panel i wybierz Add AI agent. Kreator konfiguracji prowadzi Cię przez kroki Link, Sources, Design i AI. Możesz podać adres URL witryny lub dodać źródła ręcznie. W kroku Sources wybierz kilka stron zawierających zatwierdzone odpowiedzi. Plik, fragment tekstu lub parę pytanie-odpowiedź dodawaj tylko wtedy, gdy dostarcza odpowiedzi, której brakuje na tych stronach. Przewodnik po źródłach wyjaśnia dostępne typy źródeł.
Przejrzyj, co uwzględnił crawler. Adres URL witryny nie gwarantuje, że każda strona jest użyteczna, aktualna lub zatwierdzona. Unikaj dodawania zduplikowanych lub sprzecznych wersji polityki. Po zmianie polityki zaktualizuj odpowiednie źródło i ponownie przetestuj związane z nim pytanie. Płatne automatyczne ponowne trenowanie odświeża istniejące zaindeksowane adresy URL witryny; nie wykrywa każdej nowej strony ani nie zastępuje za Ciebie przesłanych plików. Przewodnik po źródłach z witryny wyjaśnia tę granicę.
3. Ustaw wygląd i zasady odpowiadania
W kroku Design ustaw rozpoznawalną nazwę, kolor i wiadomość powitalną. Powiedz odwiedzającym, na co agent potrafi odpowiedzieć. W kroku AI wybierz spośród modeli aktualnie oferowanych na Twoim koncie i napisz krótkie instrukcje dotyczące zakresu i niepewności. Nazwy modeli i dostęp w ramach planów się zmieniają, więc korzystaj z selektora w swoim obszarze roboczym, a nie ze statycznej listy w artykule.
Przydatna instrukcja brzmi: "Odpowiadaj na pytania o naszą opublikowaną politykę zwrotów, korzystając z dostarczonych źródeł. Jeśli brakuje szczegółu lub źródła są sprzeczne, powiedz, że nie możesz tego potwierdzić, i skieruj odwiedzającego do [ścieżka wsparcia]." Zastąp ścieżkę w nawiasie taką, którą Twój zespół faktycznie monitoruje. Instrukcje kierują zachowaniem; nie sprawią, że brakujący lub sprzeczny materiał źródłowy stanie się prawdziwy.
Zakończ kreator i otwórz Playground. Zadaj swoje trzy pytania, a potem pytanie uzupełniające, które zmienia jeden istotny szczegół. Porównaj każdą odpowiedź z zapisanym kluczem odpowiedzi. Jeśli odpowiedź jest błędna, popraw źródło lub instrukcje i powtórz test. Jeśli agent oferuje zbieranie leadów lub akcję, przetestuj jej faktyczne miejsce docelowe, zanim włączysz ją dla odwiedzających; sama obietnica w rozmowie nie jest zakończonym przekazaniem.
4. Zainstaluj wygenerowany kod widżetu
Otwórz stronę Channels → Website embed agenta, wybierz Chat widget i włącz kanał. Skopiuj kompletny kod wygenerowany dla Twojego agenta. Zawiera on krótki tag bootstrapujący kolejkę poleceń, a po nim asynchroniczny tag ładujący z identyfikatorem agenta i skonfigurowanym adresem URL widżetu. Wklej oba tagi razem do pola kodu stopki witryny lub wspólnego szablonu HTML, przed </body>. Opublikuj witrynę. Nie kopiuj identyfikatora ani adresu URL skryptu z przykładowego artykułu.
Jeśli chcesz mieć panel czatu wewnątrz sekcji strony zamiast pływającego bąbelka, włącz Iframe na tej samej stronie Website embed i użyj wygenerowanego kodu iframe. Przy umieszczaniu na konkretnej platformie postępuj zgodnie z aktualnym przewodnikiem dla widżetu JavaScript, React i Next.js, WordPress, Webflow lub Framer. Dodaj kod widżetu raz na każdą renderowaną stronę.
5. Sprawdź publiczną stronę
Otwórz opublikowany adres URL w nowym oknie przeglądarki, także na telefonie. Prowadź ten krótki rejestr akceptacji:
| Sprawdzenie | Oczekiwany wynik | Jeśli się nie powiedzie |
|---|---|---|
| Źródło strony | Oba wygenerowane tagi widżetu występują raz | Sprawdź uprawnienia do umieszczania kodu, krok publikacji i pamięć podręczną witryny. |
| Czat się otwiera | Bąbelek otwiera się i przyjmuje wiadomość | Sprawdź, czy Chat widget jest włączony i czy skrypt się ładuje. |
| Znane pytanie | Odpowiedź zgadza się z zatwierdzonym źródłem | Popraw źródło lub instrukcje, a potem przetestuj ponownie. |
| Nieznane pytanie | Agent nie wymyśla polityki i podaje prawdziwą ścieżkę kontaktu | Dodaj wyraźną ścieżkę eskalacji i przetestuj ponownie. |
| Przekazanie do człowieka | Link kontaktowy, formularz lub akcja trafia do zamierzonego miejsca docelowego | Napraw miejsce docelowe przed uruchomieniem. |
Jeśli widżet pojawia się w Playground, ale nie w domenie publicznej, sprawdź ograniczenia domen oraz wygenerowany kod. Jeśli bąbelek się otwiera, ale nie potrafi odpowiedzieć, sprawdź przetwarzanie źródeł i swój limit wiadomości. Zapisz adres URL testu, pytanie, zaobserwowaną odpowiedź i datę, aby móc powtórzyć to samo sprawdzenie po aktualizacji źródła.
Uruchomienie bez kodowania nadal wymaga odpowiedzialności za źródła i przeglądu odpowiedzi. Zacznij od wąskiego zestawu pytań, opublikuj i przeglądaj prawdziwe rozmowy w poszukiwaniu luk. Jeśli chcesz wypróbować ten proces, utwórz konto Agentkit i przetestuj opublikowany widżet, zanim skierujesz do niego odwiedzających.
