Strona kontakt wydaje się najprostszą stroną w projekcie. Formularz, adres, telefon, może mapa. Godzinę roboty i gotowe.
W praktyce strona kontakt jest miejscem gdzie wiele projektów traci klientów którzy byli już zdecydowani żeby się odezwać. Formularz który nie działa, zbyt wiele pól do wypełnienia, brak informacji czego się spodziewać po wysłaniu wiadomości — każda z tych rzeczy sprawia że część osób zamyka kartę zamiast kliknąć wyślij.
Strona kontakt to ostatni krok przed tym żeby klient stał się klientem. Warto żeby był jak najprostszy.
Zanim zaczniesz budować — jedna decyzja
Jak chcesz żeby klienci się kontaktowali?
To pytanie brzmi banalnie ale odpowiedź zmienia całą strukturę strony. Jeśli firma woli telefon — formularz jest drugorzędny i numer telefonu powinien być najbardziej widocznym elementem. Jeśli firma pracuje projektowo i potrzebuje informacji przed rozmową — formularz z kilkoma polami ma sens. Jeśli jest kilka sposobów kontaktu dla różnych typów spraw — strona kontakt powinna to jasno rozdzielać.
Budowanie strony kontakt bez tej odpowiedzi kończy się stroną która próbuje wszystkiego naraz i nie ułatwia żadnej ścieżki.
Struktura strony kontakt
Strona kontakt nie potrzebuje rozbudowanej struktury. Potrzebuje kilku elementów które razem tworzą prostą ścieżkę do kontaktu.
Kontakt
Nagłówek który zaprasza — nie „Kontakt” jako tytuł strony. „Porozmawiajmy” albo „Napisz do nas” albo „Jak możemy pomóc” — cokolwiek co brzmi jak zaproszenie a nie etykieta na drzwiach.
Informacja co się stanie po kontakcie — jedno zdanie które usuwa niepewność. „Oddzwonimy w ciągu 24 godzin”, „Odpiszemy do końca dnia roboczego”, „Umówimy bezpłatną konsultację”. Klient który wie czego się spodziewać chętniej wysyła wiadomość.
Formularz — o nim za chwilę osobno bo jest tu kilka ważnych decyzji.
Dane kontaktowe — numer telefonu, adres email, adres firmy jeśli klienci przyjeżdżają. Nie ukrywaj tych informacji za formularzem. Część klientów woli zadzwonić, część woli napisać bezpośrednio na maila — daj im ten wybór.
Mapa — jeśli lokalizacja ma znaczenie dla klientów. Dla firm które przyjmują klientów w biurze lub są silnie lokalne — tak. Dla firm które pracują zdalnie — nie zawsze konieczna.
Godziny pracy — opcjonalnie, ale pomocne przy telefonach. Klient który wie że możesz odebrać między 9 a 17 nie będzie się zastanawiał czy dzwonić w sobotę.
Formularz — mniej znaczy więcej
Formularz kontaktowy to element który najczęściej jest przebudowany. Firmy chcą wiedzieć jak najwięcej o kliencie zanim oddzwonią, więc dodają pola. Budżet, termin realizacji, branża, skąd się dowiedzieli, opis projektu. Siedem, osiem, dziesięć pól.
Każde dodatkowe pole to tarcie. Każde tarcie to część klientów która rezygnuje.
Minimalne formularz kontaktowy to trzy pola: imię, email lub telefon, wiadomość. Tyle wystarczy żeby skontaktować się z klientem i dowiedzieć się czego potrzebuje.
Jeśli firma naprawdę potrzebuje więcej informacji przed rozmową — maksymalnie pięć, sześć pól. I każde pole powinno mieć konkretny powód dla którego jest konieczne.
Jedno pole które warto rozważyć a które jest często pomijane: „Skąd się dowiedziałeś o nas”. Nieobowiązkowe, proste, i daje firmie wartościową informację o tym które kanały działają.
Formularz w Divi 5 — jak to zbudować
Divi 5 ma wbudowany moduł Contact Form który obsługuje podstawowe formularze bez dodatkowych wtyczek. Dla prostych formularzy kontaktowych — imię, email, wiadomość, wyślij — wystarczy w zupełności.
Jeśli projekt wymaga bardziej rozbudowanych formularzy — warunkowych pól, integracji z CRM, automatycznych odpowiedzi, plików do wysyłania — warto sięgnąć po dedykowane wtyczki. WPForms i Contact Form 7 działają dobrze z Divi 5. WPForms ma bardziej rozbudowany interfejs wizualny, Contact Form 7 jest lżejszy i bardziej elastyczny dla osób które nie boją się trochę kodu.
Niezależnie od tego którą opcję wybierzesz, kilka rzeczy warto sprawdzić przed uznaniem formularza za gotowy:
Czy maile faktycznie dochodzą — to brzmi banalnie ale problem z dostarczalnością maili z formularzy WordPressa jest bardzo częsty. Wtyczka WP Mail SMTP lub podobna, skonfigurowana z prawdziwym kontem SMTP, znacznie poprawia dostarczalność.
Czy klient dostaje potwierdzenie po wysłaniu — automatyczny mail z informacją że wiadomość dotarła i kiedy można spodziewać się odpowiedzi. Brak potwierdzenia sprawia że część klientów wysyła formularz dwa, trzy razy bo nie wie czy coś poszło.
Czy strona po wysłaniu ma odpowiedni komunikat — „Dziękujemy, odezwiemy się wkrótce” to minimum. Możesz też przekierować na osobną stronę z podziękowaniem gdzie dajesz klientowi coś do zrobienia w oczekiwaniu na odpowiedź — link do najważniejszego artykułu, link do realizacji, cokolwiek co trzyma go na stronie.
Czy formularz działa na telefonie — szczególnie pole wiadomości, które na małych ekranach bywa za małe i niewygodne do wypełnienia.
Mapa w Divi 5
Divi 5 ma wbudowany moduł Map który integruje się z Google Maps. Wymaga klucza API od Google — co jest darmowe do określonego limitu zapytań, a dla typowego serwisu firmowego ten limit nie jest problemem.
Jeśli nie chcesz konfigurować API, alternatywą jest embed z Google Maps — kopiujesz kod iframe bezpośrednio z Google Maps i wklejasz go przez moduł Code w Divi 5. Mniej eleganckie ale działa bez konfiguracji.
Mapa na stronie kontakt powinna być użyteczna — odpowiedni poziom zoomu, zaznaczona lokalizacja firmy, i najlepiej możliwość kliknięcia „wskazówki dojazdu” bezpośrednio z mapy.
Strona kontakt a RODO
Jedna rzecz której nie można pominąć przy formularzu kontaktowym: zgoda na przetwarzanie danych osobowych.
Checkbox z odpowiednim tekstem prawnym to minimum przy każdym formularzu który zbiera dane klientów. Treść tej zgody powinna być przygotowana lub zatwierdzona przez prawnika albo przynajmniej oparta na sprawdzonym szablonie — to nie jest miejsce na improwizację.
Link do polityki prywatności powinien być widoczny przy formularzu. Nie schowany w stopce strony kontakt, ale bezpośrednio przy przycisku wyślij albo przy checkboxie zgody.
Prosta strona która działa
Strona kontakt nie musi być ładna. Musi być prosta, jasna i działająca.
Nagłówek który zaprasza. Informacja co się stanie po kontakcie. Formularz z trzema polami. Numer telefonu i email widoczne bez szukania. Potwierdzenie po wysłaniu.
To wystarczy. Reszta to ozdoba.