T\u00e4m\u00e4 viesti olettaa, ett\u00e4 haluat lis\u00e4t\u00e4 Gravity Forms -sovellukseen toiminnon, joka l\u00e4hett\u00e4\u00e4 et\u00e4postituspyynn\u00f6n jokaisen lomakkeen l\u00e4hetyksen j\u00e4lkeen. Et\u00e4viestin sis\u00e4ll\u00e4 l\u00e4het\u00e4t lomakkeesta arvoja, joita voi muokata lomakeeditorin lis\u00e4asetuksilla. Yleisi\u00e4 esimerkkej\u00e4 siit\u00e4, miss\u00e4 t\u00e4m\u00e4 olisi hy\u00f6dyllist\u00e4, ovat esimerkiksi nimen ja s\u00e4hk\u00f6postiosoitteen l\u00e4hett\u00e4minen Mailchimpin uutiskirjeluetteloon tai oikeastaan \u200b\u200bmik\u00e4 tahansa muu kolmannen osapuolen integrointi.<\/p>\n
K\u00e4yt\u00e4nn\u00f6ss\u00e4 t\u00e4m\u00e4 voidaan ratkaista lis\u00e4\u00e4m\u00e4ll\u00e4 ensin kuhunkin kentt\u00e4\u00e4n mukautetut asetukset, joihin editori voi kirjoittaa avainten nimet. Avain ja niiden l\u00e4hetetyt arvot l\u00e4hetet\u00e4\u00e4n kolmannen osapuolen URL-osoitteeseen jokaisen lomakkeen l\u00e4hett\u00e4misen j\u00e4lkeen. Lis\u00e4\u00e4mme my\u00f6s asetuksen, jotta voit valita kullekin lomakkeelle t\u00e4m\u00e4ntyyppisen kolmannen osapuolen l\u00e4hetyksen aktivoinnin.<\/p>\n
Kaikki alla oleva koodi voidaan sijoittaa teemasi Ensimm\u00e4inen vaihe on sy\u00f6tteen lis\u00e4\u00e4minen kenttiin kentt\u00e4editorissa, johon voit kirjoittaa t\u00e4m\u00e4n arvon avaimen nimen. Sis\u00e4llyt\u00e4mme ja l\u00e4het\u00e4mme arvot vain, jos t\u00e4m\u00e4 sy\u00f6te on t\u00e4ytetty.<\/p>\n Gravity Forms tarjoaa koukkuja, joiden avulla voimme lis\u00e4t\u00e4 mukautettuja juttuja kentt\u00e4editoriin. Koukun nimi riippuu siit\u00e4, miss\u00e4 v\u00e4lilehdess\u00e4 haluat kent\u00e4n n\u00e4kyv\u00e4n.<\/p>\n Jokaisessa koukussa on kaksi parametria; paikka ja lomaketunnus. Jokaisella sis\u00e4\u00e4nrakennetulla Gravity Forms -asetuksella on kiinte\u00e4 paikkanumero. Voit vertailla t\u00e4t\u00e4 lukua p\u00e4\u00e4tt\u00e4\u00e4ksesi tarkalleen, miss\u00e4 haluat mukautetun HTML-koodisi tai sy\u00f6tteesi olevan. Kaikkien asetusten ja niiden sijainnin luettelointi olisi liian pitk\u00e4 t\u00e4ss\u00e4 viestiss\u00e4. Mutta Gravity Forms lis\u00e4\u00e4 asetukset 5:n askelin. Esimerkiksi Yleiset-v\u00e4lilehdell\u00e4 "Field label" on kohdassa 0 ja "Description" on kohdassa 10. Kun asetat HTML-koodin kohtaan 10, se tulee n\u00e4kyviin Kuvauksen j\u00e4lkeen. \u00c4l\u00e4 vertaa sijaintia mihink\u00e4\u00e4n numeroon, joka ei ole kertoimella 5.<\/p>\n Lis\u00e4\u00e4n mukautetun kent\u00e4n Lis\u00e4asetukset-v\u00e4lilehdelle kohtaan 50, joka on heti "Admin Field Label" -sy\u00f6tteen j\u00e4lkeen.<\/p>\n Suurin osa yll\u00e4 olevasta koodista on itsest\u00e4\u00e4n selv\u00e4\u00e4. Lis\u00e4\u00e4n HTML:n samassa muodossa kuin Gravity Forms odottaa asetuksen olevan sis\u00e4\u00e4n. Kuitenkin itse sy\u00f6tteess\u00e4 on annettava Voit tehd\u00e4 toisen valinnaisen toiminnon sy\u00f6tteell\u00e4si; lis\u00e4\u00e4 ty\u00f6kaluvihje. Jos haluat t\u00e4m\u00e4n, lis\u00e4\u00e4 t\u00e4m\u00e4 funktiokutsu juuri lis\u00e4\u00e4m\u00e4si koodin sis\u00e4\u00e4n ja anna (ainutlaatuinen) avain merkkijonona:<\/p>\n Ja lis\u00e4\u00e4 sitten toinen toiminto, joka kiinnittyy suodattimeen Ty\u00f6kaluvihjeen lis\u00e4\u00e4minen on t\u00e4ysin valinnaista, mutta se on mukava tapa selitt\u00e4\u00e4 sivuston omistajille, mit\u00e4 t\u00e4m\u00e4 sy\u00f6te tekee. Muokkaa sis\u00e4lt\u00f6\u00e4 toiminnallesi sopivaksi.<\/p>\n Saatat huomata, ett\u00e4 kentt\u00e4si ei n\u00e4y miss\u00e4\u00e4n Lis\u00e4asetukset-v\u00e4lilehdess\u00e4. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 meid\u00e4n on kerrottava Gravity Formsille, miss\u00e4 kentt\u00e4tyypeiss\u00e4 haluamme t\u00e4m\u00e4n sy\u00f6tteen n\u00e4kyv\u00e4n. Oletuksena se ei n\u00e4y miss\u00e4\u00e4n.<\/p>\n Teemme t\u00e4m\u00e4n itse asiassa Javascriptin avulla. GravityFormsissa on Javascript, joka piilottaa automaattisesti kaikki asetukset ja valitsee sitten tietyt asetukset kentt\u00e4tyypin perusteella. Kentt\u00e4mme on siis olemassa, mutta Gravity Forms on yksinkertaisesti piilottanut sen.<\/p>\n Olemme kiinni Lis\u00e4\u00e4n sy\u00f6tteen kentt\u00e4tyyppeihin functions.php<\/code>tai laajennuskoodiisi.<\/p>\nMukautetun sy\u00f6tteen lis\u00e4\u00e4minen kenttiin<\/h2>\n
Valitse, minne sy\u00f6t\u00e4t<\/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-toiminto. Me yksinkertaisesti k\u00e4skemme sen suorittamaan GravityFormsin toiminnon tallentaaksemme kaikki sy\u00f6tteeseemme tehdyt muutokset. Ominaisuus, jonka tarjoamme SetFieldProperty<\/code>, thirdPartyInput<\/code>, on t\u00e4rke\u00e4 muistaa. T\u00e4m\u00e4n avaimen sis\u00e4ll\u00e4 mukautettu sy\u00f6tteemme tallennetaan Gravity Formsin kentt\u00e4taulukkoon l\u00e4hett\u00e4misen yhteydess\u00e4.<\/p>\nTy\u00f6kaluvinkin lis\u00e4\u00e4minen (valinnainen)<\/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 lis\u00e4\u00e4 ty\u00f6kaluvihjeesi sis\u00e4lt\u00f6 vastaavaan n\u00e4pp\u00e4imeen, kuten:<\/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>\nM\u00e4\u00e4rit\u00e4, mitk\u00e4 kentt\u00e4tyypit lis\u00e4t\u00e4\u00e4n mukautettuun sy\u00f6tteeseen<\/h3>\n
gform_editor_js<\/code>ja meid\u00e4n on teht\u00e4v\u00e4 kaksi asiaa. Ensin p\u00e4\u00e4tet\u00e4\u00e4n, miss\u00e4 kentt\u00e4tyypeiss\u00e4 sy\u00f6tteen tulee n\u00e4ky\u00e4. Ja toiseksi varmistamme, ett\u00e4 sy\u00f6te t\u00e4yttyy sen arvolla latauksen aikana.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>, ja number<\/code>. Muista mietti\u00e4, miten aiot k\u00e4sitell\u00e4 l\u00e4hetettyjen kenttien arvoja. Jos p\u00e4\u00e4t\u00e4t sallia t\u00e4m\u00e4n kent\u00e4n esimerkiksi valintaruudun kentt\u00e4tyypill\u00e4, sinun on kyett\u00e4v\u00e4 j\u00e4sent\u00e4m\u00e4\u00e4n ja k\u00e4sittelem\u00e4\u00e4n l\u00e4hetetyt arvot oikein.<\/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