Det h\u00e4r inl\u00e4gget f\u00f6ruts\u00e4tter att du vill l\u00e4gga till funktionalitet till Gravity Forms f\u00f6r att skicka en fj\u00e4rrinl\u00e4ggsbeg\u00e4ran efter varje formul\u00e4rinl\u00e4mning. Inuti fj\u00e4rrinl\u00e4gget skickar du v\u00e4rden fr\u00e5n formul\u00e4ret, som kan anpassas med ytterligare inst\u00e4llningar i formul\u00e4rredigeraren. Vanliga exempel p\u00e5 var detta skulle vara anv\u00e4ndbart \u00e4r att skicka t.ex. namn och e-post till en Mailchimps nyhetsbrevslista, eller egentligen n\u00e5gon annan tredjepartsintegration.<\/p>\n
S\u00e4ttet att l\u00f6sa detta i praktiken \u00e4r att f\u00f6rst l\u00e4gga till anpassade inst\u00e4llningar i varje f\u00e4lt, d\u00e4r redakt\u00f6ren kan skriva in nyckelnamn. Nyckeln och deras inskickade v\u00e4rden kommer att skickas till en tredje parts URL efter varje formul\u00e4rinskick. Vi kommer ocks\u00e5 att l\u00e4gga till en inst\u00e4llning s\u00e5 att du f\u00f6r varje formul\u00e4r kan v\u00e4lja att aktivera denna typ av tredje parts inl\u00e4mning.<\/p>\n
All kod nedan kan placeras i ditt tema Det f\u00f6rsta steget \u00e4r att l\u00e4gga till indata i f\u00e4lt i f\u00e4ltredigeraren d\u00e4r du kan skriva in nyckelnamnet f\u00f6r detta v\u00e4rde. Vi kommer endast att inkludera och skicka in v\u00e4rden d\u00e4r denna inmatning har fyllts i.<\/p>\n Gravity Forms erbjuder krokar som vi kan anv\u00e4nda f\u00f6r att l\u00e4gga till anpassade saker i f\u00e4ltredigeraren. Krokens namn beror p\u00e5 vilken flik du vill att ditt f\u00e4lt ska visas p\u00e5.<\/p>\n I varje krok har du tv\u00e5 parametrar; position och blankett-ID. Varje inbyggd Gravity Forms-inst\u00e4llning har ett fast positionsnummer. Du kan j\u00e4mf\u00f6ra detta nummer f\u00f6r att best\u00e4mma exakt var du vill att din anpassade HTML eller input ska vara. Att lista alla inst\u00e4llningar och deras position skulle bli alldeles f\u00f6r l\u00e5ngt i det h\u00e4r inl\u00e4gget. Men Gravity Forms l\u00e4gger till sina inst\u00e4llningar i steg om 5. Till exempel p\u00e5 fliken Allm\u00e4nt \u00e4r "F\u00e4ltetiketten" p\u00e5 position 0 och "Description" \u00e4r p\u00e5 position 10. Om du s\u00e4tter din HTML p\u00e5 position 10 kommer den att visas efter Beskrivning. J\u00e4mf\u00f6r inte position med n\u00e5got tal som inte \u00e4r en multiplikator av 5.<\/p>\n Jag l\u00e4gger till mitt anpassade f\u00e4lt p\u00e5 fliken Avancerat, vid position 50, som \u00e4r precis efter "Admin Field Label"-inmatning.<\/p>\n Det mesta av koden ovan \u00e4r sj\u00e4lvf\u00f6rklarande. Jag l\u00e4gger till HTML i samma format som Gravity Forms f\u00f6rv\u00e4ntar sig att en inst\u00e4llning finns i. Men p\u00e5 sj\u00e4lva inmatningen m\u00e5ste du tillhandah\u00e5lla en Du kan g\u00f6ra en annan valfri sak med din input; l\u00e4gga till ett verktygstips. Om du vill ha detta, l\u00e4gg till detta funktionsanrop i koden du just lade till och ange en (unik) nyckel som str\u00e4ng:<\/p>\n Och l\u00e4gg sedan till en annan funktion som hakar p\u00e5 filtret Att l\u00e4gga till ett verktygstips \u00e4r helt valfritt, men ett bra s\u00e4tt att f\u00f6rklara f\u00f6r webbplats\u00e4gare vad den h\u00e4r inmatningen g\u00f6r. \u00c4ndra inneh\u00e5llet till det som passar din funktionalitet.<\/p>\n Du kanske m\u00e4rker att ditt f\u00e4lt inte visas p\u00e5 n\u00e5gon Avancerat flik. Detta beror p\u00e5 att vi m\u00e5ste tala om f\u00f6r Gravity Forms vilka f\u00e4lttyper vi vill att denna indata ska visas i. Som standard visas den inte i n\u00e5gon.<\/p>\n S\u00e4ttet vi g\u00f6r detta p\u00e5 \u00e4r faktiskt med Javascript. GravityForms har Javascript som automatiskt d\u00f6ljer alla inst\u00e4llningar och sedan v\u00e4ljer att visa specifika baserat p\u00e5 f\u00e4lttyp. S\u00e5 v\u00e5rt f\u00e4lt \u00e4r d\u00e4r, men Gravity Forms har helt enkelt g\u00f6mt det.<\/p>\n Vi hakar p\u00e5 Jag l\u00e4gger till indata till f\u00e4lttyper functions.php<\/code>eller plugin-kod.<\/p>\nL\u00e4gga till en anpassad inmatning till f\u00e4lt<\/h2>\n
Att v\u00e4lja var du vill placera din input<\/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-funktion. Vi s\u00e4ger helt enkelt till den att k\u00f6ra GravityForms funktion f\u00f6r att spara eventuella \u00e4ndringar som gjorts i v\u00e5r input. Egenskapen vi tillhandah\u00e5ller i SetFieldProperty<\/code>, thirdPartyInput<\/code>, \u00e4r viktig att komma ih\u00e5g, inuti den h\u00e4r nyckeln kommer v\u00e5r anpassade inmatning att sparas i Gravity Forms f\u00e4ltarray n\u00e4r du skickar in.<\/p>\nL\u00e4gga till ett verktygstips (valfritt)<\/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>och l\u00e4gg till ditt verktygstipsinneh\u00e5ll till motsvarande nyckel, s\u00e5 h\u00e4r:<\/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>\nDefiniera vilka f\u00e4lttyper som ska l\u00e4ggas till din anpassade inmatning<\/h3>\n
gform_editor_js<\/code>och vi beh\u00f6ver g\u00f6ra tv\u00e5 saker. F\u00f6rst best\u00e4mmer vi vilka f\u00e4lttyper ing\u00e5ngen ska visas i. Och f\u00f6r det andra ser vi till att ing\u00e5ngen fylls i med sitt v\u00e4rde vid belastning.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>och number<\/code>. Kom ih\u00e5g att \u00f6verv\u00e4ga hur du ska hantera v\u00e4rdena i de inskickade f\u00e4lten. Om du v\u00e4ljer att till\u00e5ta det h\u00e4r f\u00e4ltet till exempel p\u00e5 f\u00e4lttyp f\u00f6r kryssruta, m\u00e5ste du kunna analysera och hantera de inskickade v\u00e4rdena korrekt.<\/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
![\"Gravity](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151326-61e4ca26275b1.png\")
<\/a><\/p>\n