powrot do bloga
/
/
WordPress – Jak zacząć, porady, rozwiązania dla Twojej strony internetowej
/
Formularz na stronie internetowej – 8 rozszerzeń Contact Form 7

Formularz na stronie internetowej – 8 rozszerzeń Contact Form 7

Hauer Mateusz LinkedIn
Formularz na stronie internetowej – 8 rozszerzeń Contact Form 7

Czym jest wtyczka do wysyłania formularzy Contact Form 7

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.

Jak wdrożyć formularz WordPress na stronie ?

Czyli kilka prostych rozszerzeń do pluginu ContactForm WP. Jeżeli nie znasz systemu, zobacz co to jest Wordpress.

Zobacz również jak wdrożyć recaptcha do Contact Form 7 Wordpress

Formularz Contactform w kilku krokach – Multi-step Form

formularz contactform na stronie
formularz contactform wp w kilku krokach

Wtyczka  contactform do wordpress

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.

wtyczka contactform wordpress
formularz multistep do contactform

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/

Chcesz zrobić stronę na Wordpress samodzielnie ?

Zobacz jak zrobić stronę na Wordpress lub sprawdź nasze szkolenia Wordpress

Zobacz również

 

Warunkowe pola w formularza – Conditional Fields Plugin

fieldsplugin contact form wp
pola warunkowe formularza contactform

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.

pola zalezne w contactform wordpress
zasada działania warunków logicznych pól formularza

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

konfiguracja formularza contactform w wordpress
pola warunkowe formularza

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

Formularz zapisu Contactform – submissions

formularz zapisu w contactform
Wiadomości wordpress bezpośrednio w wordpress

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.

zapis zapytan contactform do wordpress
Zapytania z formualrza w kokpicie wordpress

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

Zrób z nami swoją stronę na Wordpress

Specjalizujemy się w realizacji stron internetowych dedykowanych właśnie na CMS Wordpress. Zobacz tworzenie stron Wordpress w naszej agencji digital.

Wtyczka wordpress – PayPal

wtyczka paypal w wordpress
wtyczka paypal do formularza wordpress

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”.

ustawienie paypal i contactform
wybór i ustawienia wtyczki paypal

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ę.

contactform i paypal
Konfiguracja wtyczki paypal w wordpress

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

Nie masz czasu na naukę lub administrację stroną internetową Wordpress ?

Sprawdź naszą ofertę opieka Wordpress, która pozwoli Ci spać spokojnie. Oddaj swój Wordpress w ręce profesjonalistów WP.

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

polozenie leadow i wtyczka contactform
wtyczka informująca o położeniu geograficznym - contactform 7 lead info

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.

geoip w wtyczce contactform
wtyczka informująca o położeniu geograficznym - geoIP detection

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.

dokladna lokalizacja uzytkownika formularza
dokładna lokalizacja użytkownika formularza

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

Wygląd formularza wordpress – Contact Form 7 Customizer

wyglad formularza contactform
dopasuj wizualnie swój formularz w wordpress

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:

wordpress customizer do contactform
wtyczka CF7 customizer

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/

Skórki formularza kontaktowego – Contact Form 7 Skins

skorki do contactform 7
skórki formularza CF7 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.

skins i template do contactform
plugin wordpress contactform 7 skins z wyborem skórki

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

 

Dodawanie sygnatur – Contact Form 7 Signature Addon

dodawanie sygnatur contactform
dodawanie sygnatur w formularzu wordpress - wtyczka CF7 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:

podpis elektroniczny w formularzu wordpress
podpisywanie formularza poprzez wtyczkę wordpress

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/

Zobacz również :

Zobacz również

Jesteś gotowy na POWER ?

Potrzebujesz świeżego spojrzenia ?

Rozwiń i zaangażuj użytkowników.
Usprawnij obsługę procesów sprzedaży oraz doświadczenia Klientów.

Uwolnij z nami swój  potencjał cyfrowy
agencja digital marketing