See postitus eeldab, et soovite lisada Gravity Formsile funktsioone, et saata p\u00e4rast iga vormi esitamist kaugpostituse p\u00e4ring. Kaugpostituse sees saadate vormilt v\u00e4\u00e4rtused, mida saab vormiredaktori lisaseadetega kohandada. Levinud n\u00e4ited selle kohta, kus see oleks kasulik, on n\u00e4iteks nime ja e-posti aadressi esitamine Mailchimpi uudiskirjade loendisse v\u00f5i mis tahes muu kolmanda osapoole integreerimine.<\/p>\n
Praktikas saab seda lahendada nii, et esmalt lisatakse igale v\u00e4ljale kohandatud s\u00e4tted, kuhu redaktor saab sisestada v\u00f5tmenimed. V\u00f5ti ja nende esitatud v\u00e4\u00e4rtused saadetakse p\u00e4rast iga vormi esitamist kolmanda osapoole URL-ile. Lisame ka s\u00e4tte, et saaksite iga vormi puhul seda t\u00fc\u00fcpi kolmanda osapoole esitamise aktiveerida.<\/p>\n
Kogu alloleva koodi saab paigutada teie teema Esimene samm on sisendi lisamine v\u00e4ljaredaktoris v\u00e4ljadele, kuhu saate sisestada selle v\u00e4\u00e4rtuse v\u00f5tmenime. Kaasame ja esitame ainult v\u00e4\u00e4rtused, kus see sisend on t\u00e4idetud.<\/p>\n Gravity Forms pakub konkse, mida saame kasutada kohandatud asjade lisamiseks v\u00e4ljaredaktorisse. Konksu nimi s\u00f5ltub sellest, millisel vahekaardil soovite oma v\u00e4lja kuvada.<\/p>\n Igas konksus on kaks parameetrit; positsioon ja vormi ID. Igal sisseehitatud Gravity Forms seadistusel on fikseeritud positsiooninumber. Saate seda arvu v\u00f5rrelda, et otsustada t\u00e4pselt, kus soovite oma kohandatud HTML-i v\u00f5i sisendit asuda. K\u00f5igi seadete ja nende asukoha loetlemine oleks selles postituses liiga pikk. Kuid Gravity Forms lisab oma s\u00e4tted 5 kaupa. N\u00e4iteks vahekaardil \u00dcldine on "V\u00e4lja silt" positsioonil 0 ja "Kirjeldus" on positsioonil 10. Kui asetate oma HTML-i positsioonile 10, kuvatakse see p\u00e4rast kirjeldust. \u00c4rge v\u00f5rrelge positsiooni \u00fchegi arvuga, mis ei ole 5 kordaja.<\/p>\n Lisan oma kohandatud v\u00e4lja vahekaardile T\u00e4psemalt positsioonile 50, mis on kohe p\u00e4rast sisestust \u201eAdmin Field Label”.<\/p>\n Suurem osa \u00fclaltoodud koodist on iseenesestm\u00f5istetav. Lisan HTML-i samas vormingus, nagu Gravity Forms eeldaks, et seade on sees. Kuid sisendis endas peate esitama Saate oma sisendiga teha veel \u00fche valikulise toimingu; lisage kohtspikker. Kui soovite seda, lisage see funktsioonikutse \u00e4sja lisatud koodi sisse ja sisestage stringina (ainulaadne) v\u00f5ti:<\/p>\n Seej\u00e4rel lisage veel \u00fcks funktsioon, mis haakub filtri k\u00fclge T\u00f6\u00f6riistaspikri lisamine on t\u00e4iesti vabatahtlik, kuid see on kena viis saidiomanikele selgitada, mida see sisend teeb. Muutke sisu nii, et see sobiks teie funktsioonidega.<\/p>\n V\u00f5ite m\u00e4rgata, et teie v\u00e4lja ei kuvata \u00fchelgi vahekaardil T\u00e4psemalt. Selle p\u00f5hjuseks on asjaolu, et me peame Gravity Formsile \u00fctlema, millistel v\u00e4ljat\u00fc\u00fcpidel me seda sisendit soovime kuvada. Vaikimisi seda ei kuvata.<\/p>\n See, kuidas me seda teeme, on tegelikult Javascript. GravityFormsil on Javascript, mis peidab automaatselt k\u00f5ik s\u00e4tted ja valib seej\u00e4rel konkreetsete kuvamise vastavalt v\u00e4ljat\u00fc\u00fcbile. Nii et meie v\u00e4li on olemas, kuid Gravity Forms on selle lihtsalt \u00e4ra peitnud.<\/p>\n Haakeme kokku Lisan sisendi v\u00e4ljat\u00fc\u00fcpidele functions.php<\/code>v\u00f5i pistikprogrammi koodi.<\/p>\nKohandatud sisendi lisamine v\u00e4ljadele<\/h2>\n
Sisestuskoha valimine<\/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>Javascripti funktsiooni. Me lihtsalt k\u00e4sime tal k\u00e4ivitada GravityFormsi funktsioon, et salvestada k\u00f5ik meie sisendis tehtud muudatused. Oluline on meeles pidada atribuuti, mille me esitame SetFieldProperty<\/code>, thirdPartyInput<\/code>, selles v\u00f5tmes, kus meie kohandatud sisend salvestatakse esitamisel Gravity Formsi v\u00e4ljade massiivi.<\/p>\nT\u00f6\u00f6riistavihje lisamine (valikuline)<\/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>, ja lisage t\u00f6\u00f6riistaspikri sisu vastavale klahvile, n\u00e4iteks j\u00e4rgmiselt:<\/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>\nKohandatud sisendi lisamise v\u00e4ljat\u00fc\u00fcpide m\u00e4\u00e4ramine<\/h3>\n
gform_editor_js<\/code>ja peame tegema kahte asja. Esiteks otsustame, millistel v\u00e4ljat\u00fc\u00fcpidel sisend ilmub. Ja teiseks veendume, et sisend t\u00e4idetakse laadimisel selle v\u00e4\u00e4rtusega.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>ja number<\/code>. \u00c4rge unustage kaaluda, kuidas kavatsete esitatud v\u00e4ljade v\u00e4\u00e4rtusi k\u00e4sitleda. Kui otsustate selle v\u00e4lja lubada n\u00e4iteks m\u00e4rkeruudu v\u00e4ljat\u00fc\u00fcbi puhul, peate suutma esitatud v\u00e4\u00e4rtusi \u00f5igesti s\u00f5eluda ja k\u00e4sitleda.<\/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
![\"Gravitatsioonivormid:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151326-61e4ca26275b1.png\")
<\/a><\/p>\n