Blog NOE
Porady, tutoriale i nowości ze świata no-code i AI
Jak zbudować formularz kontaktowy w 5 minut
Formularz na stronę - stary problem, nowe rozwiązanie
Każda strona firmowa potrzebuje formularza kontaktowego. Problem w tym, że zwykle masz trzy opcje:
- Zapłacić programiście (drogo, długo)
- Użyć gotowego pluginu (ograniczone możliwości, często brzydkie)
- 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.
Nowe wypełnienie
Nowe zapytanie od Jan Kowalski
Dziękujemy za wiadomość!
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.