Jak dodać formularz kontaktowy do sklepu?

Najprościej dodasz formularz kontaktowy do sklepu na WordPressie lub WooCommerce za pomocą wtyczki. Dla początkujących dobrym wyborem jest WPForms z edytorem przeciągnij i upuść, a dla osób, które potrzebują darmowego i elastycznego rozwiązania – Contact Form 7. Po utworzeniu formularza trzeba wkleić jego shortcode na stronie Kontakt, skonfigurować odbiorcę wiadomości, zgodę RODO i ochronę reCAPTCHA.

Dlaczego sklep potrzebuje formularza kontaktowego?

Formularz skraca drogę między klientem a obsługą sklepu. Kupujący może zapytać o produkt, dostawę, reklamację lub konkretne zamówienie bez szukania adresu e-mail. Sama obecność łatwego kontaktu zwiększa wiarygodność sklepu i ułatwia obsługę pytań przed zakupem.

W WooCommerce formularz najczęściej umieszcza się na stronie Kontakt, ale może być też przydatny przy konkretnym produkcie albo w sekcji dotyczącej zamówień. Nie zastępuje formularzy zakupowych i płatności, służy przede wszystkim do komunikacji z klientem.

Jaką wtyczkę formularza wybrać?

WordPress nie udostępnia rozbudowanego formularza kontaktowego zaraz po instalacji. Funkcję tę dodaje wtyczka, czyli rozszerzenie instalowane z panelu administracyjnego. Dwa popularne rozwiązania różnią się przede wszystkim sposobem konfiguracji:

Jeśli zależy Ci na szybkim wdrożeniu bez edytowania znaczników, wybierz WPForms. Contact Form 7 sprawdzi się wtedy, gdy chcesz zachować większą kontrolę nad formularzem i nie przeszkadza Ci mniej wizualny panel konfiguracji. W dalszej instrukcji wykorzystujemy Contact Form 7, ponieważ wtyczka pozwala bezpłatnie utworzyć podstawowy formularz kontaktowy.

Jak dodać formularz kontaktowy krok po kroku?

1. Zainstaluj wtyczkę. Zaloguj się do panelu WordPressa i przejdź do Wtyczki → Dodaj nową. Wyszukaj Contact Form 7, kliknij „Zainstaluj”, a następnie „Włącz”.
2. Utwórz formularz. W menu administracyjnym otwórz sekcję „Formularze” i wybierz „Dodaj nowy”. Możesz też edytować formularz utworzony automatycznie przez wtyczkę.
3. Dodaj potrzebne pola. W podstawowym formularzu wystarczą imię, adres e-mail, temat i treść wiadomości. Przy sklepie warto dodać także powód kontaktu lub numer zamówienia. Ogranicz liczbę pól do informacji potrzebnych do obsługi zgłoszenia.
4. Dodaj zgodę na przetwarzanie danych. Wstaw wymagane pole wyboru z krótką treścią zgody i odnośnikiem do polityki prywatności. Checkbox nie powinien być zaznaczony domyślnie.
5. Skonfiguruj wiadomość e-mail. W zakładce „E-mail” wpisz adres, na który mają trafiać zgłoszenia. Ustaw temat wiadomości i zdecyduj, które dane z formularza mają pojawić się w jej treści.
6. Sprawdź adres odbiorcy. Upewnij się, że nie ma literówki w adresie skrzynki. To częsta przyczyna sytuacji, w której formularz wyświetla komunikat o wysłaniu, ale wiadomość nie trafia do obsługi sklepu.
7. Zapisz formularz i skopiuj shortcode. Shortcode to krótki kod generowany przez wtyczkę, który osadza formularz w treści strony. Skopiuj go z ekranu konfiguracji.
8. Wklej formularz na stronie Kontakt. Otwórz stronę Kontakt w edytorze WordPressa, dodaj blok „Shortcode” i wklej skopiowany kod. W zależności od konfiguracji możesz też użyć bloku Contact Form 7.
9. Opublikuj i wyślij wiadomość testową. Sprawdź formularz jako klient, także na telefonie. Zweryfikuj komunikat po wysłaniu, wiadomość w skrzynce odbiorczej oraz działanie wszystkich pól.

Uwaga: adres nadawcy w ustawieniach poczty nie zawsze powinien być ustawiany jako adres wpisywany przez klienta. Bezpieczniej użyć adresu w domenie sklepu jako nadawcy, a adres klienta umieścić w polu „Reply-To”, jeśli konfiguracja wtyczki i serwera na to pozwala. Przy problemach z dostarczaniem wiadomości może być potrzebna konfiguracja SMTP.

Jak zabezpieczyć formularz i dane klientów?

Formularz zbiera dane osobowe, dlatego jego konfiguracja powinna uwzględniać ochronę danych i ograniczenie spamu. Zgoda nie powinna być ogólnym zezwoleniem na dowolny marketing. Treść, cel przetwarzania i podstawa prawna zależą od konkretnego zastosowania, dlatego przy nietypowym formularzu skonsultuj zapis z osobą odpowiedzialną za zgodność prawną.

Przed publikacją sprawdź następujące elementy:

• Checkbox RODO – dodaj osobne, nieuzupełnione z góry pole zgody, jeśli jest potrzebne do danego celu przetwarzania.
• Polityka prywatności – umieść przy formularzu czytelny odnośnik do aktualnej informacji o przetwarzaniu danych.
• reCAPTCHA v3 – połącz formularz z usługą reCAPTCHA, aby ograniczyć automatyczne zgłoszenia spamowe.
• Minimalizacja danych – pytaj tylko o informacje potrzebne do odpowiedzi lub realizacji określonego procesu.
• Ograniczenie dostępu – wiadomości powinny trafiać wyłącznie do osób, które obsługują kontakt z klientami.

W Contact Form 7 integrację reCAPTCHA konfiguruje się w sekcji „Formularze → Integracja”. Po uzyskaniu klucza witryny i klucza tajnego zarejestruj usługę dla właściwej domeny, wpisz dane w panelu WordPressa i zapisz ustawienia. Po zmianie ochrony antyspamowej ponownie wyślij testową wiadomość.

Czy formularz działa poprawnie?

Przed kliknięciem „Opublikuj” przejdź przez tę krótką listę kontrolną:

• Formularz wyświetla się na stronie Kontakt bez błędów.
• Wymagane pola blokują wysyłkę, gdy pozostaną puste.
• Checkbox zgody RODO nie jest zaznaczony automatycznie.
• Wiadomość dociera na właściwy adres obsługi sklepu.
• Adres klienta i treść zgłoszenia pojawiają się w wiadomości.
• reCAPTCHA ogranicza spam i nie blokuje prawidłowego wysłania.
• Formularz jest czytelny i wygodny na telefonie.

Po uruchomieniu obserwuj skrzynkę oraz komunikaty klientów. Jeśli formularz nie wysyła wiadomości mimo poprawnej konfiguracji, problem może dotyczyć poczty na serwerze. W takiej sytuacji sprawdź konfigurację SMTP lub poproś administratora hostingu o analizę logów pocztowych.

Informacje dotyczące RODO mają charakter ogólny i nie stanowią porady prawnej. Przy formularzach zbierających dane w celach marketingowych lub obsługujących szczególne procesy skonsultuj konfigurację z prawnikiem albo inspektorem ochrony danych.