Title: SilkyPress Input Field Block Author: SilkyPress Published: 2024-يىلى 2-فېۋرال Last modified: 2026-يىلى 6-يانۋار --- قىستۇرما ئىزدە ![](https://ps.w.org/silkypress-input-field-block/assets/banner-772x250.gif?rev= 3034999) ![](https://ps.w.org/silkypress-input-field-block/assets/icon.svg?rev=3034999) # SilkyPress Input Field Block يازغۇچى [SilkyPress](https://profiles.wordpress.org/diana_burduja/) [چۈشۈر](https://downloads.wordpress.org/plugin/silkypress-input-field-block.1.7.zip) * [تەپسىلاتلار](https://ug.wordpress.org/plugins/silkypress-input-field-block/#description) * [باھالاشلار](https://ug.wordpress.org/plugins/silkypress-input-field-block/#reviews) * [ئىجادىيەت](https://ug.wordpress.org/plugins/silkypress-input-field-block/#developers) [قوللاش](https://wordpress.org/support/plugin/silkypress-input-field-block/) ## چۈشەندۈرۈش **Basically, it is a checkout field editor plugin, but for the WooCommerce block checkout** The WooCommerce block checkout can be edited directly from the Gutenberg editor ( open the «WP Admin -> Pages -> Checkout» for editing). By default WooCommerce allows adding only Paragraph/Image/Separator inner blocks to the checkout block. The ** SilkyPress Input Field Block** plugin lets you add inner blocks with a custom input field to the checkout block. The plugin creates a block, called `Input Field`, which can be added to an inner block of the `Checkout Block`. One instance of the block will add one custom field to the checkout form. The block can be added as many times as necessary to the ` Checkout Block` and can be inserted more than one time within the same inserter place of the `Checkout Block`. ### Input Field block **settings** After adding an `Input Field` inner block to the checkout block, you can change its settings in the `Block Inpector` on the right side of the editor. Within the settings `General` tab you can set its: – Field type (`Text`, `Select`, `Checkbox`,` Radio` or `Textarea`) – Label – Id – Default value – Help text ### Input Field **validation** on the frontend In the `Validation` tab you can toggle the input field as to be required or optional. On the frontend, if a required input field is left empty by the customer, then, upon clicking the **Place Order** button, the `Please fill this field` error message will be shown. ### **Storing the value** of the Input Field After clicking the **Place Order** button, the value of the `Input Field` will be saved to the database as a custom field associated with the order. In the `Presentation` tab of the `Input Field` block’s settings you can enable: – the `Show on Order page` option so that the field’s value will show up on the `Edit Order` page in the admin – the `Show on Order Confirmation` option so that the field’s value will show up on the customer’s `Order Confirmation` page (formally known as` Thank You` page) – the `Show on Order Email` option so that the field’s value will show up in the email the customer receives after placing the order. ## ئېكران كەسمىسى [⌊The places where you can add an inner block⌉⌊The places where you can add an inner block⌉[ The places where you can add an inner block [⌊Add the Input Field block to the checkout⌉⌊Add the Input Field block to the checkout⌉[ Add the `Input Field` block to the checkout [⌊Change the field's type, label, id, default value from the settings⌉⌊Change the field's type, label, id, default value from the settings⌉[ Change the field’s type, label, id, default value from the settings [⌊Input field's validation on the frontend⌉⌊Input field's validation on the frontend⌉[ Input field’s validation on the frontend [⌊The input field's value on the Edit Order page in the admin⌉⌊The input field's value on the Edit Order page in the admin⌉[ The input field’s value on the `Edit Order` page in the admin [⌊The input field's value on the customer's Order Confirmation page⌉⌊The input field's value on the customer's Order Confirmation page⌉[ The input field’s value on the customer’s `Order Confirmation` page [⌊The input field's value in the customer's email⌉⌊The input field's value in the customer's email⌉[ The input field’s value in the customer’s email ## باھالاشلار ![](https://secure.gravatar.com/avatar/0036c203f77832555133e4e605e1790aa22dedddcc38b1fa5868066961a6288b? s=60&d=retro&r=g) ### 󠀁[Just what I needed 🙂](https://wordpress.org/support/topic/just-what-i-needed-1328/)󠁿 [bayareagenetics](https://profiles.wordpress.org/bayareagenetics/) 2024-يىلى 20- ئىيۇن Brilliant no-code solution for adding custom checkout fields (WooCommerce) compatible with WordPress’ new native blocks (aka Gutenberg). ![](https://secure.gravatar.com/avatar/42239e61a4e3dd4b6a4052eb298a68a6020ac25bf2d6640a0e0aa817d7d5148b? s=60&d=retro&r=g) ### 󠀁[Very helpful, and just works](https://wordpress.org/support/topic/very-helpful-and-just-works-2/)󠁿 [silvadiego705](https://profiles.wordpress.org/silvadiego705/) 2024-يىلى 7-مارت The settings of the plugin are very easy and intuitive. It added the feild just where I needed it. Excellent work. [ 2 باھالاشنىڭ ھەممىنى ئوقۇش ](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/) ## تۆھپىكار ۋە ئىجادكار «SilkyPress Input Field Block» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان. تۆھپىكار * [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/) [«SilkyPress Input Field Block» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/silkypress-input-field-block) ### ئىجادىيەتكە قىزىقامسىز؟ [كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/silkypress-input-field-block/)، [SVN خەزىنە](https://plugins.svn.wordpress.org/silkypress-input-field-block/) تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/silkypress-input-field-block/?limit=100&mode=stop_on_copy&format=rss) ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/silkypress-input-field-block/) گە مۇشتەرى بولغىلى بولىدۇ. ## ئۆزگىرىش خاتىرىسى #### 1.7 * 06/04/2025 * Fix: if added directly to the «Checkout Fields» block, then move the input field to its position. With WC9.8+ wasn’t working correctly anymore. * Change: use the default ValidationInputError component from @woocommerce/blocks- checkout #### 1.6 * 08/22/2024 * Fix: the validation error for the Select and Textarea input fields was showing up at the bottom of the page #### 1.5 * 08/05/2024 * Change: inherit the colors, borders and margins set in the theme’s global styles #### 1.4 * 05/24/2024 * Fix: Input Field blocks were not shown if the Checkout block was preceded by an HTML block. #### 1.3 * 05/09/2024 * Fix: Validate the Id/Name setting. * Fix: Sanitize the select and radio options on the frontend. #### 1.2 * 03/07/2024 * Fix: Input Field blocks were not shown if the Checkout block was nested in other blocks. * Fix: The Additional Information section was showing twice when ordering as a logged in user. #### 1.1 * 02/25/2024 * Add description and screenshots * Declare compatibility WooCommerce 8.6 #### 1.0 * 02/02/2024 * Initial commit ## Meta * Version **1.7** * ئاخىرقى يېڭىلانغان ۋاقىت **6 ئاي بۇرۇن** * ئاكتىپ ئورنىتىش سانى **100+** * WordPress نەشرى ** 6.0 ياكى يۇقىرى ** * **6.9.4** دا سىنالغان * PHP نەشرى ** 7.3 ياكى يۇقىرى ** * تىل * [English (US)](https://wordpress.org/plugins/silkypress-input-field-block/) * بەلگە * [WooCommerce checkout manager](https://ug.wordpress.org/plugins/tags/woocommerce-checkout-manager/) * [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/silkypress-input-field-block/advanced/) ## دەرىجە 5/5 يۇلتۇز * [ 2 5-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/?filter=5) * [ 0 4-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/?filter=4) * [ 0 3-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/?filter=3) * [ 0 2-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/?filter=2) * [ 0 1-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/#new-post) [بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/silkypress-input-field-block/reviews/) ## تۆھپىكار * [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/) ## قوللاش چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟ [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/silkypress-input-field-block/)