Jak najlepiej wykorzystać formularz kontaktowy 7

Contact Form 7 jest zdecydowanie najpopularniejszą wtyczką formularzy w repozytorium WP.org. CF7 ma więcej funkcji bezpośrednio z repozytorium niż większość wtyczek ogólnie. Co więcej, istnieje ogromny wybór rozszerzeń wtyczki, które pozwalają zrobić prawie wszystko, o czym tylko pomyślisz. Mając to na uwadze, chcemy pokazać, jak najlepiej wykorzystać Contact Form 7 i ogromny wybór rozszerzeń Contact Form 7.

Subskrybuj nasz kanał YouTube

Formularz kontaktowy 7: Krótki przegląd

Jak powiedzieliśmy powyżej, CF7 jest zdecydowanie najpopularniejszą wtyczką formularzy, a także jedną z najbardziej wszechstronnych. Jeśli jednak nie jesteś zaznajomiony z tym tematem, na początku może się to wydawać skomplikowane. Ale kiedy to zepsujesz, przekonasz się, że tak nie jest.

To, że używasz kodu do tworzenia formularzy, nie powinno Cię odstraszyć. To naprawdę bardzo intuicyjne. Nie musisz nawet technicznie uczyć się używanego kodu, ponieważ przyciski nad obszarem tekstowym zapewniają modalne dostosowanie. Możesz korzystać z modali bez obaw, a Contact Form 7 sprawdzi się dla Ciebie. Ale kiedy zagłębisz się w tagi i kod, uzyskasz pełną moc wtyczki.

Na przykład domyślny szablon formularza kontaktowego ma 4 pola:

• Nazwa
• E-mail
• Podmiot
• Wiadomość

Ale powiedzmy, że potrzebujesz też czyjegoś numeru telefonu. Jeśli naciśniesz przycisk tel , możesz wstawić to pole do formularza.

Opcje są dość proste, ale kilka może wymagać wyjaśnienia.

1. Nazwa: To pole jest przeznaczone tylko dla Ciebie. Używasz go zarówno do identyfikacji formularza na listach organizacyjnych, jak i do skróconego kodu, aby poinformować Formularz kontaktowy 7, które pole wpisu telefonu chcesz wyświetlić.
2. Wartość domyślna: ta wartość będzie domyślną wartością w polu. Na przykład, jeśli chcesz pokazać im, jak chcesz sformatować liczbę.
3. Atrybut ID: Jeśli chcesz nadać styl temu konkretnemu polu za pomocą CSS, nadaj mu tutaj identyfikator.
4. Atrybut klasy: klasa CSS dla wszystkich pól telefonicznych lub ogólnie pól. Jednak to, czy konwencja nazewnictwa klas zależy od Ciebie.
5. Shortcode: Contact Form 7 wypełnia wszystkie wartości w miarę postępu, więc możesz po prostu skopiować kod lub nacisnąć Wstaw tag, aby zakończyć. Jeśli chcesz edytować go później w formularzu, możesz to zrobić, ponieważ wszystkie informacje są tutaj i nie musisz nic robić ponownie. Ostateczny kod będzie wyglądał tak: [[tel contact-phone-1 id:phone-1 class:phone placeholder „1 (931) 762-0897”]]

Każdy z tagów, które masz domyślnie, działa w ten sposób.

Inne zakładki: Poczta i Wiadomości

Karta Poczta jest dość prosta. W tym miejscu pobierzesz etykiety shortcode z poprzedniego formularza i użyjesz ich do sformatowania informacji wysyłanych do czytelnego e-maila. W ten sposób, gdy ludzie użyją formularza kontaktowego, zgłoszenie nie zostanie wysłane do Ciebie jako gobbledygook. Tutaj również ustawiasz nagłówki i adresy e-mail.

Karta Wiadomości to coś, z czym wiele osób nie zadziera. To tutaj CF7 przechowuje wszystkie wiadomości, które będą widoczne dla użytkowników. Dziękujemy, Twój e-mail został wysłany w formie wiadomości lub przepraszamy, nie wypełniłeś wszystkich wymaganych pól . Coś w tym rodzaju.

Zawiera również drobną logikę warunkową, na przykład co się stanie, jeśli wiadomość zostanie oznaczona jako spam. Contact Form 7 daje ci mnóstwo kontroli w tym obszarze, co jest miłe. Zwłaszcza, że ​​wszystko to miało miejsce w bezpłatnej wersji bare-bones .

I robi się jeszcze lepiej. Teraz, gdy już wiesz, co możesz zrobić z samą wtyczką, przyjrzyjmy się niektórym z najlepszych rozszerzeń Contact Form 7, abyś mógł naprawdę zobaczyć moc pod maską CF7.

Siedem najlepszych rozszerzeń formularza kontaktowego 7

Uważamy, że siedem to dobra liczba do trzymania się, ponieważ, cóż, jest to formularz kontaktowy 7. I to ma sens. Dzięki całej mocy wbudowanej w bezpłatną wtyczkę podstawową możesz przejść długą, długą drogę za pomocą zaledwie kilku wtyczek. Przejdźmy więc do tego.

1. Pola warunkowe w formularzu kontaktowym 7

Spośród wszystkich rozszerzeń Contact Form 7, to może być najważniejsze. Jedną z funkcji, których nie ma wtyczka podstawowa, jest logika warunkowa. Ta wtyczka rozwiązuje ten problem, rozszerzając funkcjonalność CF7. Zamiast, powiedzmy, pokazywać ten sam formularz wszystkim niezależnie od urządzenia, możesz nadać im konkretną formę, która lepiej pasuje do ich platformy. Nie musisz używać CF7 tylko do kontaktów — możesz stworzyć dowolny formularz. Jeśli więc chcesz, aby formularze opinii pojawiały się po spełnieniu określonych kryteriów, możesz to zrobić za pomocą tej wtyczki.

Cena: ZA DARMO | Więcej informacji

2. Dodatek PayPal i Stripe

Może nie potrzebujesz pełnego rozwiązania e-commerce. Być może prowadzenie WooCommerce lub czegoś innego to po prostu za dużo dla jednej lub dwóch rzeczy, które sprzedajesz. Ta wtyczka może być najlepszym rozwiązaniem. Możesz zachować formularz utworzony dla każdego sprzedawanego przedmiotu (każdy z unikalnym kodem SKU lub identyfikatorem), a po przesłaniu formularza Twoi użytkownicy zostaną przekierowani do systemu PayPal lub Square. Nie będziesz hostować ani przetwarzać ich informacji o płatnościach, tylko zyskasz korzyści ze sprzedaży swoich rzeczy za pomocą kilku kliknięć.

Cena: ZA DARMO | Więcej informacji

3. Naprawdę prosty CAPTCHA

Wszyscy nienawidzimy CAPTCHA. Mimo to stanowią skuteczną pierwszą ochronę przed spamem i zagrożeniami bezpieczeństwa. Naprawdę proste CAPTCHA zostało napisane przez tego samego programistę co Contact Form 7, więc wiesz, że ze wszystkich rozszerzeń, które zapewniają tę funkcję, temu można zaufać.

Cena: ZA DARMO | Więcej informacji

4. Formularz kontaktowy 7 skórek

CF7 jest niezwykle łatwy do dostosowania. Jasne, możesz dodać identyfikatory CSS do każdego formularza i stylizować je w ten sposób, ale dlaczego miałbyś to robić, skoro istnieją skórki Contact Form 7? Ta wtyczka korzysta z edytora typu „przeciągnij i upuść”, więc jeśli nie jesteś specjalistą od projektowania i potrafisz wydobyć CSS w mgnieniu oka, możesz to zrobić. Jedną z cech charakterystycznych profesjonalnej strony internetowej jest w pełni zintegrowany projekt, w tym formularze, co może pomóc Ci zrobić to samodzielnie, bez pomocy projektanta.

Jeśli naprawdę chcesz w pełni wykorzystać Contact Forms 7 w swojej witrynie, będziesz potrzebować różnych opcji jej stylizacji. CF7 Skins oferuje szereg pakietów premium i dodatków, dzięki którym możesz uzyskać nie tylko więcej szablonów i skórek dla swojej witryny, ale także logikę i możliwość dzielenia formularzy na wiele stron, a także bardziej zaawansowaną stylizację niż ta dostępna w Darmowa wersja.

Cena: ZA DARMO, z uaktualnieniami Premium | Więcej informacji

5. Autoresponder CF7 (Premium)

Jeśli prowadzisz listę e-mailową (a jesteśmy prawie pewni, że tak), to rozszerzenie Formularz kontaktowy 7 może być czymś, na co warto zwrócić uwagę. Wiele usług autoresponderów e-mail ma mniej niż gwiezdną integrację front-endu ze stronami internetowymi. Ich widżety i interfejsy API mogą czasami być wręcz mylące. Tak więc CF7 Autoresponder umożliwia korzystanie z potężnej wtyczki, którą już dostosowałeś idealnie do swojej witryny, a jednocześnie generowanie i przechowywanie wszystkich potencjalnych klientów za pomocą preferowanej usługi e-mail. Za jedyne 18 USD w CodeCanyon to prawdziwa kradzież. Zwłaszcza, że ​​działa również z ustalonymi formami. Nie trzeba niczego przebudowywać. Tylko upewnij się, że ten wie, że istnieją, a ty prowadzisz biznes. Dosłownie.

Cena: 18 USD | Więcej informacji

6. Formularz kontaktowy 7 Przechowywanie (Premium)

Jeśli naprawdę chcesz w pełni wykorzystać Contact Form 7, musisz skorzystać z tego, że wszystko jest zainstalowane na WordPressie. CF7 Storage sprawia, że ​​wszystkie przesłane formularze są zapisywane w bazie danych WP. Wiele razy e-maile giną. A może serwer e-mail popsuł się i przegapiłeś ważny trop. Albo gorzej, Twój e-mail zaczyna oznaczać zgłoszenia z Twojej witryny jako spam/śmieci (z doświadczenia… to najgorsze). Ta wtyczka rozwiązuje ten problem, udostępniając skrzynkę odbiorczą po stronie serwera dla każdego zgłoszenia z dowolnego formularza. 19 USD to mniej niż rok korzystania z Google One. Sądzimy, że zgodzisz się, że to niewielka cena za tego rodzaju użyteczność (i bezpieczeństwo, szczerze mówiąc).

Cena: 19 dolarów | Więcej informacji

7. Program do przesyłania upuszczania CF7 (Premium)

Wyszukiwanie w strukturach plików i katalogach w celu znalezienia pliku do przesłania to rok 2002. CF7 Drop Uploader oferuje ulubioną wtyczkę wszystkich w tym nowoczesnym stylu, a nawet więcej. Przeciągnięcie dowolnego pliku do formularza rozpocznie przesyłanie, a Twoi użytkownicy nie będą tracić czasu na wyszukiwanie i klikanie i klikanie i klikanie i klikanie. Wiele razy użytkownicy kontaktują się z Tobą w celu uzyskania pomocy w rozwiązaniu problemu, a jeśli Twoje formularze nie pozwalają na przesłanie przynajmniej zrzutu ekranu, oznacza to tarcie między użytkownikiem a rozwiązaniem jego problemu. Połącz to z innymi rozszerzeniami Contact Form 7, takimi jak ten, który zapisuje w Twojej bazie danych, i naprawdę zacząłeś wyciskać moc z małej wtyczki, która mogłaby. Drop Uploader kosztuje 17 USD, ale jest absolutnie tego wart ze względu na łatwość, jaką zapewnia użytkownikom.

Cena: 17 USD | Więcej informacji

Wniosek

Jeśli jesteś już użytkownikiem Contact Form 7, mamy nadzieję, że udało nam się otworzyć Ci oczy na kilka sposobów na rozszerzenie jego użyteczności na Twojej stronie. A jeśli jesteś nowy, przejrzyj wszystkie rozszerzenia Formularza kontaktowego 7. Jeśli naprawdę chcesz w pełni wykorzystać możliwości CF7, musisz znaleźć odpowiednie rozszerzenia. A powyższe siedem naprawdę obejmuje większość twoich baz pod względem rozszerzenia tego, co jest możliwe dzięki bezpłatnej wtyczce poza repozytorium.

Jakie są twoje ulubione rozszerzenia Contact Form 7?

Artykuł wyróżniony obrazem autorstwa Vitya_M / shutterstock.com