Jak zbudować agenta AI dla swojej strony w 7 krokach

Agent AI na Twojej stronie robi więcej niż tylko odpowiada na pytania. Rozumie Twój biznes, kieruje odwiedzających do właściwych informacji, zbiera leady, gdy intencja zakupowa jest wysoka, i działa całą dobę bez przerw. W przeciwieństwie do prostej strony FAQ czy statycznego chatbota ze skryptowanymi odpowiedziami, agent AI wykorzystuje duże modele językowe do prowadzenia naturalnych rozmów ugruntowanych w Twoich rzeczywistych treściach.

Ten przewodnik przeprowadzi Cię przez budowę agenta AI dla strony internetowej od zera, przy użyciu Agentkit. Bez pisania kodu. Na koniec będziesz mieć działającego agenta, który zna Twój biznes, pasuje do Twojej marki i działa na żywo na Twojej stronie.

Co właściwie robi agent AI na stronie internetowej

Zanim go zbudujesz, zrozum, co agent AI wnosi na Twoją stronę, czego nie dają inne narzędzia.

Kluczowe możliwości

Agent AI znajduje się na przecięciu wsparcia, sprzedaży i nawigacji. To nie jest zwykły helpdesk. To zawsze dostępny członek zespołu, który wie wszystko o Twojej firmie.

Wymagania wstępne

Zanim zaczniesz, upewnij się, że masz:

• Stronę internetową, na której chcesz wdrożyć agenta (dowolną stronę pozwalającą na własny JavaScript)
• Treści do trenowania (adres URL Twojej strony to minimum; dokumenty, FAQ i opisy produktów poprawiają jakość)
• Jasny cel dla agenta (wsparcie, sprzedaż, doradztwo produktowe lub ich połączenie)
• 15–45 minut na pełną konfigurację

Nie potrzebujesz:

• Umiejętności programowania
• Wiedzy o AI ani uczeniu maszynowym
• Infrastruktury serwerowej
• Kluczy API do modeli AI (Agentkit zarządza nimi za Ciebie)

Krok 1: Utwórz swojego agenta

Zarejestruj się w Agentkit i utwórz swojego pierwszego chatbota. Plan Free daje Ci 50 wiadomości miesięcznie z jednym chatbotem — wystarczająco, aby skonfigurować, przetestować i zweryfikować rozwiązanie, zanim zdecydujesz się na płatny plan.

W panelu:

1. Kliknij Utwórz chatbota.
2. Nadaj mu nazwę (jest ona wewnętrzna; odwiedzający jej nie zobaczą, chyba że zdecydujesz się ją wyświetlić).
3. Wybierz swój podstawowy model AI. Dobre wybory na start:
   • GPT-4o Mini do szybkich, tanich odpowiedzi na większość tematów
   • GPT-4o do bardziej subtelnego rozumowania i złożonych pytań
   • Claude Sonnet do naturalnie brzmiących odpowiedzi konwersacyjnych
   • Gemini Pro do obsługi dłuższego kontekstu i wieloetapowych rozmów

Model możesz później zmienić bez ponownego trenowania, więc nie rozważaj tego kroku zbyt długo.

Krok 2: Dodaj źródła wiedzy

Twój agent jest tak dobry, jak informacje, do których ma dostęp. Agentkit obsługuje cztery typy źródeł, a najlepsi agenci korzystają z ich kombinacji.

Przeszukiwanie strony internetowej (zacznij tutaj)

Wpisz adres URL swojej strony i pozwól mechanizmowi przeszukiwania zaindeksować Twoje strony. To najszybszy sposób, aby dać agentowi szeroką wiedzę o Twojej firmie.

1. Przejdź do zakładki Źródła swojego chatbota.
2. Kliknij Dodaj źródło i wybierz Strona internetowa.
3. Wpisz adres URL startowy (zwykle stronę główną).
4. Wybierz zakres przeszukiwania:
   • Pojedyncza strona: tylko ten adres URL
   • Podkatalog: wszystkie strony pod daną ścieżką (np. /docs/ lub /help/)
   • Cała witryna: każda strona, do której dotrze mechanizm przeszukiwania

Dla większości firm zacznij od przeszukania całej witryny. Nieistotne strony możesz usunąć później.

Co przeszukiwać:

• Strony produktów i usług
• Stronę z cennikiem
• FAQ i centrum pomocy
• Stronę „O nas” i informacje o firmie
• Wpisy na blogu z treścią niezmienną w czasie (evergreen)

Czego unikać:

• Stron logowania i panelu administracyjnego
• Stron finalizacji zamówienia i koszyka
• Nieaktualnych wpisów na blogu z przestarzałymi informacjami
• Ubogich stron (archiwa tagów, puste kategorie)

Dokumenty

Prześlij pliki PDF, dokumenty Word lub pliki tekstowe zawierające informacje, których nie ma na Twojej stronie.

Dobre kandydatury: specyfikacje produktów, podręczniki pracownicze, dokumenty regulaminowe, przewodniki użytkownika, karty danych technicznych.

Pary Q&A

Napisz konkretne pary pytanie-odpowiedź dla tematów, w których potrzebujesz precyzyjnej kontroli nad odpowiedzią. Dobrymi kandydatami są ceny, zasady zwrotów oraz funkcje często źle rozumiane.

Pary Q&A mają priorytet nad treścią z przeszukiwania, więc używaj ich do swoich najważniejszych pytań. Szczegółowe sprawdzone praktyki dotyczące pisania skutecznych par znajdziesz w artykule Jak trenować chatbota.

Fragmenty tekstu

Wklej surowy tekst, aby szybko dodać treści: aktualne promocje, sezonowe ogłoszenia, przekaz marki lub najnowsze wiadomości.

Rekomendowana strategia źródeł

Krok 3: Dostosuj wygląd agenta

Twój agent powinien wyglądać, jakby należał do Twojej strony, a nie jak narzędzie zewnętrzne wrzucone z boku.

Ustawienia wizualne

Skonfiguruj je w zakładce Ustawienia chatbota:

• Kolor podstawowy: dopasuj do podstawowego koloru Twojej marki
• Pozycja: prawy dolny róg (domyślnie) lub lewy dolny róg
• Wiadomość powitalna: pierwsza rzecz, jaką widzą odwiedzający po otwarciu czatu. Spraw, by była konkretna: „Cześć, mogę pomóc Ci znaleźć odpowiedni plan, odpowiedzieć na pytania o nasze funkcje albo przeprowadzić Cię przez pierwsze kroki. Czego szukasz?”
• Awatar: prześlij swoje logo lub niestandardową ikonę
• Branding: w planach płatnych możesz usunąć oznaczenie Agentkit, dzięki czemu agent wygląda w pełni jak Twój własny (white-label)

Zachowanie widżetu

• Automatyczne otwieranie: zdecyduj, czy okno czatu otwiera się automatycznie, czy czeka na kliknięcie odwiedzającego
• Sugerowane wiadomości: gotowe podpowiedzi, które pojawiają się jako klikalne przyciski, kierując odwiedzających do popularnych tematów

Mocna wiadomość powitalna i dobrze dobrane sugerowane wiadomości znacząco zwiększają zaangażowanie. Odwiedzający, którzy widzą „Zapytaj mnie o cokolwiek”, często nie wiedzą, od czego zacząć. Odwiedzający, którzy widzą konkretne podpowiedzi, takie jak „Jakie oferujecie plany?” czy „Jak zacząć?”, klikają od razu.

Krok 4: Skonfiguruj akcje

Akcje określają, co Twój agent potrafi zrobić poza odpowiadaniem na pytania. Agentkit oferuje pięć typów akcji:

Konfigurowanie zbierania leadów

Dla większości firm zbieranie leadów to akcja o najwyższej wartości. Skonfiguruj ją w zakładce Akcje:

1. Wybierz Zbieraj leady.
2. Wybierz swoje pola: e-mail (wymagany), imię, firmę, telefon lub pola niestandardowe.
3. Napisz instrukcję w promptcie systemowym, która mówi agentowi, kiedy uruchomić zbieranie leadów. Na przykład: „Po odpowiedzi na pytanie odwiedzającego o ceny lub funkcje, zaproponuj wysłanie mu przewodnika porównawczego i poproś o adres e-mail”.

Ogranicz liczbę wymaganych pól do minimum. Każde dodatkowe wymagane pole obniża wskaźnik ukończenia formularza. Sam e-mail wystarczy na początek. Więcej informacji możesz zebrać w kolejnych rozmowach lub przez e-mail.

Więcej o strategiach zbierania leadów znajdziesz w artykule Jak wykorzystać chatboty do generowania leadów.

Konfigurowanie sugerowanych wiadomości

Dodaj 3–5 sugerowanych wiadomości obejmujących najczęstsze pytania odwiedzających:

• „Co oferujecie?”
• „Ile to kosztuje?”
• „Jak zacząć?”
• „Czy mogę zobaczyć demo?”
• „Czym się wyróżniacie?”

Pojawiają się one jako klikalne przyciski, gdy odwiedzający otwiera czat, co ułatwia rozpoczęcie rozmowy.

Krok 5: Napisz instrukcje agenta

Prompt systemowy to najważniejsza konfiguracja, jaką napiszesz. Kształtuje każdą odpowiedź Twojego agenta. Zainwestuj tu czas.

Niezbędne elementy

Twój prompt systemowy potrzebuje pięciu elementów:

1. Tożsamość: „Jesteś asystentem AI firmy [Nazwa firmy]. Pomagasz odwiedzającym stronę zrozumieć nasze produkty, znaleźć odpowiedni plan i uzyskać odpowiedzi na ich pytania”.

2. Ton: „Bądź przyjazny, bezpośredni i profesjonalny. Używaj krótkich zdań. Unikaj żargonu. Nie zaczynaj odpowiedzi od zwrotów wypełniających typu »Świetne pytanie!« czy »Jasne!«”.

3. Granice: „Odpowiadaj wyłącznie na pytania dotyczące [Nazwa firmy] i naszych produktów. Jeśli zapytają Cię o temat spoza Twojej wiedzy, powiedz: »Specjalizuję się w [Nazwa firmy]. W tej sprawie polecam [alternatywne źródło]. W czym mogę pomóc w związku z naszymi produktami?«. Nigdy nie zmyślaj informacji”.

4. Format: „Utrzymuj odpowiedzi poniżej 120 słów. Używaj list punktowanych. Dołączaj odpowiednie linki, gdy są dostępne”.

5. Eskalacja: „Jeśli odwiedzający jest sfrustrowany, przeproś za wszelkie niedogodności i podaj nasz adres e-mail wsparcia: [e-mail]. W sprawach rozliczeń lub konta zawsze kieruj do zespołu wsparcia”.

Szczegółowe szablony i zaawansowane techniki znajdziesz w artykule Inżynieria promptów dla chatbotów.

Kalibracja tonu

Ton, jaki ustawisz w promptcie systemowym, powinien pasować do Twojej marki. Oto kilka punktów odniesienia:

Krok 6: Przetestuj w Playground

Zanim uruchomisz agenta produkcyjnie, dokładnie przetestuj go w Playground. To Twoja piaskownica do wychwytywania problemów, zanim zrobią to odwiedzający.

Lista kontrolna testów

Co poprawiać podczas testowania

Błędne odpowiedzi: dodaj lub zaktualizuj pary Q&A dla konkretnych pytań, na które padają błędne odpowiedzi. Pary Q&A mają pierwszeństwo przed treścią z przeszukiwania.

Brakujące informacje: dodaj odpowiednią treść przez przeszukiwanie strony, przesłanie dokumentu lub fragmenty tekstu.

Zły ton: dostosuj sekcję tonu w promptcie systemowym. Dodaj przykładowe odpowiedzi, jeśli model nie trafia w pożądany głos marki.

Zbyt rozwlekłe odpowiedzi: dodaj limity liczby słów w sekcji formatu promptu systemowego.

Zbieranie leadów wydaje się nachalne: dostosuj moment wyzwolenia. Przenieś go później w rozmowie albo zmień sformułowanie, by było bardziej skoncentrowane na wartości.

Krok 7: Osadź na swojej stronie

Gdy Twój agent przejdzie testy, wdróż go na swojej stronie. Agentkit oferuje cztery metody osadzania:

Widżet JavaScript (zalecane)

Dodaj jedną linijkę kodu do swojej strony, tuż przed zamykającym tagiem </body>:

<script
  src="https://cdn.agentkit.ai/widget.js"
  data-chatbot="YOUR_CHATBOT_ID"
  async>
</script>

To najszybsza metoda, działająca na dowolnej stronie: statyczny HTML, WordPress, Shopify, Squarespace, Wix, Webflow lub dowolny niestandardowy CMS. Widżet ładuje się asynchronicznie i nie wpływa na szybkość Twojej strony.

Komponent React

Jeśli Twoja strona jest zbudowana w React, użyj komponentu React od Agentkit dla ściślejszej integracji:

import { AgentiChatbot } from '@agentkit/react';

function App() {
  return <AgentiChatbot chatbotId="YOUR_CHATBOT_ID" />;
}

Wtyczka WordPress

Jeśli korzystasz z WordPressa, zainstaluj wtyczkę Agentkit z katalogu wtyczek WordPress. Wpisz identyfikator chatbota w ustawieniach wtyczki, a widżet pojawi się automatycznie na każdej stronie. Pełny przewodnik znajdziesz w artykule Jak dodać chatbota do WordPressa.

Iframe

W sytuacjach, gdy JavaScript jest ograniczony, osadź chatbota jako iframe:

<iframe src="https://cdn.agentkit.ai/embed/your-chatbot-id" width="400" height="600"></iframe>

Ta metoda daje mniejszą kontrolę nad pozycjonowaniem, ale działa w środowiskach ograniczających skrypty zewnętrzne.

Po uruchomieniu: bieżąca optymalizacja

Wdrożenie agenta to nie meta. Najlepsi agenci AI stale się poprawiają na podstawie rzeczywistych danych z rozmów.

Tydzień 1: uważnie monitoruj

• Przejrzyj każdą rozmowę w swoich dziennikach czatu
• Odnotuj pytania, na które agent odpowiada słabo albo w ogóle nie potrafi odpowiedzieć
• Dodaj pary Q&A lub dodatkowe źródła, aby wypełnić luki
• Sprawdź, czy zbieranie leadów uruchamia się w odpowiednich momentach

Tygodnie 2–4: iteruj nad danymi treningowymi

• Dodaj 10 najczęstszych pytań bez odpowiedzi jako pary Q&A
• Rozszerz przeszukiwanie o podstrony pominięte na początku
• Prześlij dokumenty, które dogłębniej omawiają często zadawane tematy
• Dopracuj prompt systemowy na podstawie obserwacji dotyczących tonu i formatowania

Co miesiąc (w sposób ciągły):

• Przeglądaj analitykę pod kątem trendów wolumenu rozmów
• Audytuj źródła treningowe pod kątem nieaktualnych treści
• Aktualizuj pary Q&A, gdy zmieniają się produkty, ceny lub zasady
• Testuj nowymi pytaniami w miarę rozwoju Twojej firmy

W planach Standard ($119.99/miesiąc) i Pro ($399.99/miesiąc) automatyczne ponowne trenowanie samodzielnie utrzymuje Twoje źródła internetowe na bieżąco.

Zaawansowane: integracja API i webhooki

Gdy Twój agent działa dobrze, rozszerz jego możliwości o integracje.

Webhooki

Skonfiguruj webhooki, aby wysyłały dane o zdarzeniach do Twoich systemów, gdy wystąpią konkretne akcje:

• Zebrano nowego leada: przekaż dane kontaktowe do swojego CRM
• Rozmowa zakończona: zapisz dane rozmowy w swojej platformie analitycznej
• Przesłano formularz niestandardowy: przekieruj dane formularza do swojego systemu zgłoszeń

Webhooki wysyłają żądanie POST z danymi JSON na dowolny wskazany przez Ciebie adres URL.

Zapier

Połącz agenta z ponad 5000 aplikacji bez pisania kodu. Typowe scenariusze:

• Lead zebrany w Agentkit → utworzenie kontaktu w HubSpot
• Lead zebrany w Agentkit → wysłanie powiadomienia na Slacku do kanału sprzedaży
• Rozmowa zakończona → dodanie wiersza w Google Sheets do celów śledzenia

Zapier jest dostępny w planach Hobby ($29.99/miesiąc) i wyższych.

REST API

Buduj niestandardowe integracje za pomocą REST API Agentkit. Pobieraj dane rozmów, zarządzaj chatbotami programowo i integruj się z narzędziami wewnętrznymi. API jest dostępne w planach Hobby i wyższych.

Pełny przewodnik po opcjach integracji znajdziesz w artykule Integracje API chatbota.

Najczęstsze pytania

Jak długo trwa konfiguracja?

Podstawowa konfiguracja (utworzenie agenta, dodanie źródła ze strony, dostosowanie, osadzenie) zajmuje 15–30 minut. Dodanie par Q&A, dokumentów i dopracowanie promptu systemowego dodaje kolejne 15–30 minut. Większość osób ma działającego agenta na swojej stronie w ciągu godziny.

Ile wiadomości zużywa agent AI?

Zależy to od ruchu i zaangażowania odwiedzających. Strona małej firmy może zużywać 200–500 wiadomości miesięcznie. Strona o dużym ruchu z dobrze skonfigurowanym agentem może zużywać 5000–20 000. Zacznij od planu Free (50 wiadomości), aby oszacować wolumen, a następnie przejdź na wyższy plan według potrzeb.

Czy mogę używać agenta do wielu celów?

Tak. Jeden agent może obsługiwać pytania wsparcia, zbierać leady i kierować odwiedzających do właściwych treści. Prompt systemowy określa priorytety. Jeśli priorytetem jest wsparcie, podkreśl dokładność odpowiedzi. Jeśli priorytetem jest generowanie leadów, podkreśl kwalifikację i zbieranie danych.

Co się dzieje, gdy agent nie zna odpowiedzi?

Jeśli agent nie może znaleźć odpowiednich informacji w swoich danych treningowych, postępuje zgodnie z instrukcjami zapasowymi (fallback) w promptcie systemowym. Dobrze napisana instrukcja zapasowa kieruje odwiedzającego do alternatywnego źródła (e-mail wsparcia, centrum pomocy, numer telefonu) zamiast zgadywać.

Czy mogę później zmienić model AI?

Tak. Przełączaj się między dowolnym z 12 dostępnych modeli (rodziny GPT, Claude, Gemini) na stronie ustawień. Ponowne trenowanie nie jest wymagane. Przydaje się to do sprawdzania, który model daje najlepsze odpowiedzi dla Twoich treści.

Podsumowanie

Budowa agenta AI dla strony internetowej nie jest już wielomiesięcznym projektem inżynieryjnym. Proces jest prosty: utwórz, wytrenuj, dostosuj, skonfiguruj akcje, napisz instrukcje, przetestuj i wdróż. Prawdziwa praca zaczyna się po uruchomieniu, gdy wykorzystujesz dane z rozmów, aby stale poprawiać wiedzę i zachowanie agenta.

Zacznij prosto. Jedno źródło ze strony internetowej, jasny prompt systemowy i kilka sugerowanych wiadomości. Uruchom agenta na żywo, obserwuj rozmowy i rozwijaj go dalej. Podstawowy agent, który poprawia się co tydzień, przebije przekombinowanego agenta, który nigdy nie zostaje uruchomiony.

Zbuduj swojego agenta AI za darmo →

Karta kredytowa nie jest wymagana.