Formularz na stronie internetowej – 8 rozszerzeń Contact Form 7

by hauerpower on 03/3/2017

Contact Form 7 jest obecnie najpopularniejszą darmową wtyczką kontaktową. Zrzesza ponad milion użytkowników z całego świata, a także umożliwia instalowanie wielu rozszerzeń. Jednak darmowe narzędzie w swojej pierwotnej postaci nie może równać się płatnym wtyczkom kontaktowym. Wobec tego społeczność wtyczki Contact Form 7 wypuściła wiele ciekawych rozszerzeń poprawiających funkcjonalność tego darmowego narzędzia.

W artykule znajdziesz 8 najpopularniejszych i najciekawszych rozszerzeń do wtyczki Contact Form 7. Każde z omawianych rozszerzeń dostępne jest całkowicie za darmo. Wtyczki można ze sobą mieszać, łączyć i modyfikować tak, aby w 100% spełniały Twoje potrzeby.

 

1. Formularz w kilku krokach – Multi-step Form

 

Domyślnie Contact Form 7 obsługuje wyłącznie jednoetapowy formularz. Jest to jedno z poważniejszych ograniczeń narzędzia. Czasami jednak potrzebujemy formularza do uzupełnienia w kilku krokach. Wtyczka Multi-step Form dodaje guzik multistep do okna edycyjnego formularza. Kliknięcie przycisku otwiera wieloetapowy pop-up. Można tutaj skonfigurować całkowitą liczbę kroków. Każdy krok publikowany jest jako unikalny URL, dzięki czemu można skorzystać z prostego przekierowania użytkownika do następnego formularza.

 

Kliknięcie przycisku otwiera wieloetapowy pop-up. Można tutaj skonfigurować całkowitą liczbę kroków. Każdy krok publikowany jest jako unikalny URL, dzięki czemu można skorzystać z prostego przekierowania użytkownika do następnego formularza.

 

link : https://pl.wordpress.org/plugins/contact-form-7-multi-step-module/

 

 

2. Warunkowe pola w formularza – Conditional Fields Plugin

 

Conditional Fields wprowadza do wtyczki Contact Form 7 rozszerzenie logiki warunkowej do formularzy. Można go zastosować w połączeniu z dodatkiem Multi-step, gdzie w zależności od wybranych opcji danego kroku pokażą nam się odpowiednie pola w kroku następnym. Jeżeli użytkownik wypełnia wieloetapowy formularz, najprawdopodobniej jedne pytania wynikają z drugich. Wobec tego warto wykorzystać logikę wcześniejszych odpowiedzi. Po zainstalowaniu wtyczki, w ustawieniach formularza Contact Form 7 zauważysz nowy tag: Warunkowe pola formularza. Poniższy screen prezentuje zasadę działania warunków logicznych między kolejnymi polami.

 

Wybierając zakładkę Pola warunkowe, możesz określić ich logikę i nadać im odpowiednie wartości.

 

 

link: https://pl.wordpress.org/plugins/cf7-conditional-fields/

 

 

3. Formularz zapisu – submissions

 

Wielu webmasterów woli kierowanie zapytań generowanych przez formularz kontaktowy na dedykowany adres e-mail. Problem polega na tym, że jeżeli webmaster otrzymuje mało zgłoszeń, wówczas może nie sprawdzać swojej skrzynki regularnie. Tworzy to ryzyko pominięcia ważnej wiadomości. Aby temu zapobiec, wtyczka Submissions dodaje wysłane zapytanie do bazy danych WordPressa, a zapisany kontakt będzie można wygodnie odczytać z poziomu kokpitu pod pozycją w menu: Contact > Submissions.

 

 

link: https://wordpress.org/plugins/contact-form-submissions/

 

 

4. Wtyczka PayPal

 

Contact Form 7 – jako darmowa wtyczka – nie jest zintegrowana z płatnościami. Rozwiązaniem jest wtyczka PayPal, która umożliwia całkowicie za darmo umieścić możliwość wykonywania płatności przez formularz kontaktowy. Formularz kontaktowy z omawianą wtyczką nie sprawdzi się w przypadku dużych sklepów, jeżeli jednak sprzedajesz małą ilość produktów lub usług, rozszerzenie realnie może Ci się przydać. Dobrym przykładem, w którym plugin PayPal sprawdzi się wyśmienicie, jest sprzedaż e-booków, usług przez blogerów,  projektantów czy copywriterów.

Plugin PayPal jest bardzo prosty w konfiguracji i jeszcze łatwiejszy w użyciu. Przede wszystkim musisz dodać PayPal’owski identyfikator ID w ustawieniach wtyczki. Następnie należy ustawić obsługiwaną walutę. W kolejnym kroku trzeba otworzyć ekran edycji formularza. Nie musisz dodawać wszystkich pól. Możesz operować wyłącznie na nazwie, adresie i e-mailu, a w razie potrzeby rozszerzyć formularz. Musisz również zmienić zwykły tekst potwierdzenia na taki, który jasno przekaże użytkownikowi, że po jego naciśnięciu, przejdzie do finalizacji transakcji – zwykle sprawdza się tu sztandarowe „Kup”. 

 

Kiedy skończysz te operacje, przejdź do zakładki PayPal. Teraz musisz aktywować PayPal oraz wprowadzić opis produktu, cenę i numer SKU. Gdy użytkownik wypełni formularz, zostanie automatycznie przekierowany do ekranu realizacji transakcji PayPal, gdzie zakończy proces i sfinalizuje transakcję.

 

 

link: https://pl.wordpress.org/plugins/contact-form-7-paypal-add-on/

 

 

5. Informacja o geograficznym położeniu leadów – Lead info with country

 

Jeżeli korzystasz z formularza kontaktowego, prawdopodobnie chciałbyś wiedzieć, skąd pochodzą Twoi użytkownicy. Jeżeli chcesz dodać tę funkcję do Contact Form 7, wystarczy skorzystać z wykrywania GeoIP i pluginu Lead Info with Country.

 

Obydwa rozszerzenia są dostępne w oficjalnym repozytorium wtyczek. Jak to działa? Plugin Lead Info with Country po prostu przywiązuje adres IP użytkownika do miejsca, w którym się znajduje, natomiast GeoIP rozszyfrowuje jego lokalizację. Wszystko, co musisz zrobić, aby zainstalować i korzystać z tej funkcjonalności, to aktywować wtyczki i zaktualizować bazę Detekcji GeoIP. Poza tym do treści wiadomości musisz dodać taki oto shortcode: [tracking-info]. Teraz te dwie wtyczki zaprezentują Ci dosyć dokładną lokalizację użytkownika formularza.

 

 

link: https://pl.wordpress.org/plugins/contact-form-7-lead-info-with-country/

 

 

6. Modyfikator wyglądu formularza kontaktowego – Contact Form 7 Customizer

 

WordPress Customizer to narzędzie, które umożliwia podgląd zmian w projekcie witryny w czasie rzeczywistym. Zmiany mogą obejmować motyw, kolorystykę, czy widgety dodawane do witryny. W taki sam sposób działa wtyczka Contact Form 7 Customizer. Przenosi stylowanie wtyczki do Customizera WordPressa. Po zainstalowaniu wtyczki i opublikowaniu formularza kontaktowego wystarczy otworzyć narzędzie Customizer na właściwej stronie, a następnie znaleźć panel CF7 Customizer.

Uwaga: podczas instalacji wtyczki, użytkownik może zostać poproszony o połączenie witryny z kontem Fremius.com. Nie jest to konieczne, jednak rozszerza funkcjonalność całego pluginu.

Wtyczka umożliwia modyfikację i dostosowywanie poniższych elementów:

 

Jedynym ograniczeniem wtyczki jest to, że nie można edytować ani dodawać pól formularzy kontaktowych z poziomu Customizera. W tym celu nadal będziesz musiał korzystać z interfejsu Contact Form 7.

 

link: https://pl.wordpress.org/plugins/cf7-customizer/

 

 

7. Skórki formularza kontaktowego – Contact Form 7 Skins

 

Jeżeli nie chcesz poświęcać czasu na dopasowywanie ustawień poszczególnych opcji stylu i wyglądu formularza, wystarczy, że zainstalujesz plugin Contact Form 7 Skins i wybierzesz interesującą Cię skórkę. Wtyczka posiada 9 szablonów do wyboru, a każdy szablon obsługuje 18 stylów.

 

 

link: https://pl.wordpress.org/plugins/contact-form-7-skins/

 

 

8. Dodawanie sygnatur – Contact Form 7 Signature Addon

 

Podpis elektroniczny umożliwia prawnie wiążące podpisanie się pod e-dokumentami. Ta wtyczka pozwala na proste dodanie własnej sygnatury do formularza kontaktowego. Podpis uwiarygadnia Twoją ofertę, a także skłania użytkowników do wyrażenia zgody na dyktowane przez Ciebie warunki transakcji. Wtyczka wprowadza tag sygnatury do ekranu edycji formularza kontaktowego. Przed rozpoczęciem korzystania z pluginu, będziesz musiał skonfigurować pole podpisu – jego kolor, wymiar i opcjonalność. Pole z podpisem nie posiada granicy więc warto nadać mu nieco inny kolor niż reszta strony. Formularz kontaktowy będzie wyglądał w ten sposób:

 

Teraz możesz dodawać prawnie wiążący podpis poprzez rysowanie myszką lub za pomocą tabletu graficznego.

 

link: https://pl.wordpress.org/plugins/contact-form-7-signature-addon/

 

Hauer Mateusz - webdesigner / grafik / projektant. Pasjonat minimalizmu i funkcjonalności w projektowanych stronach internetowych.



10 komentarzy

  1. 03/10/2017Michał says:

    Świetna zbiórka. Korzystam z CF7 przy tworzeniu prostych i rozbudowanych formularzy dla klientów. Kilka z tych wtyczek pozwoli ma na prawdę na zaoszczędzenie sporo czasu.
    Senjku ;]

  2. 03/10/2017hauerpower says:

    dzięki również 🙂

  3. 03/10/2017Michał says:

    PS. Warto byłoby podlinkować każdą z wtyczek – chociażby z nofollow. Użyteczniej dla czytającego…

  4. 03/10/2017hauerpower says:

    dzięki Wam, racja, zaktualizowane 🙂

  5. 03/10/2017Marek says:

    Cześć ! Super wpis – przyda się na pewno 🙂 .Przydałyby się dla ułatwienia linki do pludżinów 🙂

  6. 03/11/2017Bartosz says:

    Dzięki za wpis, planowałem krokowy formularz i podałeś mi fajne rozwiązanie.

  7. 03/13/2017Janunsz Kamiński says:

    Rozszerzenia do rozszerzenia 🙂 Dobry artykuł! Dzięki!

  8. 07/12/2017Marek says:

    CF7 to w sumie postawa jeśli chodzi o tworzenie stron internetowych w Wordpressie. Będę musiał wypróbować kilka wymienionych. Użyteczna wtyczka do CF7 to CF7 Google Sheets Connector, pozwala zapisywać dane z formularza bezpośrednio do Google Docs. Pozwala to szybko tworzyć bazę klientów.

  9. 09/1/2017Irek says:

    Dzięki za super wytłumaczenie działania tego. Czekam na więcej wpisów!

  10. 09/12/2017Patrycjusz says:

    Świetny zbiór, wykorzystałem 3 pozycje ! 🙂

Napisz: