Ten post zak\u0142ada, \u017ce \u200b\u200bchcesz doda\u0107 funkcjonalno\u015b\u0107 do Gravity Forms, aby wys\u0142a\u0107 \u017c\u0105danie zdalnej poczty po ka\u017cdym przes\u0142aniu formularza. Wewn\u0105trz zdalnego wpisu wy\u015blesz warto\u015bci z formularza, kt\u00f3re mo\u017cna dostosowa\u0107 za pomoc\u0105 dodatkowych ustawie\u0144 w edytorze formularzy. Typowymi przyk\u0142adami sytuacji, w kt\u00f3rych by\u0142oby to przydatne, jest przesy\u0142anie np. nazwiska i adresu e-mail do listy biuletyn\u00f3w Mailchimp lub w rzeczywisto\u015bci integracja innej firmy.<\/p>\n
Sposobem na rozwi\u0105zanie tego w praktyce jest najpierw dodanie niestandardowych ustawie\u0144 do ka\u017cdego pola, w kt\u00f3rym edytor mo\u017ce wpisa\u0107 nazwy kluczy. Klucz i jego przes\u0142ane warto\u015bci zostan\u0105 wys\u0142ane na adres URL innej firmy po ka\u017cdym przes\u0142aniu formularza. Dodamy r\u00f3wnie\u017c ustawienie, dzi\u0119ki kt\u00f3remu mo\u017cesz wybra\u0107 dla ka\u017cdego formularza aktywacj\u0119 tego typu przesy\u0142ania przez stron\u0119 trzeci\u0105.<\/p>\n
Ca\u0142y poni\u017cszy kod mo\u017cna umie\u015bci\u0107 w Pierwszym krokiem jest dodanie danych wej\u015bciowych do p\u00f3l w edytorze p\u00f3l, gdzie mo\u017cna wpisa\u0107 nazw\u0119 klucza dla tej warto\u015bci. Uwzgl\u0119dnimy i prze\u015blemy tylko warto\u015bci, w kt\u00f3rych te dane wej\u015bciowe zosta\u0142y wype\u0142nione.<\/p>\n Gravity Forms oferuje haki, kt\u00f3rych mo\u017cemy u\u017cy\u0107 do dodania niestandardowych rzeczy do edytora p\u00f3l. Nazwa haka zale\u017cy od zak\u0142adki, w kt\u00f3rej ma si\u0119 pojawi\u0107 Twoje pole.<\/p>\n W ka\u017cdym haczyku b\u0119dziesz mia\u0142 dwa parametry; pozycja i identyfikator formularza. Ka\u017cde wbudowane ustawienie form grawitacyjnych ma ustalony numer pozycji. Mo\u017cesz por\u00f3wna\u0107 t\u0119 liczb\u0119, aby zdecydowa\u0107, gdzie dok\u0142adnie chcesz umie\u015bci\u0107 niestandardowy kod HTML lub dane wej\u015bciowe. Wymienienie wszystkich ustawie\u0144 i ich pozycji w tym po\u015bcie by\u0142oby zbyt d\u0142ugie. Ale formularze grawitacyjne dodaj\u0105 swoje ustawienia w odst\u0119pach co 5. Na przyk\u0142ad w zak\u0142adce Og\u00f3lne \u201eEtykieta pola” znajduje si\u0119 na pozycji 0, a \u201eOpis” na pozycji 10. Umieszczenie kodu HTML na pozycji 10 spowoduje, \u017ce pojawi si\u0119 on po opisie. Nie por\u00f3wnuj pozycji z \u017cadn\u0105 liczb\u0105, kt\u00f3ra nie jest mno\u017cnikiem 5.<\/p>\n Dodaj\u0119 swoje pole niestandardowe na karcie Zaawansowane, na pozycji 50, czyli zaraz po wej\u015bciu \u201eEtykieta pola administratora”.<\/p>\n Wi\u0119kszo\u015b\u0107 powy\u017cszego kodu nie wymaga wyja\u015bnie\u0144. Dodaj\u0119 HTML w tym samym formacie, w kt\u00f3rym Gravity Forms oczekiwa\u0142by ustawienia. Jednak na samym wej\u015bciu musisz poda\u0107 funkcj\u0119 Mo\u017cesz zrobi\u0107 inn\u0105 opcjonaln\u0105 rzecz ze swoim wej\u015bciem; dodaj podpowied\u017a. Je\u015bli chcesz, dodaj to wywo\u0142anie funkcji wewn\u0105trz w\u0142a\u015bnie dodanego kodu i podaj (unikalny) klucz jako ci\u0105g:<\/p>\n Nast\u0119pnie dodaj kolejn\u0105 funkcj\u0119, kt\u00f3ra \u0142\u0105czy si\u0119 z filtrem Dodanie podpowiedzi jest ca\u0142kowicie opcjonalne, ale jest to dobry spos\u00f3b na wyja\u015bnienie w\u0142a\u015bcicielom witryn, do czego s\u0142u\u017c\u0105 te dane wej\u015bciowe. Zmodyfikuj zawarto\u015b\u0107 tak, aby pasowa\u0142a do Twojej funkcjonalno\u015bci.<\/p>\n Mo\u017cesz zauwa\u017cy\u0107, \u017ce Twoje pole nie pojawia si\u0119 na \u017cadnej karcie Zaawansowane. Dzieje si\u0119 tak dlatego, \u017ce musimy powiedzie\u0107 Gravity Forms, w jakich typach p\u00f3l chcemy, aby dane wej\u015bciowe pojawi\u0142y si\u0119. Domy\u015blnie nie pojawi si\u0119 w \u017cadnym.<\/p>\n Spos\u00f3b, w jaki to robimy, jest w rzeczywisto\u015bci za pomoc\u0105 JavaScript. GravityForms ma JavaScript, kt\u00f3ry automatycznie ukrywa wszystkie ustawienia, a nast\u0119pnie wybiera wy\u015bwietlanie konkretnych w oparciu o typ pola. Wi\u0119c nasze pole jest tam, ale Formy Grawitacyjne po prostu je ukry\u0142y.<\/p>\n Podczepiamy si\u0119 Dodaj\u0119 dane wej\u015bciowe do typ\u00f3w p\u00f3l functions.php<\/code>kodzie motywu lub wtyczki.<\/p>\nDodawanie w\u0142asnych danych wej\u015bciowych do p\u00f3l<\/h2>\n
Wyb\u00f3r miejsca, w kt\u00f3rym chcesz umie\u015bci\u0107 swoje dane wej\u015bciowe<\/h3>\n
\n
gform_field_standard_settings<\/code><\/li>\ngform_field_appearance_settings<\/code><\/li>\ngform_field_advanced_settings<\/code><\/li>\n<\/ul>\nadd_action('gform_field_advanced_settings', function($position, $form_id) {\n if ($position == 50) { \/\/ right after Admin Field Label\n ?>\n <li class=\"thirdparty_input_setting field_setting\">\n <label for=\"field_admin_label\">\n <?php _e('Third party input field', 'txtdomain'); ?>\n <\/label>\n <input type=\"text\" id=\"field_thirdparty_input\" onchange=\"SetFieldProperty('thirdPartyInput', this.value);\" class=\"fieldwidth-3\" \/>\n <\/li>\n <?php\n } \n}, 10, 2);<\/code><\/pre>\nonchange<\/code>JavaScript. Po prostu m\u00f3wimy mu, aby uruchomi\u0142 funkcj\u0119 GravityForms, aby zapisa\u0107 wszelkie zmiany wprowadzone w naszych danych wej\u015bciowych. W\u0142a\u015bciwo\u015b\u0107, kt\u00f3r\u0105 podajemy w SetFieldProperty<\/code>, thirdPartyInput<\/code>jest wa\u017cna do zapami\u0119tania, wewn\u0105trz tego klucza znajduje si\u0119 miejsce, w kt\u00f3rym nasze niestandardowe dane wej\u015bciowe zostan\u0105 zapisane w tablicy p\u00f3l Gravity Forms podczas przesy\u0142ania.<\/p>\nDodawanie podpowiedzi (opcjonalnie)<\/h3>\n
...\n <label for=\"field_admin_label\">\n <?php _e('Third party input field', 'txtdomain'); ?>\n <?php gform_tooltip('form_field_thirdparty_input'); ?>\n <\/label>\n ...<\/code><\/pre>\ngform_tooltips<\/code>i dodaj zawarto\u015b\u0107 podpowiedzi do odpowiedniego klucza, na przyk\u0142ad:<\/p>\nadd_filter('gform_tooltips', function($tooltips) {\n $tooltips['form_field_thirdparty_input'] = __('<h6>Third party input<\/h6>If you want to submit this field to third party, type in key name here. Remember to activate form submission to third party in form settings.', 'txtdomain');\n return $tooltips;\n});<\/code><\/pre>\nDefiniowanie typ\u00f3w p\u00f3l, kt\u00f3re nale\u017cy doda\u0107 do w\u0142asnych danych wej\u015bciowych<\/h3>\n
gform_editor_js<\/code>i musimy zrobi\u0107 dwie rzeczy. Najpierw decydujemy, w jakich typach p\u00f3l ma si\u0119 pojawi\u0107 dane wej\u015bciowe. A po drugie upewniamy si\u0119, \u017ce dane wej\u015bciowe zostan\u0105 zape\u0142nione swoj\u0105 warto\u015bci\u0105 podczas \u0142adowania.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>i number<\/code>. Pami\u0119taj, aby zastanowi\u0107 si\u0119, jak zamierzasz obs\u0142ugiwa\u0107 warto\u015bci przes\u0142anych p\u00f3l. Je\u015bli zdecydujesz si\u0119 zezwoli\u0107 na to pole, na przyk\u0142ad w polu typu pola wyboru, musisz by\u0107 w stanie poprawnie przeanalizowa\u0107 i obs\u0142u\u017cy\u0107 przes\u0142ane warto\u015bci.<\/p>\nadd_action('gform_editor_js', function() {\n ?>\n <script type=\"text\/javascript\">\n \/\/ Add our setting to these field types\n fieldSettings.text += ', .thirdparty_input_setting';\n fieldSettings.textarea += ', .thirdparty_input_setting';\n fieldSettings.email += ', .thirdparty_input_setting';\n fieldSettings.phone += ', .thirdparty_input_setting';\n fieldSettings.number += ', .thirdparty_input_setting';\n\u00a0\n \/\/ Make sure our field gets populated with its saved value\n jQuery(document).on(\"gform_load_field_settings\", function(event, field, form) {\n jQuery(\"#field_thirdparty_input\").val(field[\"thirdPartyInput\"]);\n });\n <\/script>\n <?php\n});<\/code><\/pre>\n
![\"Formy](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151326-61e4ca26275b1.png\")
<\/a><\/p>\n