Jak stworzyć skuteczny formularz kontaktowy na stronę www?

Często uważa się, że najważniejsza jest oferta i dobre przedstawienie firmy, ale nie można zapomnieć o kluczowej roli strony kontaktowej. Gdy ktoś już zainteresuje się usługami Twojej firmy, to chce dowiedzieć się o niej więcej i znaleźć dane do bezpośredniego kontaktu. W tym celu kieruje się do zakładki Kontakt.

To tutaj powinny znajdować się kluczowe dane takie jak siedziba firmy (np. zaznaczona na mapce), e-mail czy numer kontaktowy dla potencjalnych klientów. Warto jednak umieścić w tym miejscu także formularz kontaktowy, który według licznych badań znacząco zwiększa procent konwersji.

Formularz kontaktowy jest często traktowany jako nieformalne zapytanie. Daje ogromne szanse w kontekście pozyskiwania leadów (także tych mniej kalorycznych). Znacznie łatwiej wysłać taki formularz, niż zadzwonić – po pierwsze nie wymaga to osobistego kontaktu (w rozmowie telefonicznej trudniej odmówić, gdy nie jest się zainteresowanym ofertą), a po drugie nie zawsze można swobodnie rozmawiać, za to bez problemów możesz wysłać zgłoszenie kontaktowe, np. w towarzystwie dzieci czy podczas przerwy obiadowej w pracy.

Za pomocą formularzy kontaktowych można zbierać różne rodzaje danych, dlatego mają zastosowanie w wielu sytuacjach. Oto ich główne typy:

• podstawowy formularz kontaktowy – najczęściej spotykany na firmowych stronach internetowych oraz blogach. Zazwyczaj znajduje się na podstronie Kontakt lub pojawia się w formie pop upu. Zawiera standardowe pola jak imię, adres e-mail i treść wiadomości,
• formularz rezerwacji – zaawansowana forma formularza kontaktowego. Zawiera funkcję kalendarza, dzięki któremu możesz wybrać m.in. konkretną datę i godzinę, aby np. zapisać się na sesję konsultingową,
• formularz obsługi klienta – przeznaczony do raportowania problemów i uzyskiwania pomocy technicznej. Zazwyczaj pozwala szerzej opisać problem, załączyć niezbędne pliki (np. zdjęcia), czy też wybrać kategorię opisywanego zgłoszenia,
• formularz ankietowy – używany do zbierania opinii. Pozwala gromadzić informacje zwrotne na temat produktów i usług.

W formularzu kontaktowym mogą się pojawiać różne elementy w zależności od tego, jakie jest jego zastosowanie. Przyjrzyjmy się głównym z nich:

• menu rozwijane – pozwala użytkownikom wybierać oraz pomijać konkretne działy lub kategorie pytań,
• imię i nazwisko – taka informacja pozwala spersonalizować odpowiedzi,
• adres – pole czasami wymagane w przypadku usług świadczonych lokalnie,
• adres e-mail – niezbędny do otrzymywania odpowiedzi i korespondencji zwrotnej,
• nazwa firmy – pole przydatne, gdy formularz zbiera zapytania biznesowe,
• numer telefonu – opcjonalne pole dla tych, którzy preferują kontakt telefoniczny,
• temat wiadomości – krótkie pole opisujące powód kontaktu pomaga w szybkim przetwarzaniu zgłoszeń,
• treść wiadomości – większe pole tekstowe, w którym użytkownicy mogą opisać swoje zapytanie. Zazwyczaj ma ono pewien limit np. 2000 znaków ze spacjami,
• strona internetowa – pole stosowane w przypadku zapytań dotyczących współpracy lub kwestii związanych z witryną,
• pola wyboru – każdy formularz kontaktowy na stronie powinien mieć pole, w ramach którego odwiedzający może wyrazić zgodę na przetwarzanie danych osobowych,
• CAPTCHA – zapobiega spamowi,
• przesyłanie plików – umożliwia załączanie dokumentów, zdjęć lub innych materiałów,
• wiadomość/strona potwierdzenia – dobry formularz kontaktowy powinien informować, że wiadomość została pomyślnie wysłana oraz wskazywać, czego użytkownik może się spodziewać dalej (np. odpowiedzi w ciągu 24 godzin).

Projektowanie formularza i poszczególnych zapytań to także element związany z UX. Dopasowywanie pól czy nawet kolorów do wymagań użytkowników to bardzo ważny element, aby formularz ostatecznie konwertował w leady.

Jak powinien wyglądać dobry układ formularza kontaktowego? Omówmy kilka przykładów:

LINK4

LINK4 jest doskonałym przykładem firmy, która stawia na proste i przejrzyste formularze. W celu umówienia rozmowy telefonicznej jedyne dane, o jakie prosi spółka to imię oraz numer telefonu.

Dla potencjalnego klienta jest to zachęcające, ponieważ nie musi spędzać dużo czasu nad wpisywaniem danych, a agent ubezpieczeniowy ma wszystkie informacje, którą są mu potrzebne do skontaktowania się z użytkownikiem.

LINK4 jest jedną z wielu firm, dla których zbudowaliśmy stronę oraz prowadzimy aktywny support. Więcej przeczytasz w naszym case study.

Senuto

Strona kontaktowa Senuto pokazuje, że umieszczenie formularza kontaktowego i jego elementy to nie wszystko. Warto też zadbać o inne informacje jak dane firmy, adres czy nawet sekcję FAQ, która pozwala odpowiedzieć na najczęściej zadawane pytania.

Ubisoft

Rozważmy teraz przykład formularza kontaktowego przygotowanego głównie z myślą o wsparciu klienta. Strona Ubisoftu pozwala szybko wybrać różne kategorie zgłoszeń – czy to dotyczące ogólnie konta, czy też konkretnej gry. Użytkownik nie tylko ma możliwość wysłania wiadomości, ale także sugeruje mu się przydatne źródła wiedzy, które mogą pomóc w rozwiązaniu problemu.

Foundation

Formularz kontaktowy na stronie firmy Foundation świetnie sprawdza się w pozyskiwaniu zapytań biznesowych. Pola wyboru pozwalają szybko dobrać region, w którym działa klient, jak i to, jakiego rodzaju ofertą jest zainteresowany.

Przy projektowaniu i wdrażaniu formularza kontaktowego na stronę nie ma uniwersalnych zasad, które działają dla wszystkich. Są pewne wzorce zachowań, które warto uwzględnić w projekcie, ale kluczowe i tak jest testowanie i optymalizacja poszczególnych pól, czy układu na bazie interakcji z użytkownikami. Dostosowywanie się do swojej grupy docelowej jest kluczem do sukcesu i w biznesie i w UX.