{"id":184008,"date":"2024-02-02T20:33:15","date_gmt":"2024-02-02T20:33:15","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/silkypress-input-field-block\/"},"modified":"2026-01-06T12:40:18","modified_gmt":"2026-01-06T12:40:18","slug":"silkypress-input-field-block","status":"publish","type":"plugin","link":"https:\/\/co.wordpress.org\/plugins\/silkypress-input-field-block\/","author":14194562,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.7","stable_tag":"1.7","tested":"6.9.4","requires":"6.0","requires_php":"7.3","requires_plugins":null,"header_name":"SilkyPress Input Field Block","header_author":"SilkyPress","header_description":"A plugin for adding input fields to the WooCommerce Checkout Block.","assets_banners_color":"c62d3f","last_updated":"2026-01-06 12:40:18","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":100,"downloads":3775,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","changelog"],"tags":{"1.0":{"tag":"1.0","author":"diana_burduja","date":"2024-02-25 19:40:01"},"1.1":{"tag":"1.1","author":"diana_burduja","date":"2024-02-27 11:00:53"},"1.2":{"tag":"1.2","author":"diana_burduja","date":"2024-03-07 09:36:34"},"1.3":{"tag":"1.3","author":"diana_burduja","date":"2024-05-10 19:11:32"},"1.4":{"tag":"1.4","author":"diana_burduja","date":"2024-05-24 15:04:43"},"1.5":{"tag":"1.5","author":"diana_burduja","date":"2024-08-06 10:54:08"},"1.6":{"tag":"1.6","author":"diana_burduja","date":"2025-04-16 09:58:59"},"1.7":{"tag":"1.7","author":"diana_burduja","date":"2026-01-06 12:40:18"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3034999,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3034999,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":3034999,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.gif":{"filename":"banner-1544x500.gif","revision":3034999,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":3034999,"resolution":"772x250","location":"assets","locale":""},"banner.svg":{"filename":"banner.svg","revision":3034999,"resolution":false,"location":"assets","locale":false}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","1.2","1.3","1.4","1.5","1.6","1.7"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3040888,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3040888,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3040888,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3040888,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3040888,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3040888,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3040888,"resolution":"7","location":"assets","locale":""}},"screenshots":{"1":"<p>The places where you can add an inner block<\/p>","2":"<p>Add the <code>Input Field<\/code> block to the checkout<\/p>","3":"<p>Change the field's type, label, id, default value from the settings<\/p>","4":"<p>Input field's validation on the frontend<\/p>","5":"<p>The input field's value on the <code>Edit Order<\/code> page in the admin<\/p>","6":"<p>The input field's value on the customer's <code>Order Confirmation<\/code> page<\/p>","7":"<p>The input field's value in the customer's email<\/p>"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[224128,224125,224126,224127,66430],"plugin_category":[],"plugin_contributors":[79129],"plugin_business_model":[],"class_list":["post-184008","plugin","type-plugin","status-publish","hentry","plugin_tags-checkout-block-customizer","plugin_tags-checkout-block-editor","plugin_tags-checkout-block-field","plugin_tags-checkout-block-input-field","plugin_tags-woocommerce-checkout-manager","plugin_contributors-diana_burduja","plugin_committers-diana_burduja","plugin_support_reps-dianaburduja"],"banners":{"banner":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/banner-772x250.gif?rev=3034999","banner_2x":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/banner-1544x500.gif?rev=3034999","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/icon.svg?rev=3034999","icon":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/icon.svg?rev=3034999","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-1.png?rev=3040888","caption":"<p>The places where you can add an inner block<\/p>"},{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-2.png?rev=3040888","caption":"<p>Add the <code>Input Field<\/code> block to the checkout<\/p>"},{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-3.png?rev=3040888","caption":"<p>Change the field's type, label, id, default value from the settings<\/p>"},{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-4.png?rev=3040888","caption":"<p>Input field's validation on the frontend<\/p>"},{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-5.png?rev=3040888","caption":"<p>The input field's value on the <code>Edit Order<\/code> page in the admin<\/p>"},{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-6.png?rev=3040888","caption":"<p>The input field's value on the customer's <code>Order Confirmation<\/code> page<\/p>"},{"src":"https:\/\/ps.w.org\/silkypress-input-field-block\/assets\/screenshot-7.png?rev=3040888","caption":"<p>The input field's value in the customer's email<\/p>"}],"raw_content":"<!--section=description-->\n<p><strong>Basically, it is a checkout field editor plugin, but for the WooCommerce block checkout<\/strong><\/p>\n\n<p>[youtube https:\/\/youtu.be\/kHiKNGsyYCQ]<\/p>\n\n<p>The WooCommerce block checkout can be edited directly from the Gutenberg editor (open the \"WP Admin -&gt; Pages -&gt; Checkout\" for editing). By default WooCommerce allows adding only Paragraph\/Image\/Separator inner blocks to the checkout block. The <strong>SilkyPress Input Field Block<\/strong> plugin lets you add inner blocks with a custom input field to the checkout block.<\/p>\n\n<p>The plugin creates a block, called <code>Input Field<\/code>, which can be added to an inner block of the <code>Checkout Block<\/code>. 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 <code>Checkout Block<\/code> and can be inserted more than one time within the same inserter place of the <code>Checkout Block<\/code>.<\/p>\n\n<h3>Input Field block <strong>settings<\/strong><\/h3>\n\n<p>After adding an <code>Input Field<\/code> inner block to the checkout block, you can change its settings in the <code>Block Inpector<\/code> on the right side of the editor. Within the settings <code>General<\/code> tab you can set its:\n- Field type (<code>Text<\/code>, <code>Select<\/code>, <code>Checkbox<\/code>, <code>Radio<\/code> or <code>Textarea<\/code>)\n- Label\n- Id\n- Default value\n- Help text<\/p>\n\n<h3>Input Field <strong>validation<\/strong> on the frontend<\/h3>\n\n<p>In the <code>Validation<\/code> 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 <strong>Place Order<\/strong> button, the <code>Please fill this field<\/code> error message will be shown.<\/p>\n\n<h3><strong>Storing the value<\/strong> of the Input Field<\/h3>\n\n<p>After clicking the <strong>Place Order<\/strong> button, the value of the <code>Input Field<\/code> will be saved to the database as a custom field associated with the order.<\/p>\n\n<p>In the <code>Presentation<\/code> tab of the <code>Input Field<\/code> block's settings you can enable:\n- the <code>Show on Order page<\/code> option so that the field's value will show up on the <code>Edit Order<\/code> page in the admin\n- the <code>Show on Order Confirmation<\/code> option so that the field's value will show up on the customer's <code>Order Confirmation<\/code> page (formally known as <code>Thank You<\/code> page)\n- the <code>Show on Order Email<\/code> option so that the field's value will show up in the email the customer receives after placing the order.<\/p>\n\n<!--section=changelog-->\n<h4>1.7<\/h4>\n\n<ul>\n<li>06\/04\/2025<\/li>\n<li>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.<\/li>\n<li>Change: use the default ValidationInputError component from @woocommerce\/blocks-checkout<\/li>\n<\/ul>\n\n<h4>1.6<\/h4>\n\n<ul>\n<li>08\/22\/2024<\/li>\n<li>Fix: the validation error for the Select and Textarea input fields was showing up at the bottom of the page<\/li>\n<\/ul>\n\n<h4>1.5<\/h4>\n\n<ul>\n<li>08\/05\/2024<\/li>\n<li>Change: inherit the colors, borders and margins set in the theme's global styles<\/li>\n<\/ul>\n\n<h4>1.4<\/h4>\n\n<ul>\n<li>05\/24\/2024<\/li>\n<li>Fix: Input Field blocks were not shown if the Checkout block was preceded by an HTML block. <\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>05\/09\/2024<\/li>\n<li>Fix: Validate the Id\/Name setting.<\/li>\n<li>Fix: Sanitize the select and radio options on the frontend. <\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>03\/07\/2024<\/li>\n<li>Fix: Input Field blocks were not shown if the Checkout block was nested in other blocks.<\/li>\n<li>Fix: The Additional Information section was showing twice when ordering as a logged in user.<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>02\/25\/2024<\/li>\n<li>Add description and screenshots<\/li>\n<li>Declare compatibility WooCommerce 8.6<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>02\/02\/2024<\/li>\n<li>Initial commit<\/li>\n<\/ul>","raw_excerpt":"A plugin for adding input fields to the WooCommerce Checkout Block.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/184008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=184008"}],"author":[{"embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/diana_burduja"}],"wp:attachment":[{"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=184008"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=184008"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=184008"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=184008"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=184008"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/co.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=184008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}