N8N Chat UI: chatbot n8n na stronie internetowej

N8N Chat UI pozwala przygotować interfejs chatbota n8n i umieścić go na stronie. Wizualny edytor przyda się twórcom automatyzacji, agencjom i właścicielom witryn, którzy mają już działający workflow oraz chcą dopasować okno rozmowy do marki.

Do czego służy ta strona? Proste wyjaśnienie

n8n wykonuje zadania na zapleczu, a N8N Chat UI jest okienkiem obsługi dla odwiedzających. Wiadomość trafia do Twojego webhooka, workflow ją przetwarza, a odpowiedź wraca do czatu.

Obsługa klienta, zbieranie kontaktów lub rezerwacje wymagają odpowiednich działań w backendzie. To niezależny produkt, niepowiązany z n8n; sam wygląd okna nie tworzy logiki biznesowej.

Podłączenie workflow i sprawdzenie odpowiedzi

1. Przygotuj działający workflow z Chat Trigger lub Webhook oraz dostęp do edycji strony.
2. Ustaw wygląd i sposób wyświetlania, sprawdź podgląd, a następnie podłącz webhook.
3. Przy zwykłej odpowiedzi zwracaj HTTP 200 i poprawny JSON z polem tekstowym output. Zadbaj o prawidłowe kodowanie cudzysłowów w generowanej treści.
4. Wklej wygenerowany kod na stronę. Wyślij pytanie testowe i porównaj odpowiedź z wykonaniem procesu w n8n.

Instrukcja integracji backendu obejmuje także własne endpointy POST. W WordPressie zainstaluj i aktywuj ChatUI Widget for n8n, po czym zapisz Widget ID lub webhook w Settings → N8N Chat UI. Możesz wykluczyć wybrane podstrony.

Wygląd dopasowany do strony i odbiorców

Podgląd na żywo ułatwia ustawianie kolorów, fontów, awatarów, powitania i przycisku czatu. Do wyboru jest okno wewnątrz strony lub pływający popup. Układ dostosowuje się do telefonu i obsługuje pismo od prawej do lewej.

Backend może podać followUpPrompts, czyli klikalne pytania uzupełniające. Przy kilku oknach korzystających z jednego workflow zaplanuj klucze sesji, aby oddzielić konteksty rozmów. Klucz sesji nie zastępuje autoryzacji użytkownika.

Pliki, nagrania i odpowiedzi strumieniowe

Przesyłanie plików pozwala określić typy, rozmiar i liczbę załączników. Pliki trafiają do n8n jako dane binarne; ich odczyt i analiza wymagają dalszych kroków workflow.

Nagranie głosowe trzeba przekazać do osobnej usługi transkrypcji, zanim tekst trafi do agenta. Dla plików i audio metadata jest ciągiem JSON, który należy przetworzyć przed użyciem jako obiekt.

Odpowiedź strumieniowa wymaga włączenia streamingu zarówno w Chat Trigger/Webhook, jak i w AI Agent. Sama konfiguracja wyglądu tego nie uruchamia.

Darmowy test a dalsze koszty

Stan na 28 października 2026 r.: nowe konto dostaje 100 kredytów Managed na 30 dni. Później kupuje się je z góry; jedna wiadomość przetworzona przez proxy zużywa jeden kredyt. Po wyczerpaniu salda nowe wiadomości nie są przetwarzane. Kredyty kupione od 5 października 2026 r. nie wygasają według obecnych warunków; starsze zachowują wcześniejsze zasady.

Standalone wymaga jednorazowej licencji i nie zużywa kredytów Managed. Nowi nabywcy powinni odróżniać stałą licencję podstawową od opcjonalnych okresów wsparcia i aktualizacji. Sprawdź aktualny cennik, walutę i podatki przy zakupie. Hosting n8n, modele oraz transkrypcja mają osobne koszty.

Prywatność i ograniczenia wdrożenia

Standalone wysyła dane bezpośrednio z przeglądarki do webhooka, którego adres widać w kodzie klienta. Managed używa proxy dostawcy, ukrywa ten adres i oferuje ograniczenia domenowe, geograficzne, limity zapytań, analitykę oraz ustawienia centralne.

Polityka prywatności deklaruje brak przechowywania, buforowania i rejestrowania treści czatu przez dostawcę. Proxy nadal przetwarza wiadomości na bieżąco oraz zachowuje konfigurację i metryki techniczne. Zasady Twojego n8n, baz danych i dostawców modeli trzeba sprawdzić oddzielnie.

Najczęstsze pytania

Czy mogę dodać czat do istniejącej strony?

Tak, przez kod osadzenia lub oficjalną wtyczkę WordPress. Potrzebne są uprawnienia do strony i działający backend.

Czy narzędzie tworzy również workflow n8n?

Nie. Model, źródła danych i działania konfiguruje się w n8n lub własnym zgodnym backendzie.

Czy mogę korzystać bezpłatnie bez ograniczeń?

100 kredytów startowych obowiązuje przez 30 dni. Dalsze użycie wymaga kredytów Managed albo licencji Standalone oraz zaplecza.

Oficjalne materiały

• Dokumentacja: ustawienia i sesje.
• Wtyczka WordPress: instalacja i wykluczanie stron.
• Instrukcja MCP: OAuth lub klucz API do wyświetlania, tworzenia i personalizacji widgetów; edycja motywu nie zmienia webhooków.
• Oficjalne wsparcie: konto i integracja.