Blog NOE

Porady, tutoriale i nowości ze świata no-code i AI

Wróć do bloga

Jak zbudować formularz kontaktowy w 5 minut

2026-06-28 ·Zespół NOE

Formularz na stronę - stary problem, nowe rozwiązanie

Każda strona firmowa potrzebuje formularza kontaktowego. Problem w tym, że zwykle masz trzy opcje:

Imię i nazwisko
Jan Kowalski
Email
jan@firma.pl
Temat
Pytanie o ofertę
Wiadomość
Dzień dobry, chciałbym zapytać o...
Wyślij wiadomość
  1. Zapłacić programiście (drogo, długo)
  2. Użyć gotowego pluginu (ograniczone możliwości, często brzydkie)
  3. Wkleić iframe z zewnętrznego serwisu (wolne, wygląda obco)

Jest czwarta opcja - zbudować formularz samemu, bez pisania kodu.

Co będziemy budować

Stwórzmy formularz kontaktowy z polami:

  • Imię i nazwisko
  • Email (z walidacją)
  • Temat wiadomości (lista wyboru)
  • Treść wiadomości
  • Zgoda na przetwarzanie danych (checkbox)

Po wysłaniu: powiadomienie email do Ciebie + potwierdzenie dla klienta.

Krok 1: Opisz co chcesz

W NOE tworzenie zaczyna się od opisu. Otwórz edytor aplikacji i napisz po prostu:

Stwórz formularz kontaktowy. Pola: imię i nazwisko, email, temat do wyboru (pytanie o ofertę, reklamacja, współpraca, inne), treść wiadomości, zgoda RODO. Po wysłaniu pokaż potwierdzenie.

AI stworzy strukturę formularza - pola, walidacje, layout. Gotowe w kilkanaście sekund.

Krok 2: Dostosuj pola

Po wygenerowaniu formularza możesz zmienić:

  • Nazwy pól - zmień etykiety na bardziej pasujące do Twojej firmy
  • Walidacje - email sprawdzany automatycznie, ale możesz dodać np. minimalną długość wiadomości
  • Wygląd - kolory, fonty, układ (jedna kolumna, dwie kolumny)
  • Komunikat po wysłaniu - zamiast suchego “Dziękujemy” napisz coś ludzkiego

Krok 3: Dodaj powiadomienia

Formularz bez powiadomień jest bezużyteczny. W NOE konfigurujesz to przez Flow:

  • Email do siebie - dostajesz wiadomość z danymi z formularza zaraz po wypełnieniu
  • Email do klienta - automatyczne potwierdzenie “Otrzymaliśmy Twoją wiadomość”
  • Webhook - opcjonalnie wyślij dane do CRM, Slacka czy innego systemu

Wszystko konfigurujesz wizualnie, bez jednej linijki kodu.

📋 Formularz
Nowe wypełnienie
✉️ Email do Ciebie
Nowe zapytanie od Jan Kowalski
✉️ Email do klienta
Dziękujemy za wiadomość!
💬 Slack #nowe-zapytania
Nowy lead: Jan Kowalski

Krok 4: Osadź na stronie

Masz kilka opcji:

  • Link bezpośredni - formularz pod własnym adresem URL
  • Iframe - osadź na istniejącej stronie HTML
  • CMS NOE - jeśli Twoja strona jest na NOE, formularz wstawiasz jednym kliknięciem
  • API - zbuduj własny frontend i wyślij dane na endpoint formularza

Co dalej z danymi?

Wypełnienia trafiają do panelu NOE, gdzie możesz:

  • Przeglądać odpowiedzi w tabeli
  • Eksportować do CSV
  • Filtrować i wyszukiwać
  • Ustawić automatyczne akcje (np. wysyłka do Fakturowni po wybraniu tematu “pytanie o ofertę”)

Porównanie z alternatywami

Cecha Google Forms Typeform NOE
Własna domena Nie Płatne Tak
Powiadomienia email Ograniczone Tak Tak + Flow
Integracje API Zapier Zapier Natywne
Customizacja wyglądu Minimalna Średnia Pełna
Cena Darmowe Od /mies. Od 0 zł

Spróbuj sam

Wejdź na noe.ai i opisz swój formularz. Nie potrzebujesz konta żeby zobaczyć jak to działa - plan Micro jest darmowy i nie wymaga karty kredytowej.

Zacznij za darmo

Wróć do bloga