Jak być może niektórzy z Was wiedzą, przy okazji uruchomienia w ramach Newslettera WebInsider.pl powiadomień o nowych artykułach dokonałem również (re)migracji obsługi formularzy kontaktowych na stronie do wtyczki Contact Form 7. Co oznacza trochę dodatkowej pracy, nie tylko by przenieść formularze (wraz z ich ustawieniami), oraz dostosować wygląd, ale też i przy różnych modyfikacjach, które mają korzystanie z wtyczki jak najbardziej usprawnić. Jedną z takich rzeczy jest dodanie obsługi zewnętrznych krótkich kodów (shortcodes) do formularzy generowanych przez CF7.

Zewnętrzne krótkie kody w Contact Form 7

Nie wiem, czy to dlatego, że budowanie formularza (nie tylko) kontaktowego w Contact Form 7 przypomina samo z siebie zabawę z krótkimi kodami (shorcodes), czy może z innej przyczyny, w każdym razie w standardzie, wewnątrz formularza CF7 ich obsługi nie uświadczymy.

Weźmy np. taki kod formularza, w którym na początku umieściłem własny krótki kod:

[webinsider_sample_shorcode]

[text* cf-input-name class:webinsider class:name placeholder "Twoje imię i/lub nazwisko (Your name)"]

[email* cf-input-email class:webinsider class:email placeholder "Twój adres e-mail (E-mail)"]

[text* cf-input-subject class:webinsider class:subject placeholder "Podaj temat wiadomości (Subject)"]

[textarea* cf-input-content class:webinsider class:content placeholder "A tu wpisz jej treść (Message content)"]

W efekcie tego otrzymamy np. tak wyglądający formularz:

Jak widać, na samej górze, zamiast zawartości która powinna pojawić się w miejsce krótkiego kodu mamy jego wywołanie:

[webinsider_sample_shorcode]

By to skorygować, czyli dodać obsługę zewnętrznych krótkich kodów (shortcodes) wewnątrz formularzy wystarczy do pliku „functions.php” dodać jedną linijkę kodu (oczywiście zalecam korzystanie z motywów potomnych):

add_filter( 'wpcf7_form_elements', 'do_shortcode' );

Efektem czego jest obsługa zewnętrznych krótkich kodów bezpośrednio w formularzu wygenerowanym przez wtyczkę Contact Form 7:

Oczywiście to jest tylko prosty przykład, i tego typu tekst mógłbym dodać jako zwykły tekst, ale nic nie stoi na przeszkodzie, by dzięki temu w ramach formularzy móc używać innych, bardziej rozbudowanych kodów…

Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!
Spodobał Ci się artykuł? Zapisz się do naszego Newslettera - ZERO SPAMu, same konkrety, oraz dostęp do dodatkowych materiałów przeznaczonych dla subskrybentów!
Na podany adres e-mail otrzymasz od nas wiadomość e-mail, w której znajdziesz link do potwierdzenia subskrypcji naszego Newslettera. Dzięki temu mamy pewność, że nikt nie dodał Twojego adresu przez przypadek. Jeśli wiadomość nie przyjdzie w ciągu najbliższej godziny (zazwyczaj jest to maksymalnie kilka minut) sprawdź folder SPAM.
Janusz i Janusz dzięki motywowi Divi od Elegant Themes koszą siano robiąc strony
WebInsider poleca księgowość wFirma
WebInsider korzysta z VPSa w HitMe.pl
WebInsider poleca VPSy DigitalOcean
WebInsider poleca serwis Vindicat
Napisz komentarz
wipl_napisz-komentarz_01Jeśli informacje zawarte na tej stronie okazały się pomocne, możesz nam podziękować zostawiając poniżej swój komentarz.

W tej formie możesz również zadać dodatkowe pytania dotyczące wpisu, na które – w miarę możliwości – spróbujemy Ci odpowiedzieć.
Linki partnerskie
Niektóre z linków na tej stronie to tzw. „linki partnerskie”, co oznacza, że jeśli klikniesz na link i dokonasz wymaganej akcji (np. zakup/rejestracja) możemy otrzymać za to prowizję. Pamiętaj, że polecamy tylko te produkty i usługi, z których sami korzystamy, i uważamy, że są tego na prawdę warte… :-)
Znaki towarowe i nazwy marek
W niektórych wpisach (oraz innych miejscach na stronie) mogą być przedstawione/użyte znaki towarowe i/lub nazwy marek, które stanowią własność intelektualną tych podmiotów, a zostały użyte wyłącznie w celach informacyjnych.
Na WebInsider.pl korzystamy z motywu Extra od Elegant Themes. Zobacz dlaczego...