Contact Form 7 – zaawansowane formularze kontaktowe w WordPressie

Contact Form 7
Każda, nawet najmniejsza strona internetowa powinna udostępniać możliwość kontaktu z jej właścicielem. Możemy do tego celu wykorzystać sieci społecznościowe (Facebook, Twitter, Google+), możemy umieścić w serwisie nasz adres e-mail, ale zdecydowanie najwygodniejszym dla użytkowników sposobem jest stworzenie prostego formularza kontaktowego. Istnieje co najmniej kilka wartych polecenia wtyczek dla WordPressa, jednak moją ulubioną jest Contact Form 7, która jest w miarę prosta w obsłudze, a jednocześnie daje bardzo duże możliwości.

Aktualizacja – 12.05.2017: wpis został dostosowany do aktualnej wersji wtyczki (4.7).

Contact Form 7 to bardzo popularne rozszerzenie, o czym świadczyć może trzecia pozycja w zestawieniu najpopularniejszych wtyczek 2016 roku. W rękach administratora strony może być naprawdę potężnym narzędziem, jednak jej wadą z punktu widzenia początkującego użytkownika jest konieczność budowania formularzy za pomocą kodu HTML. Nie ma się jednak czego obawiać – po instalacji do dyspozycji mamy przykładowy formularz kontaktowy, który łatwo możemy dostosować do własnych potrzeb.

Ilość dostępnych typów pól sprawia, że za pomocą tego rozszerzenia możemy tworzyć naprawdę rozbudowane formularze, służące do czegoś więcej niż tylko kontakt z właścicielem strony. Dodatkowo w repozytorium znaleźć możemy sporo wtyczek będących dodatkami do Contact Form 7. Korzystając z nich możemy dodać do własnego formularza alternatywne do wbudowanego pole z kodem zabezpieczającym (CAPTCHA), dodatkowe typy pól czy możliwość zapisu danych do bazy danych zamiast wysyłania ich e-mailem (przydatne na przykład do formularzy konkursowych).

Wtyczka jest całkowicie spolonizowana, tak więc nawet mało zaawansowani użytkownicy nie powinni mieć problemu z jej obsługą. Aby zacząć z niej korzystać należy stworzyć nowy formularz w menu Formularze (można oczywiście użyć przykładowego, utworzonego podczas instalacji formularza).

Contact Form 7 - formularz

Na zakładce Formularz znajduje się kod naszego formularza. Jak widać, zawiera on również shortcody, odpowiedzialne za generację odpowiednich pól. Na szczęście nie musimy tworzyć ich sami – możemy to zrobić za pomocą przycisków znajdujących się nad kodem formularza.

W podstawowej wersji wtyczki (bez żadnych dodatków) możemy wybierać spośród następujących typów pól: tekst, email (do wpisania adresu e-mail), adres URL, telefon (do wpisania numeru telefonu), liczba, data, pole tekstowe (czyli pole typu textarea), menu rozwijane (czyli lista typu select), pola wyboru (czyli checkbox – popularny „ptaszek”), pola jednokrotnego wyboru (czyli pole typu radio), wyrażanie zgody („ptaszek” do zaakceptowania na przykład regulaminu), quiz, reCAPTCHA (kod zabezpieczający przed spamem – wykorzystywany jest tu mechanizm udostępniany przez Google), plik i przycisk wysyłania formularza.

Contact Form 7 - dodawanie pola

Po wybraniu interesującego nas typu pola pojawi się okienko, w którym możemy podać wszystkie niezbędne informacje i ustawić dostępne dla danego typu pola opcje. Na widocznym powyżej zrzucie ekranu wybrałem pole wyboru, w którym możemy zdefiniować listę opcji do zaznaczenia przez użytkownika. W polu Nazwa wpisujemy nazwę pola (widoczna tylko dla nas), a w polu Opcje wpisujemy listę opcji, które mają się wyświetlić użytkownikowi (każda w osobnej linii). Możemy również ustawić wymagalność tego pola, zezwolić na wybór tylko jednej wartości czy zamienić miejscami pole wyboru i jego opis. Gdy skończymy, wystarczy kliknąć przycisk Wstaw znacznik, a kod zostanie automatycznie wstawiony do kodu naszego formularza. Możemy też oczywiście skopiować kod i wkleić go „ręcznie”. Poniżej kodu do wstawienia widoczny jest kod, którego będziemy mogli użyć do umieszczenia wybranych przez użytkownika odpowiedzi w wysyłanej do nas wiadomości e-mail.

Warto zauważyć, że wcale nie musimy korzystać z kreatora pól. Gdy już nabierzemy wprawy w korzystaniu z wtyczki, to możemy tworzyć pola samodzielnie lub kopiować je z innych formularzy.

Contact Form 7 - email

Zakładka Email służy do ustalenia gdzie i jak będzie wysyłana zawartość formularza oraz stworzenia treść wysyłanej wiadomości. U góry znajdziemy listę wszystkich pól formularza, których wartości możemy wstawić do treści wysyłanego e-maila. W polu Odbiorca wprowadzamy adres e-mail, na który będą wysyłane wiadomości. W polu Nadawca wprowadzamy adres e-mail nadawcy. Na pokazanym przykładzie pole to jest oznaczone jako błędne – temat weryfikacji konfiguracji formularzy poruszam w dalszej części wpisu. W polu Temat wprowadzamy oczywiście temat wiadomości. Pole Dodatkowe nagłówki może zawierać dodatkowe nagłówki wiadomości, na przykład Reply-To. Treść wiadomości wprowadzamy oczywiście w polu Treść wiadomości. Jeśli chcemy, aby wiadomości były wysyłane w formacie HTML, możemy zaznaczyć opcję Użyj treści w formacie HTML.

W każdym z wymienionych pól możemy skorzystać z danych naszego formularza – wystarczy umieścić odpowiedni shortcode z nazwą pola (na przykład [your-email] aby użyć zawartości pola „Adres email”).

Na dole znajduje się opcja Email (2), która pozwala na wysłanie kolejnego e-maila. Dobrym przykładem wykorzystania tej opcji jest wysyłanie automatycznej wiadomości osobie, która wypełniła formularz (autoresponder).

Warto dodać, że w treści wiadomości możemy skorzystać również ze znaczników specjalnych, dzięki którym wstawimy na przykład adres IP użytkownika, datę i czas czy dane dotyczące strony lub wpisu, z którego został wysłany formularz. Pełną listę znaczników specjalnych można znaleźć w dokumentacji wtyczki.

Contact Form 7 - komunikaty

Zakładka Komunikaty zawiera wszystkie komunikaty, jakie mogą zostać wyświetlone użytkownikowi, na przykład potwierdzenie wysłania formularza czy informacje o różnych błędach. Można je oczywiście dowolnie modyfikować.

Gdy już dopracujemy nasz formularz i zapiszemy go klikając przycisk Zapisz, możemy wstawić go na stronę lub do wpisu za pomocą odpowiedniego shortcode. Znajdziemy go na samej górze strony edycji formularza – w moim przykładzie będzie on wyglądał tak: [contact-form-7 id="49" title="Formularz 1"] (tytuł można dowolnie zmienić, a nawet całkowicie usunąć). Możemy również umieścić formularz w widgecie – w tym celu wybieramy widget Tekst i wstawiamy do niego shortcode naszego formularza (alternatywnie możemy skorzystać z prostej wtyczki Contact Form 7 Widget).

Tworzenie formularza za pomocą wtyczki Contact Form 7 może na początku wydawać się nieco skomplikowane, ale gdy już opanujemy podstawy, to z pewnością docenimy jej naprawdę duże możliwości jeśli chodzi o dostosowywanie wyglądu formularzy do naszych potrzeb.

Weryfikacja konfiguracji formularza

Ciekawą funkcją dodaną w wersji 4.4 wtyczki jest weryfikacja konfiguracji formularzy. Główną motywacją do jej wprowadzenia były częste problemy z dostarczaniem wiadomości, zwykle wynikające właśnie z niepoprawnej konfiguracji formularza.

Wszystkie możliwe komunikaty o błędach znaleźć można w dokumentacji wtyczki. Prawdopodobnie najczęściej spotkamy się z komunikatem Sender email address does not belong to the site domain, który oznacza, że w polu Nadawca wpisaliśmy adres e-mail znajdujący się w innej domenie, niż domena naszej strony. Najczęściej robimy tak dlatego, że chcielibyśmy móc odpowiedzieć nadawcy wiadomości – do tego jednak służy nagłówek Reply-To.

Trzeba pamiętać, że narzędzie to nie weryfikuje konfiguracji serwera, co oznacza, że prawidłowo skonfigurowany formularz może wciąż nie działać poprawnie, a formularz, którego weryfikacja nie przebiegła pomyślnie, może działać bez problemów.

Konfiguracja reCAPTCHA

Aby móc korzystać z pola reCAPTCHA musimy wygenerować dwa klucze (klucz strony i sekretny klucz) na stronie google.com/recaptcha. Aby to zrobić wystarczy wejść na tę stronę i wypełnić znajdujący się na niej formularz Register a new site.

Contact Form 7 - reCAPTCHA

Po rejestracji strony zostaną wygenerowane dwa klucze (site keysecret key), które musimy wprowadzić w konfiguracji wtyczki (Formularze → Integracje).

Contact Form 7 - reCAPTCHA Contact Form 7 - reCAPTCHA

Bezpośredni link

  • łukasz

    a jak zmienić pozycję formularza na stronie? Chciałbym zeby wyświetlał mi sie po prawej stronie. Jest na to jakas rada?

    • Za pomocą CSS. Ale nikt Ci nie pomoże bez zerknięcia na kod Twojej strony.

  • Kamil Sabatowski

    Wtyczka rzeczywiście jest świetna – daje bardzo dużo możliwości. Dla laika (takiego jak ja) niezbędne jest opanowanie podstaw: chociażby takie komendy jak dają już niezłą frajdę i spore możliwości edycji formularza. Jedynym minusem jak dla mnie jest fakt, że formularz nie przesyła prawidłowo plików na maila. Chyba że to ja gdzieś popełniam błąd.

    • Cześć, poradziłeś sobie z problemem? U mnie w ogóle nie przesyła.

  • a co zrobić kiedy formularz działa, ale nie docierają do mnie wiadomości przez niego wysłane? :C

    • Upewnij się, że w konfiguracji formularza podałeś prawidłowy adres e-mail, na który ma być on wysyłany. Jeśli tak, to sprawdź w logach serwera czy wiadomości w ogóle są wysyłane.

      • masz rację. Pogadałem z technicznym serwera i wyszło, że po prostu miałem zablokowane wysyłanie mejli ;/. Odblokuje mi, to sprawdze ;). Fenks!

        • a na Gmail wszystkie e-maile wysłane przez formularz trafiają do Spamu…

          • Przyczyn może być wiele, ale najczęstszymi są konfiguracja serwera i treść e-maili.

          • Pragmatus

            ORLY? Mi już z 8 różnych serwerów wysyła do spamu. Co, każdy serwer jest źle skonfigurowany? Treść maili standardowa taka jak przed konfiguracją wtyczki – bo sprawdzam zawsze przed. Google znów świruje i wymusza rozwiązania – w dodatku jest to niejasne, co należałoby zrobić. Totalna masakra.

  • MariolaKot

    Witam, czy wie ktoś jak wyłączyć formę autouzupełniania na stronie z tym formularzem? Po aktualizacji do najnowszej wersji niestety się to pojawia z tym, że jeśli zaznaczę, że ma uzupełnić imię i nazwisko to automatycznie to imię i nazwisko pojawia się we wszystkich polach do uzupełnienia (telefon, mail itp). Jak to wyłączyć?

  • Michał

    A czy jest jakiś dodatek/sposób żeby zrobić ze standardowego pola Dodaj plik – pole typu drag&drop? Najlepiej z paskiem postępu. Pozdrawiam

  • elgo

    Witam, a jest możliwość aby okno „żółte” czyli z błędem wyświetlało się w innym położeniu? W tej chwil pojawia się poniżej „Wyślij” i jest czasami niewidoczne!

  • Klasyk

    Korzystam z tej wtyczki, ale mam dużo spamu. Podłączyłem więc Really Simple Captcha, żeby ograniczyć spam., ale zauważyłem, że ta konfiguracja wtyczek obciążyła mi bloga. Wtyczką P3 sprawdziłem, że teraz wtyczki to 50% ładowania bloga, a bez Really Simple Captcha 30 kilka procent. Czy są jakieś lżejsze zastępniki?

  • Czy możesz podać w jakiej formie powinienem wpisać kod formularza , mam na myśli rozszerzenie poza generowane odsyłacze w [….].

    Tak, abym mógł wstawić do każdego posta w wygląd-edytuj-single.php

    po wklejeniu samej wygenerowanej formuły pojawia mi się tekst zamiast formularza

    Poza konkursem…. koledzy i koleżanki , możemy uatrakcyjnić nasze formularze tworząc w prosty sposób skórki.

    Wtyczka od skórek nazywa się:

    Contact Form 7 Custom Skins

  • Łukasz

    Cześć,

    to ja mam taki quest,

    – chciałbym formularz z opcją płacenia przelewy/karty tzw. bramka
    – oraz by można było sobie kilka odrębnych dróg np. zwiedzania miasta wybrać kalendarz etc…

    – czy ktoś z was zna tą wtyczkę która zapewnia ta funkcjonalność ?
    – ew. inne na których jestem wstanie to oprzeć …hmmm?

    tu – przykłąd – https://booking.exciting-krakow.com/booking/order/Auschwitz%20Birkenau

    -thx, Łukasz

  • Szymon Krych

    Witam,

    czy ten formularz ma opcje rozwijanego menu ?
    Chciałbym żeby przy wyborze w rozwijanym okienku opcji Kurier: poniżej dodały się pola z adresem do wypełnienia.

    Poniżej link:

    http://www.applefix.pl/formularz

    Z góry dziękuje za pomoc.

    • Sam z siebie Contact Form 7 nie oferuje takiej możliwości, aczkolwiek można to zrobić modyfikując nieco kod formularza i dodając proste ukrywanie lub pokazywanie wybranych pól za pomocą JavaScript. Niestety, nie jest to coś, co można zrobić w 3 minuty.

    • Mikołaj Mikiciuk

      Ta wtyczka nie ma opcji rozwijanego menu, ale da się to zrobić bez problemu.

      Przykład:
      http://www.iclinica.pl/kontakt/

  • Janek

    Dobry formularz, jednak ma pewną drobną wadę – nie przyjmuje niektórych formatów plików. Wiadomość idzie, ale bez załącznika. Nie mówiąc już o ograniczeniu 1mb załącznika. Są jakieś alternatywy dla tej wtyczki?

  • Basia

    witam, mam zainstalowany wordpress 4.0 i od kilku dni usiłuję uruchomić contact form 7 integrations, wtyczka jest zainstalowana ale nie działa, w WP 4.0 nie ma boksu Formularz i nie wiem gdzie mam szukać kodu albo może jest jakaś inna procedura? bardzo proszę o pomoc bo w necie nie ma żadnych informacji na ten temat. Pozdrawiam Basia

    • Wtyczka Contact Form 7 integrations wymaga zainstalowania wtyczki Contact Form 7. Na pewno masz ją zainstalowaną i aktywowaną?

      • basia

        dziękuje za błyskawiczną odpowiedz, oczywiście najciemniej pod latarnią:-) nie miałam aktywnej wtyczki Contact form 7 , zaczynam dopiero ,przepraszam za kolokwializm ale naprawdę jestem początkująca…dziękuje za pomoc

  • Jerronimo

    mam pytanie
    Czy za pomocą tej wtyczki mogę zbudować interaktywny formularz. Chodzi mi o to że np po zaznaczeniu jakiejś opcji wysuwają się kolejne pola do wpisania.. po zaznaczeniu następnej, wysuwają się następne pola.. itp jeśli nie to może podpowiesz jaki plugin daje takie możliwości.

    • Niestety, ta wtyczka nie daje takiej możliwości. Można oczywiście zbudować sobie coś takiego samodzielnie, ale wymaga to znajomości JavaScript.

      Takie możliwości oferują wtyczki Gravity Forms i Ninja Forms z dodatkiem Conditional Logic.

  • siwybob

    Doskonała wtyczka.
    Mam pytanie do uczestników dyskusji: nie jestem w stanie za pośrednictwem akcji „wpcf7_before_send_mail” dodać do tworzonego maila, pliku (załącznika pdf txt itp) Chciałem po wypełnieniu formularza dodawać taki plik z serwera. Znalazłem tutki jak to robić „po staremu” ale nowe wersje wtyczki korzystają z „WPCF7_Submission::get_instance();”

    Może macie rozwiązanie lub odnośnik do opisu jak to wykonać…

    Dzięki…

  • Piter

    Witam

    Świetna
    wtyczka, chyba najlepsza z darmowych. Mam takie pytanie ,czy można ustawić
    (zaznaczyć) aby na pewien czas dla jednego usera albo z tego samego adresu
    poczty można było wysłać tylko jeden form? Chodzi mi o ograniczenie wysyłania
    formularzy. Czy ewentualnie istnieje
    inna taka darmowa wtyczka.

  • Kuba

    Jest możliwość w tym formularzu zrobic cos takiego że po wybraniu odpowiedniego tematu (select) zmiania sie adres odbiorcy?

  • Adam

    chciałbym aby poprzez mój formularz kontaktowy można było wysyłać pliki o rozszerzeniu stl. Co prawda dodałem takie rozszerzenie tam gdzie trzeba ale jak wysyłam próbną wiadomość to dochodzi email bez załącznika. Rozumiem że wtyczka może nie rozpoznawać takiego rozszerzenia czy tak? jest sposób żeby to obejść?

  • Adam

    dzięki za tak szybką odpowiedź;) powiem tak na początku nie mogłem nic przesłać po przeglądnięciu tej stronki i tego co podesłałem poczyniłem następujące kroki: dodałem kilka rozszerzeń plików które mnie interesują bez kropeczki na końcu oddzielone „|” zwiększyłem również limit to 500MB na plik. zrobiłem test i tak na przykład plik z rozszerzeniem 3dm. dochodzi a stl. już nie:(
    Na pocztę te pliki normalnie dochodzą. zapis mam następujący
    Załącz plik
    [file file-790 limit:500000000 filetypes:stl|3dm|skp|dwg|dxf|jpg|pdf|bmp|doc|docx]

    • Jak duży jest ten plik stl? Może jego przesyłanie jest blokowane przez limit po stronie serwera (upload_max_filesize i/lub post_max_size)?

  • Adam

    próbowałem przesłać różne pliki z rozszerzeniem stl. żaden nie chce pójść wielkość miały 6MB jak i 90MB. Nie będę ukrywał że nie jestem za dobry w te klocki ale tracę po woli cierpliwość. Bo akurat to rozszerzenie jest mi niezbędne do mojej strony :( a oczywiście jak na złość nie chce ono działać…
    A mozęsz mi napisać ściślej gdzie mogę to znaleźć o czym piszesz „(upload_max_filesize i/lub post_max_size)?”, czy chodzi o ustawienia w koncie pocztowym czy to gdzieś w WordPressie mam szukać?

    • To ustawienia PHP. W zależności od używanego serwera możesz sobie je zmienić sam albo musisz poprosić o zmianę administratora. Wartość tych ustawień możesz najczęściej sprawdzić w panelu administracyjnym serwera, możesz też utworzyć na serwerze plik .php z wywołaniem funkcji phpinfo() i otworzyć go w przeglądarce.

  • Franek.

    Witam,

    Mam problem stworzyłem sobie formularz kontaktowy z dodatkowymi wigetami: załączniki (2x) oraz chcexbox zapisu do newslettera. Podczas próby wysłania wiadomości animacja wysłania (kółko) kręci się i kręci ale nie ma żadnego komunikatu że wiadomość została wysłana. Tak wiadomości dochodzą normalnie.

    • Byłoby prościej gdybyś podał link do strony…

      Sprawdź co pojawia się w konsoli przeglądarki przy próbie wysłania formularza.

  • Albert

    Witam,

    Poszukuję wtyczki do formularza (contact form 7). Chcę stworzyć formularz który posiada listę województw i adres mailowy. Po wypełnieniu formularza i wybrania danego województwa. Wysyłający otrzymywałby maila zwrotnego z listą sklepów z danego województwa na swój adres mailowy.

    Czy istnieje taka wtyczka która umożliwiłaby stworzenie takiego formularza w prosty sposób?

    Stworzyłem formularz jak na poniższym screena. Niestety poległem na etapie wysyłania maila zwrotnego dotyczącego danego województwa.

  • Andru Rock

    Contact Form 7 bardzo fajny ale mam problem z polskimi znakami w wiadomościach wysyłanych z formularza.

  • Artur Ruszała

    Witam,

    E-maile wysyłają się poprawnie, jednak nie wyświetla się komunikat „Twoja wiadomość została wysłana. Dziękujemy.” ktoś kto wysyła zapytanie nie wie czy wiadomość została wysłana czy nie. Ta sama sytuacja zachodzi, gdy jest jakis błąd np. gdy nie wypełnię pól – nie pojawia się komunikat „Wystąpiły błędy. Sprawdź wszystkie pola formularza i spróbuj wysłać ponownie.” Co może byc przyczyną??

    • Nie ukryłeś sobie przypadkiem tych komunikatów (np. przez CSS)? Zobacz w narzędziach deweloperskich co się z tymi komunikatami dzieje.

  • win3tou

    Mam problem ze stworzeniem pola adres pocztowy. Zalezy mi aby to pole było wypełniane z myślnikiem. Potrafi ktoś pomóc. Z góry dziękuję.

  • A czy jest możliwość aby w tym formularzu dodać kilka plików na raz do wysyłki? Nie chcę jednak dodawać kilku pól z możliwością dodania (dodam dwa, a kto będzie chciał wysłać 3 itd.)?

  • Artur Ruszała

    Witam,
    Jak działa tłumaczenie przycisku „ładowania pliku” – chodzi o to że jak formularz mam w języku angielskim to przycisk załadowania pliku, który powinien być po angielsku jest po polsku. Zmieniam język przeglądarki na angielski i dalej to samo..

    • Jesteś pewien, że zmieniasz język przeglądarki, a nie tylko język, jakim przeglądarka się identyfikuje (wysyła w nagłówkach HTTP)?

      • Artur Ruszała

        Dzięki za odpowiedź :) No ja zmieniam tylko język przeglądarki Chrome. W jaki sposób to najlepiej sprawdzić?

        • Jeśli robisz to w ustawieniach przeglądarki, to nie zmieniasz języka przeglądarki (np. menu masz wciąż po polsku), a tylko język w nagłówkach HTTP.

  • Bartosz Buk

    Czy można utworzyć „odwrotny” formularz kontaktowy?
    Tzn np. są trzy grupy ZAREJESTROWANYCH użytkowników
    Admin – 1 osoba
    Sprzedawca – 3 osoby
    Klient – 5 osób

    główne dwie funkcje formularza to:
    1. możliwość wysłania przez sprzedawce maila do kupujących wybieranych z listy zarejestrowanych klientów (np za pomocą „ptaszków” lu czegoś innego)
    2. możliwość dodawania załączników *.pdf wybieranych z listy (np za pomocą „ptaszków” lu czegoś innego)

    I analogicznie osobne formularze dla klienta i admina

    Pozdrawiam

    • Czegoś takiego nie nazwałbym formularzem kontaktowym – to raczej system wysyłki wiadomości e-mail i czegoś takiego powinieneś szukać.

      • Bartosz Buk

        Tyle że ja potrzebuję aby coś takiego było obsługiwane z poziomu strony a nie kokpitu

        • To już są szczegóły. Generalnie za pomocą wtyczki do tworzenia formularzy kontaktowych czegoś takiego nie zrobisz.

          • Bartosz Buk

            Dzięki za odpowiedź poszukałem i coś mi pomału świeci jak to zrobić właśnie przy pomocy Contact form 7 jak się uda na pewno się podzielę rozwiązaniem.
            Pozdrawiam

          • Bartosz Buk

            Panie Bartoszu mam jeszcze dwa pytania:
            Czy tworząc formularz w miejscu gdzie podaję imię i nazwisko
            Imię i nazwisko (wymagane)
            [text* [your-name]]
            oraz adres email
            Adres email (wymagane)
            [email* your-email]
            można wpisać jakieś komendy dzięki którym te pola uzupełnią się same – pobiorą się z danych użytkownika który właśnie jest zalogowany i analogicznie inne dane np tel. itp itd

            Pozdrawiam BB

            PS znalazłem powiedzmy pośrednie rozwiązanie mojego poprzedniego problemu – w polu formularza wpisałem
            Wyślij do:
            [select your-recipient „Pan x|pan.x@x.pl” „Pan y|pan.y@y.pl”]
            a w Email – Odbiorca
            [your-recipient]

            Co prawda formularz wyświetla błąd przy zapisie ale działa bardzo ładnie w postaci rozwijanego menu – niestety każdorazowo trzeba dodawać kolejnych odbiorców ale zakładając że w moim przypadku będzie ich niewielu działa to idealnie

          • Jeśli ręczne wprowadzanie odbiorców Cię satysfakcjonuje, to będzie to działać. Teoretycznie możesz dynamicznie generować taką listę, ale wymaga to napisania kawałka kodu. Pomocne mogą się okazać te wtyczki:
            https://pl.wordpress.org/plugins/contact-form-7-dynamic-mail-to/
            https://pl.wordpress.org/plugins/contact-form-7-dynamic-text-extension/

            Osobiście wciąż uważam, że takie rozwiązanie jest bez sensu. ;)

            Co do edycji wyglądu, to oczywiście możesz sobie dostosować wygląd za pomocą CSS. Contact Form 7 ma tę zaletę, że nie narzuca swojego kodu HTML, tak więc możesz zbudować sobie praktycznie dowolny formularz. Jeśli chodzi o proste modyfikacje, to obejrzyj sobie tę wtyczkę: https://pl.wordpress.org/plugins/cf7-customizer/

          • Bartosz Buk

            Czy dobrze zrozumiałem że w tej wtyczce Dynamic Recipient for Contact Form 7 również ręcznie trzeba dodać każdego odbiorcę? Nie za bardzo kumam jak to wszystko po podmieniać i skonfigurować. Czy dało by radę żebyś mi napisał jakąś prostszą – „łopatologiczną instrukcję” jak to zrobić (gdzie co i jak wkleić zastąpić) nie jestem aż taki dobry w kodowaniu zajmuję się wordpressem od 1 mca a programować w PHP i CSS dopiero się uczę.

  • Artur Ruszała

    Czy da się w jakiś sposób wymusić pobranie zamieszczonego w formularzu pliku? Czyli – ktoś musi pobrać plik wypełnić a następnie wgrać do formularza inaczej wiadomość nie zostanie wysłana. Na logike nie da się czegoś takiego zrobić – wiem.. ale może jakimś cudem? Albo chociaż jakieś wymuszenie pobrania tego pliku.. cokolwiek :D

  • Paweł Falkowski

    Mam pytanie, czy za pomocą tej wtyczki można wykonać prosta instrukcję warunkową, ale w mailu wyjściowym?
    Czyli:
    Mam w formularzu checkboxy
    1 Checkbox
    2 Checkbox
    3 Checkbox

    I teraz w output chciałbym mieć informację, że np
    1 jest zaznaczony
    2 nie
    3 nie
    Jest taka możliwość?

    • O ile wiem, nie da się czegoś takiego zrobić. W mailu znajdą się tylko wartości zaznaczonych checkboksów.

  • Czy pliki z opcji „dołącz plik” ładuje się gdzieś na serwer? Nie otrzymuję tych plików na maila…

  • Fajny plugin, lekki i łatwy w obsłudze. Przy okazji tego, że jest to update artykułu dodam tylko, że szkoda, że nie ma już opcji dodania podstawowego formularza w języku obcym :) Kiedyś była taka wygodna rozwijana lista, szkoda, że z tego zrezygnowali.

  • Marek

    Witam,
    z „Contact from 7” korzystam od dłuższego czasu. Teraz dodałem reCaptcha i na jednej ze strony wprowadzenie nowej linii z kodem do niego blokuje mi całą stronę. Ktoś może spotkał się z podobnym problemem? Usunięcie wpisu odblokowuje pola i można swobodnie wypełniać formularz kontaktowy. Razem z antyspamem mam blokadę ból.
    Pozdrawiam.

  • Szukam wtyczki, która pozwoli zbudować rozbudowany formularz podobny do tego https://www.mfind.pl/ubezpieczenie-oc-a … ator-oc-ac
    Formularz miałby przynajmniej 5 stron i powinien umożliwiać załączanie plików. Do pełni szczęścia pasowałoby żeby w ostatnim kroku miał możliwość generowania PDFa na podstawie uzupełnionych treści.
    Wymagania spore ale może jest taka wtyczka?

  • REC

    A ja mam problem z tą wtyczką. Uruchomiłem WP ze skórką OnePress, zainstalowałem wymagany Contact Form 7 i niestety nie mogę za Chiny wysłać żadnego maila z formularza. Zainstalowałem dodatkowo WP-Mail-SMTP i poprawnie skonfigurowałem bo test przechodzi śpiewająco (jest komunikat true i maile dochodzą jak trzeba i to zarówno przez SMTP jak i php mail(). Natomiast przy próbie wysłania wiadomości z formularza, po kliknięciu przycisku wyślij, kręci się kółko pod przyciskiem i nie pojawia się żaden komunikat ani wiadomości nie dochodzą.
    Bardzo proszę o pomoc bo skończyły mi się pomysły a przeszukałem net i nie mogę znaleźć żadnej solucji.

    • Zobacz czy w konsoli przeglądarki nie ma jakichś błędów.

      • REC

        Dzięki za szybką reakcję, ale poproszę jaśniej ponieważ jestem jeszcze trochę zielony w temacie. Jak i gdzie mam sprawdzić?

        • W Chrome konsolę przeglądarki otwierasz naciskając Ctrl+Shift+J (Cmd+Alt+J na Makach). Wszystko, co będzie tam na czerwono, to błędy, które potencjalnie mogą być przyczyną Twoich problemów.

          Tak na marginesie: jeśli myślisz w miarę poważnie o zabawie w tworzenie stron, to koniecznie poświęć parę godzin na naukę korzystania z narzędzi deweloperskich przeglądarki. Uwierz mi, bez tego daleko nie zajdziesz.

          • REC

            Nie ma tam żadnych błędów, ale już wiem co było przyczyną, przed chwilą to odkryłem :-). Mianowicie zainstalowałem WordPressa w podkatalogu (oczywiście zgodnie ze sztuką czyli kopiując index.php oraz .htaccess do katalogu głównego i modyfikując ścieżkę w index.pxp). I wszystko pięknie hulało za wyjątkiem tego formularza. Po przeniesieniu WP do katalogu głównego formularz odżył :-). Teraz pytanie brzmi: co i gdzie trzeba zmodyfikować żeby jednak zechciał działać również w podkatalogu.

          • Paweł Knapek

            Zgaduję, że piszesz o metodzie „Giving WordPress Its Own Directory”, tak? – średnio to ma sens.
            Jak chcesz mieć WP bezpośrednio pod domeną, ale pliki nie w roocie, tylko w podkatalogu ….to po prostu zostaw całego WP w tym podkatalogu i przestaw na niego domenę. Oczywiście może być konieczna korekta URLi w bazie jak przy migracji -tutaj z „domena/podkatalog” na „domena”, ale to bez problemu można załatwić skryptem Database Search and Replace z interconnect/it albo wtyczkami pokroju Velvet Blues Update URLs.

  • Nasza Przygoda

    U mnie pojawiają się nowe pola można je wypełniać ale na e-mail dostaje info tylko z tych pól które były domyślnie wstawione przy generacji formularza :(. Nie wiem co jest nie tak, bo wszystko wygląda dobrze, ale te nowo dodane pola pomimo wypełniania są nieaktywne i nie są wysyłane z nich treści.

    • Pola dodane do formularza nie będą automatycznie wysyłane – musisz wstawić je do treści e-maila na zakładce ‚Email’ (jest to opisane we wpisie).

  • Monika

    Świetny i pomocny artykuł. Mój problem polega na tym, że klient wpisuje swoje dane w formularzu w polu np „telefon” a ja w mailu na skrzynce kontaktowej widzę tylko: Phone Number:[tel your-phone] i jest ….. pustka, żadnej wartości wpisanej przez klienta. Szukałam odp na mój problem ale nie znalazłam . Może ktoś się z tym zetknął. Proszę o pomoc bardziej doświadczonych kolegów i koleżanki.

    • Jesteś pewna, że prawidłowo wstawiłaś odpowiednie tagi do treści maila (zakładka ‚Email’)?

  • Joanna Postupalska-Bożek

    Dziękuję za świetną instrukcję, u mnie formularz w najprostszej wersji działa :-) http://www.oszczedzanienaprzyszlosc.pl

  • Dariusz Jan Nowak

    Używam NInjaForms. Głowię się nad następującym formularzem: ilość A + Ilość B + Ilość C (stanowi 3.7C=1B) / Ilość D.
    Jak użyć pola Ilość C żeby dzieliła się przez wartość 3,7 ? Jeżeli ktoś wpiszę w ilości C np 150 kg to ta ilość dzieli się automatycznie przez 3,7 kg. Nie wiem czy jasno :)