{"id":156488,"date":"2024-02-02T08:00:00","date_gmt":"2024-02-02T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/silkypress-input-field-block\/"},"modified":"2025-06-04T18:30:00","modified_gmt":"2025-06-04T18:30:00","slug":"silkypress-input-field-block","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/silkypress-input-field-block\/","title":{"rendered":"SilkyPress Input Field Block"},"content":{"rendered":"<p><strong>Basically, it is a checkout field editor plugin, but for the WooCommerce block checkout<\/strong><\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/kHiKNGsyYCQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>The WooCommerce block checkout can be edited directly from the Gutenberg editor (open the \u201cWP Admin -> Pages -> Checkout\u201d 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<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<h3>Input Field block <strong>settings<\/strong><\/h3>\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:<br \/>\n\u2013 Field type (<code>Text<\/code>, <code>Select<\/code>, <code>Checkbox<\/code>, <code>Radio<\/code> or <code>Textarea<\/code>)<br \/>\n\u2013 Label<br \/>\n\u2013 Id<br \/>\n\u2013 Default value<br \/>\n\u2013 Help text<\/p>\n<h3>Input Field <strong>validation<\/strong> on the frontend<\/h3>\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<h3><strong>Storing the value<\/strong> of the Input Field<\/h3>\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<p>In the <code>Presentation<\/code> tab of the <code>Input Field<\/code> block\u2019s settings you can enable:<br \/>\n\u2013 the <code>Show on Order page<\/code> option so that the field\u2019s value will show up on the <code>Edit Order<\/code> page in the admin<br \/>\n\u2013 the <code>Show on Order Confirmation<\/code> option so that the field\u2019s value will show up on the customer\u2019s <code>Order Confirmation<\/code> page (formally known as <code>Thank You<\/code> page)<br \/>\n\u2013 the <code>Show on Order Email<\/code> option so that the field\u2019s value will show up in the email the customer receives after placing the order.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A plugin for adding input fields to the WooCommerce Checkout Block.<\/p>\n","protected":false},"author":65,"featured_media":342807,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"SilkyPress Input Field Block - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"A plugin for adding input fields to the WooCommerce Checkout Block."},"footnotes":""},"categories":[1],"tags":[41036,41037,41038,41039,1945],"class_list":["post-156488","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-checkout-block-customizer","tag-checkout-block-editor","tag-checkout-block-field","tag-checkout-block-input-field","tag-woocommerce-checkout-manager"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/156488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=156488"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/156488\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/342807"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=156488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=156488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=156488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}