Formularz kontaktowy — wzór na stronę WWW i WordPress

Formularz kontaktowy to najprostszy sposób, by odwiedzający Twoją stronę mogli wysłać zapytanie bez sięgania po telefon czy własną skrzynkę pocztową. Ten gotowy wzór osadzisz na stronie firmowej, w sklepie, na blogu lub landing page’u — bez pisania kodu i bez wtyczek. Poniżej znajdziesz zestaw pól, które warto dodać (i tych, które szkodzą), zasady zgodności z RODO, instrukcję osadzenia na WordPressie oraz sposoby na ograniczenie spamu.

Co powinien zawierać formularz kontaktowy?

Każde dodatkowe pole zmniejsza liczbę wysłanych zgłoszeń, dlatego formularz kontaktowy projektuje się odejmowaniem, a nie dodawaniem. Poniżej zestaw, który sprawdza się na stronie firmowej.

Trzy pola obowiązkowe i jedno opcjonalne to układ, który w większości firm działa najlepiej. Jeśli musisz zebrać więcej danych, rozważ osobny formularz zbierania leadów na landing page’u — inna intencja użytkownika uzasadnia dłuższy formularz.

Zbieraj zgłoszenia gdziekolwiek

Formularz działa tak samo na komputerze, telefonie i tablecie. Możesz go osadzić na stronie, wysłać linkiem albo udostępnić kodem QR.

Integracja z Twoimi systemami

Dzięki gotowym integracjom i API zgłoszenia trafią prosto do CRM-u, systemu ticketowego lub arkusza — bez ręcznego przepisywania.

Bezpieczeństwo i zgodność z RODO

Połączenie szyfrowane SSL, serwery w Europie, kontrola dostępu do zgłoszeń i gotowe pytanie ze zgodą na przetwarzanie danych.

Formularz kontaktowy a RODO

Formularz kontaktowy prawie zawsze zbiera dane osobowe — adres e-mail wystarczy, by tak go zakwalifikować. W praktyce sprowadza się to do trzech obowiązków:

1. Podstawa przetwarzania. Do udzielenia odpowiedzi na zapytanie zgoda zwykle nie jest potrzebna: przetwarzasz dane, żeby podjąć działania na żądanie osoby albo w ramach prawnie uzasadnionego interesu. Osobnej, dobrowolnej zgody wymaga dopiero wykorzystanie tych danych do marketingu.
2. Obowiązek informacyjny. Przy formularzu musi znaleźć się informacja, kto jest administratorem danych, w jakim celu je przetwarza i jakie prawa przysługują osobie, która wysyła wiadomość. Najczęściej realizuje się to krótką notką z odnośnikiem do polityki prywatności; wskazówki dotyczące jej treści publikuje Urząd Ochrony Danych Osobowych.
3. Ograniczenie zakresu i czasu. Zbieraj tylko dane potrzebne do obsługi sprawy i ustal, jak długo trzymasz zgłoszenia. Skrzynka z wiadomościami sprzed pięciu lat to ryzyko, nie archiwum.

Gotowe brzmienie klauzuli i zgody znajdziesz we wzorze klauzuli zgody RODO do ankiety, a szczegóły dotyczące przechowywania danych opisaliśmy na stronie o bezpieczeństwie. To materiał pomocniczy, a nie porada prawna — przy wrażliwych procesach warto skonsultować treść z inspektorem ochrony danych.

Jak wstawić formularz kontaktowy na stronę WordPress

Formularz zbudowany u nas osadzisz na WordPressie bez instalowania wtyczki:

1. Zbuduj formularz w kreatorze formularzy i dopasuj kolory oraz czcionkę do swojej strony.
2. Skopiuj wygenerowany kod osadzenia.
3. W edytorze WordPressa dodaj blok HTML kod własny w miejscu, w którym ma pojawić się formularz.
4. Wklej kod i opublikuj stronę.
5. Sprawdź działanie na telefonie i wyślij testowe zgłoszenie, żeby zweryfikować powiadomienia.

Ten sam kod zadziała w Wix, Squarespace, Webflow, Shoperze i praktycznie każdym systemie, który pozwala wkleić własny HTML. Więcej o osadzaniu i wariantach wyświetlania — okno, pasek, przycisk — znajdziesz na stronie o ankietach na stronie WWW.

Osadzenie, wtyczka czy własny kod?

Najczęstszy błąd to trzecia opcja wybrana „bo to tylko formularz”. Samo pole i przycisk zajmują kwadrans, ale walidacja, ochrona przed botami, powiadomienia, archiwum zgłoszeń i zgodność z RODO to już projekt.

Jak ograniczyć spam w formularzu kontaktowym

Boty znajdują formularze automatycznie, więc zabezpieczenie warto włączyć od pierwszego dnia:

• Pole pułapka (honeypot) — ukryte pole, którego człowiek nie widzi, a bot wypełnia. Najskuteczniejsza metoda bez pogarszania doświadczenia użytkownika.
• Limit wysyłek — ograniczenie liczby zgłoszeń z jednego adresu IP w krótkim czasie.
• Weryfikacja adresu e-mail — sprawdzenie formatu i istnienia domeny odsiewa większość fałszywych zgłoszeń.
• Nie publikuj adresu e-mail obok formularza — to zwykle on ściąga spam, nie formularz.

Warianty formularza pod konkretny proces

Formularz kontaktowy jest punktem wyjścia. Do powtarzalnych procesów lepiej sprawdzą się wersje wyspecjalizowane:

• formularz rejestracyjny — zapisy na wydarzenia i szkolenia,
• formularz reklamacyjny — obsługa zgłoszeń i zwrotów z załącznikami,
• formularz zamówienia — proste zamówienia bez wdrażania sklepu,
• formularz zbierania leadów — kampanie marketingowe i landing page’e,
• formularz rezerwacji — terminy wizyt i usług.

Wszystkie znajdziesz w katalogu formularzy, a porównanie dostępnych na rynku narzędzi opisaliśmy w artykule o programach do tworzenia formularzy online.

Zbuduj formularz kontaktowy w Interankietach

Skorzystaj z gotowego wzoru powyżej i dostosuj pola w kreatorze formularzy — bez kodowania, z podglądem na telefonie i własną kolorystyką. Formularz osadzisz na stronie WWW jedną linijką kodu, powiadomienia o zgłoszeniach dostaniesz e-mailem, a dzięki integracjom przekażesz je automatycznie do systemu, w którym pracuje Twój zespół.