{"id":1721,"date":"2025-03-07T16:11:18","date_gmt":"2025-03-07T15:11:18","guid":{"rendered":"https:\/\/wpdesk.net\/?post_type=docs&#038;p=1721"},"modified":"2025-04-23T15:22:00","modified_gmt":"2025-04-23T13:22:00","slug":"flexible-checkout-fields-pro-woocommerce-docs","status":"publish","type":"docs","link":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/","title":{"rendered":"Docs: Flexible Checkout Fields WooCommerce"},"content":{"rendered":"<h2>Plugin FAQ<\/h2>\n<p><a href=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-faq\/\" target=\"_blank\" rel=\"noopener\">\u2705<strong> Plugin FAQ \u2192<\/strong><\/a><\/p>\n<h2>Requirements<\/h2>\n<p>The plugin requires this shortcode:<br \/>\n<em>[ woocommerce_checkout ]<br \/>\n<\/em>to be present on the page set in WooCommerce as <strong>Checkout<\/strong>.<br \/>\nThe plugin will not work if the <strong>Checkout<\/strong> page is built with the blocks (introduced in WooCommerce <strong>8.3.0<\/strong>). You may find this information in the <a href=\"https:\/\/wpdesk.net\/docs\/how-to-get-woocommerce-system-status\/\" target=\"_blank\" rel=\"noopener\"><strong>WooCommerce system status<\/strong><\/a>.<\/p>\n<h2>Manage checkout fields<\/h2>\n<p>Drag&amp;drop to reorder fields. Click a field to expand it.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 After you edit any field remember to save the changes using the <em>Save Changes<\/em> button.<\/div>\n<h3>General settings<\/h3>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141373 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32.png\" alt=\"Flexible Checkout Fields - general settings\" width=\"981\" height=\"494\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-369x186.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-684x344.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-125x64.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-260x131.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-712x359.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/s0P-rcopG2c?start=3\" width=\"560\" height=\"315\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/bSCfErA5OqI?start=3\" width=\"560\" height=\"315\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - the fields can be preselected or already filled with the custom value by default.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 The default value works only for custom fields: <strong>Text, Textarea, Checkbox, Select, Radio, Radio with images, Radio with colors<\/strong>, and <strong>Color<\/strong>. <\/div>\n<p>For the field with options, e.g. <strong>Radio<\/strong> or <strong>Select<\/strong>, enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<h3>Advanced settings<\/h3>\n<p>This section contains settings specific to a given field type. By default, it also includes the validation settings if the field uses it.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - use WooCommerce validation if needed.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h3>Appearance settings<\/h3>\n<p><em><strong>Placeholder<\/strong><\/em> - add or change the text of the field.<\/p>\n<p><strong><em>CSS class<\/em><\/strong> - add or change the CSS class.<\/p>\n<div class=\"info-box  warning   \">\u261d\ud83c\udffd\u200a In WooCommerce there are three CSS classes responsible for fields width and position. CSS class <em>form-row-first<\/em> positions the field in the <strong>first<\/strong> column, <em>form-row-last<\/em> in the <strong>second<\/strong> column, and <em>form-row-wide<\/em> sets the field's width for <strong>both columns<\/strong>.<\/div>\n<figure id=\"attachment_43343\" aria-describedby=\"caption-attachment-43343\" style=\"width: 557px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-43343\" src=\"https:\/\/www.wpdesk.pl\/wp-content\/uploads\/2014\/11\/woocommerce-checkout-fields-css.png\" alt=\"CSS styling for WooCommerce checkout fields\" width=\"557\" height=\"208\"><figcaption id=\"caption-attachment-43343\" class=\"wp-caption-text\">Correct CSS classes in checkout<\/figcaption><\/figure>\n<h3>Display On settings<\/h3>\n<p>You can select where the field should be displayed in the <strong>Display On<\/strong> tab:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125892 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30.png\" alt=\"Flexible Checkout Fields - Display On\" width=\"971\" height=\"512\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30-369x195.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30-684x361.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30-121x64.png 121w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30-260x137.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-state-field-fcf30-712x375.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<p><em><strong>Pages\/emails<\/strong><\/em> - select where the field should be displayed.<\/p>\n<p><em><strong>Formatting on pages\/e-mails:<\/strong><\/em><\/p>\n<p><em><strong>Display the field on a new line<\/strong><\/em> - it will display the field in a new line, changing the default WooCommerce settings.<\/p>\n<p><em><strong>Show field label<\/strong><\/em> - it will display the field label before the field content. This option is available only for custom fields.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 Formatting on pages\/emails is only available in the <strong>billing<\/strong> and <strong>shipping<\/strong> sections.<\/div>\n<p><em><strong>State \/ County formatting:<\/strong><\/em><\/p>\n<p><em><strong>Display state abbreviations<\/strong><\/em> - for <em>State \/ County<\/em> field. It will display a State code instead of the full name.<\/p>\n<p><em><strong>Display a comma before if the field is not on a new line<\/strong><\/em> - for <em>State \/ County<\/em> field. It will display a comma before the State field.<\/p>\n<p>Below, you can see in-action examples of displaying fields:<\/p>\n<figure id=\"attachment_23227\" aria-describedby=\"caption-attachment-23227\" style=\"width: 840px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23227 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2018\/02\/billing-address.png\" alt=\"Billing address in My Account - screenshot\" width=\"840\" height=\"437\"><figcaption id=\"caption-attachment-23227\" class=\"wp-caption-text\">Custom label under Billing address in My account settings<\/figcaption><\/figure>\n<h3>Adding custom fields<\/h3>\n<p>You can add multiple fields to sections of WooCommerce checkout.<\/p>\n<ol>\n<li>Go to <em>Add new field<\/em> box.<\/li>\n<li>Select field type.<\/li>\n<li>Enter the field's label.<\/li>\n<li>Change the field's name (optional for developers)<\/li>\n<li>Click the <em>Add Field<\/em> button.<\/li>\n<li>Click the <em>Save Changes<\/em> button.<\/li>\n<\/ol>\n<p>The field will be added to <em>Edit Section<\/em>. Now you can edit the field. Remember to save changes.<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-add-new-field-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141375 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-add-new-field-fcf32.png\" alt=\"Flexible Checkout Fields - Add new field\" width=\"671\" height=\"1122\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-add-new-field-fcf32.png 671w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-add-new-field-fcf32-369x617.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-add-new-field-fcf32-38x64.png 38w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-add-new-field-fcf32-260x435.png 260w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><\/a><\/p>\n<h3>Editing additional fields in the order<\/h3>\n<p>Under the order, you can edit the added fields. Changing the settings and saving the order will change the details of the order. Scroll down the order page to show the <strong>Flexible Checkout Fields<\/strong> section with fields to edit.<\/p>\n<div id=\"tw-target-text-container\" class=\"gsrt tw-ta-container tw-nfl\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-125924\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30.png\" alt=\"Edycja p\u00f3l\" width=\"784\" height=\"257\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30.png 784w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30-369x121.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30-684x224.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30-125x41.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30-260x85.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/edycja-pol-fcf30-712x233.png 712w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><\/p>\n<\/div>\n<p>Add this code to the <em>functions.php<\/em> file if the address fields are not aligned.<br \/>\n<code><br \/>\nadd_action( 'admin_head', function() {<br \/>\n?&gt;<br \/>\n&lt;style&gt;<br \/>\n#order_data .order_data_column div.address[style*=\"display: none\"] + div.edit_address {<br \/>\ndisplay: flex;<br \/>\nflex-wrap: wrap;<br \/>\njustify-content: space-between;<br \/>\n}<br \/>\n&lt;\/style&gt;<br \/>\n&lt;?php<br \/>\n} );<\/code><\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-orders-editing.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-123376 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/fcf-orders-editing.gif\" alt=\"FCF orders editing\" width=\"463\" height=\"549\"><\/a><\/p>\n<h2>Conditional logic<\/h2>\n<p>For any field, it is possible to set rules on when to show or hide the field.<\/p>\n<p>From plugin version 4.0.0, there are eight types of conditional logic configuration:<\/p>\n<ul>\n<li>WooCommerce default fields conditional logic,<\/li>\n<li>Flexible Checkout Fields plugin fields conditional logic,<\/li>\n<li>Flexible Product Fields plugin fields conditional logic,<\/li>\n<li>Cart conditional logic,<\/li>\n<li>User conditional logic,<\/li>\n<li>Shipping method conditional logic,<\/li>\n<li>Payment method conditional logic,<\/li>\n<li>Date conditional logic,<\/li>\n<\/ul>\n<div class=\"info-box  info   \">All these conditional logic types are described in detail in this <a href=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-conditional-logic\/\" target=\"_blank\" rel=\"noopener\">article \u2192<\/a>.<\/div>\n<h2 id=\"#Assigning_a_price_to_the_custom_fields\u2029\">Assigning a price to the custom fields<\/h2>\n<p>Fields added using FCF have an additional tab \"Pricing\" with available options for assigning a price.<\/p>\n<p>The impact on the final purchase amount depends on the selected price type and its value.<\/p>\n<ul>\n<li><strong>Fixed<\/strong> - net price set in currency units and independent of the cart.<\/li>\n<li><strong>Percentage of Subtotal (ex. VAT)<\/strong> - percentage amount related to the net subtotal (cart value).<\/li>\n<li><strong>Percentage of Subtotal (incl. VAT)<\/strong> - percentage amount related to the gross subtotal (cart value).<\/li>\n<li><strong>Percentage of Total<\/strong> - percentage amount related to the Total (cart value + coupons + shipping).<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-price-types-fcf30.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125897 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-price-types-fcf30.gif\" alt=\"Price types for a paid field on the form\" width=\"971\" height=\"446\"><\/a><\/p>\n<p>The option to add a price is available for:<\/p>\n<ul>\n<li>Text<\/li>\n<li>Textarea<\/li>\n<li>Number<\/li>\n<li>Email<\/li>\n<li>Phone<\/li>\n<li>URL<\/li>\n<li>Checkbox<\/li>\n<li>Multi-checkbox<\/li>\n<li>Select<\/li>\n<li>Multi-select<\/li>\n<li>Radio<\/li>\n<li>Radio with images<\/li>\n<li>Radio with colors<\/li>\n<li>Color<\/li>\n<li>Date<\/li>\n<li>Time<\/li>\n<li>File Upload<\/li>\n<\/ul>\n<h3>Instructions for adding a price to the field<\/h3>\n<ol>\n<li><a href=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#Adding_New_Custom_Field\">Add a new field.<\/a><\/li>\n<li>Add options and other settings - if required by the selected field type (e.g. \"Radio\" field).<\/li>\n<li>Select the \"Pricing\" tab and check the \"Enable Pricing\" checkbox.\n<ol>\n<li>One line of settings will appear if the selected field has no option (e.g. \"Single Line Text\").<\/li>\n<li>There will be separate lines with settings next to each option if the selected field has options (e.g. \"Select\").<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125898 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30.png\" alt=\"Activating the &quot;Enable Pricing&quot; option on the example of the &quot;Radio&quot; field\" width=\"971\" height=\"446\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30-369x169.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30-684x314.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30-125x57.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30-260x119.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-enable-pricing-fcf30-712x327.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<ol start=\"4\">\n<li>Assign a price by selecting its type from the \"Price Type\" list:\n<ol>\n<li>Fixed - enter the net price<\/li>\n<li>Percentage of Subtotal (ex. VAT) - enter a percentage<\/li>\n<li>Percentage of Subtotal (incl. VAT) - enter a percentage<\/li>\n<li>Percentage of Total - enter a percentage<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125899 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30.png\" alt=\"List of available price types\" width=\"971\" height=\"446\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30-369x169.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30-684x314.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30-125x57.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30-260x119.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/price-fields-in-the-checkout-price-types-fcf30-712x327.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<ol start=\"5\">\n<li>Indicate the tax class by selecting the class from the \"Tax Class\" list. Save the changes.<br \/>\nThis option will appear when the assigned price is greater than \"0\" and if the \"Enable tax rates and calculations\" option is enabled in the <em>WooCommerce &gt; Settings &gt; General<\/em> tab.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125900 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30.png\" alt=\"Setting up the tax class of the price field\" width=\"971\" height=\"446\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30-369x169.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30-684x314.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30-125x57.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30-260x119.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-fields-with-prices-tax-class-fcf30-712x327.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<h3><span style=\"font-size: 16px;\">Displaying prices in the store<\/span><\/h3>\n<p>The price assigned to the field will be shown in the store either as a gross total price or as a percentage.<\/p>\n<ul>\n<li><strong>Checkout<\/strong> - the price will be shown in brackets next to the field label (or next to an option) and will also appear in the \"Order\" section.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2020\/11\/price-fields-in-the-checkout.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-120407\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2020\/11\/price-fields-in-the-checkout.gif\" alt=\"Price fields in the checkout\" width=\"1083\" height=\"501\"><\/a><\/p>\n<ul>\n<li><strong>Order Summary<\/strong> - the price will be shown as the amount included in the purchase.<\/li>\n<li><strong><em>WooCommerce &gt; Orders<\/em> tab<\/strong> - the fields visible there are editable so it is possible to change the label and price or to add tax.<\/li>\n<\/ul>\n<h3>Important information<\/h3>\n<ol>\n<li>Enable the \"Rounding\" option in the <em>WooCommerce &gt; Settings &gt; Tax<\/em> tab. This setting is required when more than one price field is added.<\/li>\n<li>Do not use the same labels.<\/li>\n<li>The fields added in the \"Billing\" and \"Shipping\" sections are <a href=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#Custom_Sections\">cached<\/a>. These fields are saved and autocompleted during the next purchases.<\/li>\n<\/ol>\n<h2>Field types<\/h2>\n<h3>Text fields<\/h3>\n<h4>Text<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141376 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-label-fcf32.png\" alt=\"Text label\" width=\"436\" height=\"84\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-label-fcf32-369x71.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-label-fcf32-125x24.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-label-fcf32-260x50.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141377 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2.png\" alt=\"Text configuration\" width=\"981\" height=\"494\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2-369x186.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2-684x344.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2-125x64.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2-260x131.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/text-configuration-fcf32-2-712x359.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the value that the field should be set to as default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - use WooCommerce validation if needed.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Textarea<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141378 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-label-fcf32.png\" alt=\"Textarea label\" width=\"436\" height=\"110\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-label-fcf32-369x93.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-label-fcf32-125x32.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-label-fcf32-260x66.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141379 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32.png\" alt=\"Textarea configuration\" width=\"981\" height=\"495\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32-369x186.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32-684x345.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32-125x64.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32-260x131.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/textarea-configuration-fcf32-712x359.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the value that the field should be set to as default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - use WooCommerce validation if needed.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Number<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141380 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-label-fcf32.png\" alt=\"Number label\" width=\"436\" height=\"86\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-label-fcf32-369x73.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-label-fcf32-125x25.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-label-fcf32-260x51.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141381 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32.png\" alt=\"Number configuration\" width=\"981\" height=\"402\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32-369x151.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32-684x280.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/number-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Min value<\/strong><\/em> - Values \u200b\u200bbelow the minimum value will be rejected due to field validation.<\/p>\n<p><strong><em>Max value<\/em><\/strong> - Values \u200b\u200bbelow the minimum value will be rejected due to field validation.<\/p>\n<p><strong><em>Step value<\/em><\/strong> - The interval between consecutive acceptable values.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Email<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141382 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-label-fcf32.png\" alt=\"Email label\" width=\"436\" height=\"86\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-label-fcf32-369x73.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-label-fcf32-125x25.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-label-fcf32-260x51.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141383 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32.png\" alt=\"Email configuration\" width=\"981\" height=\"403\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32-369x152.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32-684x281.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/email-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \"> \ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Min value<\/strong><\/em> - Values \u200b\u200bbelow the minimum value will be rejected due to field validation.<\/p>\n<p><strong><em>Max value<\/em><\/strong> - Values \u200b\u200bbelow the minimum value will be rejected due to field validation.<\/p>\n<p><strong><em>Step value<\/em><\/strong> - The interval between consecutive acceptable values.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Phone<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141384 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-label-fcf32.png\" alt=\"Phone label\" width=\"436\" height=\"86\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-label-fcf32-369x73.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-label-fcf32-125x25.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-label-fcf32-260x51.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141385 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32.png\" alt=\"Phone configuration\" width=\"981\" height=\"402\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32-369x151.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32-684x280.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/phone-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><strong><em>Validation error message<\/em><\/strong> - Enter a message containing information about the correct phone number format.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<p><em><strong><span id=\"Phone-Validation-Regex\">Validation regex<\/span><\/strong><\/em><\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<p>Enter the number format using the regex code.<\/p>\n<blockquote><p>The code <em>[0-9]{3}-[0-9]{3}-[0-9]{3}<\/em> forces the number to be:<\/p>\n<ul>\n<li>divided into 3 groups<\/li>\n<li>where each contains 3 digits<\/li>\n<li>from 0 to 9<\/li>\n<li>separated by dashes<\/li>\n<\/ul>\n<p>e.g. <strong>123-456-789<\/strong>.<\/p>\n<p>The code <em>[0-9]{3}\\s[0-9]{2}\\s[0-9]{2}\\s[0-9]{2}<\/em> forces the number to be:<\/p>\n<ul>\n<li>divided into 4 groups<\/li>\n<li>where the first consists of 3 digits and the remaining 2 digits<\/li>\n<li>from 0 to 9<\/li>\n<li>separated by spaces<\/li>\n<\/ul>\n<p>e.g. <strong>123 45 67 89<\/strong>.<\/p><\/blockquote>\n<h4>URL<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141386 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-label-fcf32.png\" alt=\"URL label\" width=\"436\" height=\"85\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-label-fcf32-369x72.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-label-fcf32-125x24.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-label-fcf32-260x51.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141387 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32.png\" alt=\"URL configuration\" width=\"981\" height=\"403\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32-369x152.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32-684x281.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/url-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h3>Option Fields<\/h3>\n<h4>Checkbox<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141401 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-label-fcf32.png\" alt=\"Checkbox label\" width=\"102\" height=\"34\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-label-fcf32.png 102w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-label-fcf32-100x34.png 100w\" sizes=\"auto, (max-width: 102px) 100vw, 102px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141459 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32.png\" alt=\"Checkbox configuration\" width=\"981\" height=\"586\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32-369x220.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32-684x409.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32-107x64.png 107w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32-260x155.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/checkbox-configuration-fcf32-712x425.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field\u00a0rearrangement. Your customers will see the changes while you will see the default arrangement in your\u00a0admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p>If the value of the field is to be visible (on the <strong>Thank You<\/strong> page and others) also when it is not filled - then please add the following snippet to the <strong>functions.php<\/strong> file of an active theme.<\/p>\n<p><code>add_filter( 'flexible_checkout_fields_user_meta_display_value', 'flexible_checkout_fields_print_value', 20, 2 );<br \/>\nadd_filter( 'flexible_checkout_fields_print_value', 'flexible_checkout_fields_print_value', 20, 2 );<br \/>\nfunction flexible_checkout_fields_print_value( $meta_value, $field ) {<br \/>\nif (<br \/>\n'' === $meta_value &amp;&amp;<br \/>\nisset( $field['type'] ) &amp;&amp;<br \/>\n\\WPDesk\\FCF\\Free\\Field\\Type\\CheckboxType::FIELD_TYPE === $field['type']<br \/>\n) {<br \/>\n$meta_value = __( 'No' );<br \/>\n}<br \/>\nreturn $meta_value;<br \/>\n}<\/code><\/p>\n<p><em><strong>Value<\/strong><\/em> - value displayed in the order details if a user checks the checkbox.<\/p>\n<p><em><strong>Default value<\/strong><\/em> - enter the text set as <strong>Value<\/strong> to make the field checked by default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<h4>Multi-checkbox<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141402 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-label-fcf32.png\" alt=\"Multi-checkbox label\" width=\"436\" height=\"160\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-label-fcf32-369x135.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-label-fcf32-125x46.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-label-fcf32-260x95.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141403 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32.png\" alt=\"Multi-checkbox configuration\" width=\"981\" height=\"725\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32-369x273.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32-684x506.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32-87x64.png 87w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32-260x192.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-checkbox-configuration-fcf32-712x526.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Option Value<\/strong><\/em> - Enter a value and a label for each field option. The value will not be visible on the form.<\/p>\n<p><em><strong>Option Label<\/strong><\/em> - Enter a value and a label for each field option. The label will be visible on the form.<\/p>\n<p><strong><em>Checked by default<\/em><\/strong> - Select this option to have the checkbox checked by default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><strong><em>Minimum of selected values<\/em><\/strong> - Set the minimum number of selections required. Check the \"Required field\" option in the \"General\" tab for the following setting to work.<\/p>\n<p><em><strong>Maximum number of selected values<\/strong><\/em> - Set the maximum number of selections allowed. Check the \"Required field\" option in the \"General\" tab for the following setting to work.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Select<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141408 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-label-fcf32.png\" alt=\"Select label\" width=\"437\" height=\"187\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-label-fcf32.png 437w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-label-fcf32-369x158.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-label-fcf32-125x53.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-label-fcf32-260x111.png 260w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141409 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32.png\" alt=\"Select configuration\" width=\"981\" height=\"817\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32-369x307.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32-684x570.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32-77x64.png 77w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32-260x217.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/select-configuration-fcf32-712x593.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Option Value<\/strong><\/em> - Enter a value and a label for each field option. The value will not be visible on the form.<\/p>\n<p><em><strong>Option Label<\/strong><\/em> - Enter a value and a label for each field option. The label will be visible on the form.<\/p>\n<p>Options added here are not sorted. It is also not possible to swap them using the drag &amp; drop method to arrange them in alphabetical order. This requires editing the <em>functions.php<\/em> file and pasting the following code there. Please replace <em>billing_select<\/em> with meta_name of the appropriate field.<\/p>\n<p><code>add_filter( 'flexible_checkout_fields_field_args', function ( $args, $key ) {<br \/>\nif ( ! in_array( $key, [ 'billing_select' ] ) || ! isset( $args['options'] ) ) {<br \/>\nreturn $args;<br \/>\n}<br \/>\nusort( $args['options'], function( $a, $b ) {<br \/>\nreturn $a['value'] &lt;=&gt; $b['value'];<br \/>\n} );<br \/>\nreturn $args;<br \/>\n}, 10, 2 );<br \/>\n<\/code><\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Multi-select<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141410 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-label-fcf32.png\" alt=\"Multi-select label\" width=\"436\" height=\"83\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-label-fcf32-369x70.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-label-fcf32-125x24.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-label-fcf32-260x49.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141411 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32.png\" alt=\"Multi-select configuration\" width=\"981\" height=\"725\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32-369x273.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32-684x506.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32-87x64.png 87w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32-260x192.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/multi-select-configuration-fcf32-712x526.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Option Value<\/strong><\/em> - Enter a value and a label for each field option. The value will not be visible on the form.<\/p>\n<p><em><strong>Option Label<\/strong><\/em> - Enter a value and a label for each field option. The label will be visible on the form.<\/p>\n<p>Options added here are not sorted. It is also not possible to swap them using the drag &amp; drop method to arrange them in alphabetical order. This requires editing the <em>functions.php<\/em> file and pasting the following code there. Please replace <em>billing_multi_select<\/em> with meta_name of the appropriate field.<\/p>\n<p><code>add_filter( 'flexible_checkout_fields_field_args', function ( $args, $key ) {<br \/>\nif ( ! in_array( $key, [ 'billing_multi_select' ] ) || ! isset( $args['options'] ) ) {<br \/>\nreturn $args;<br \/>\n}<br \/>\nusort( $args['options'], function( $a, $b ) {<br \/>\nreturn $a['value'] &lt;=&gt; $b['value'];<br \/>\n} );<br \/>\nreturn $args;<br \/>\n}, 10, 2 );<br \/>\n<\/code><\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Radio<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141412 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-label-fcf32.png\" alt=\"Radio label\" width=\"436\" height=\"159\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-label-fcf32-369x135.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-label-fcf32-125x46.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-label-fcf32-260x95.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141413 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32.png\" alt=\"Radio configuration\" width=\"981\" height=\"817\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32-369x307.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32-684x570.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32-77x64.png 77w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32-260x217.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-configuration-fcf32-712x593.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Option Value<\/strong><\/em> - Enter a value and a label for each field option. The value will not be visible on the form.<\/p>\n<p><em><strong>Option Label<\/strong><\/em> - Enter a value and a label for each field option. The label will be visible on the form.<\/p>\n<p>Options added here are not sorted. It is also not possible to swap them using the drag &amp; drop method to arrange them in alphabetical order. This requires editing the <em>functions.php<\/em> file and pasting the following code there. Please replace <em>billing_radio<\/em>\u00a0with meta_name of the appropriate field.<\/p>\n<p><code>add_filter( 'flexible_checkout_fields_field_args', function ( $args, $key ) {<br \/>\nif ( ! in_array( $key, [ 'billing_radio' ] ) || ! isset( $args['options'] ) ) {<br \/>\nreturn $args;<br \/>\n}<br \/>\nusort( $args['options'], function( $a, $b ) {<br \/>\nreturn $a['value'] &lt;=&gt; $b['value'];<br \/>\n} );<br \/>\nreturn $args;<br \/>\n}, 10, 2 );<br \/>\n<\/code><\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Radio with images<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141414 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-label-fcf32.png\" alt=\"Radio with images label\" width=\"238\" height=\"162\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-label-fcf32.png 238w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-label-fcf32-94x64.png 94w\" sizes=\"auto, (max-width: 238px) 100vw, 238px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141415 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32.png\" alt=\"Radio with images configuration\" width=\"981\" height=\"1018\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32-369x383.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32-684x710.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32-62x64.png 62w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32-260x270.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-images-configuration-fcf32-712x739.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Option Value<\/strong><\/em> - Enter a value and a label for each field option. The value will not be visible on the form.<\/p>\n<p><em><strong>Option Label<\/strong><\/em> - Enter a value and a label for each field option. The label will be visible on the form.<\/p>\n<p><em><strong>Upload Image<\/strong><\/em> - This button adds an image.<\/p>\n<p>Options added here are not sorted. It is also not possible to swap them using the drag &amp; drop method to arrange them in alphabetical order. This requires editing the <em>functions.php<\/em> file and pasting the following code there. Please replace <em>billing_radio_with_images<\/em>\u00a0with meta_name of the appropriate field.<\/p>\n<p><code>add_filter( 'flexible_checkout_fields_field_args', function ( $args, $key ) {<br \/>\nif ( ! in_array( $key, [ 'billing_radio_with_images' ] ) || ! isset( $args['options'] ) ) {<br \/>\nreturn $args;<br \/>\n}<br \/>\nusort( $args['options'], function( $a, $b ) {<br \/>\nreturn $a['value'] &lt;=&gt; $b['value'];<br \/>\n} );<br \/>\nreturn $args;<br \/>\n}, 10, 2 );<br \/>\n<\/code><\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Single item width in px<\/strong><\/em> - Set the size of a single element representing a color.<\/p>\n<p><em><strong>Hide labels for Options<\/strong><\/em> - Check this box to hide option labels with colors.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Radio with colors<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141457 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-label-fcf32.png\" alt=\"Radio with colors label\" width=\"240\" height=\"162\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-label-fcf32.png 240w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-label-fcf32-95x64.png 95w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141458 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32.png\" alt=\"Radio with colors configuration\" width=\"981\" height=\"1017\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32-369x383.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32-684x709.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32-62x64.png 62w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32-260x270.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/radio-with-colors-configuration-fcf32-712x738.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Option Value<\/strong><\/em> - Enter a value and a label for each field option. The value will not be visible on the form.<\/p>\n<p><em><strong>Option Label<\/strong><\/em> - Enter a value and a label for each field option. The label will be visible on the form.<\/p>\n<p>Options added here are not sorted. It is also not possible to swap them using the drag &amp; drop method to arrange them in alphabetical order. This requires editing the <em>functions.php<\/em> file and pasting the following code there. Please replace <em>billing_radio_with_colors<\/em>\u00a0with meta_name of the appropriate field.<\/p>\n<p><code>add_filter( 'flexible_checkout_fields_field_args', function ( $args, $key ) {<br \/>\nif ( ! in_array( $key, [ 'billing_radio_with_colors' ] ) || ! isset( $args['options'] ) ) {<br \/>\nreturn $args;<br \/>\n}<br \/>\nusort( $args['options'], function( $a, $b ) {<br \/>\nreturn $a['value'] &lt;=&gt; $b['value'];<br \/>\n} );<br \/>\nreturn $args;<br \/>\n}, 10, 2 );<br \/>\n<\/code><\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Single item width in px<\/strong><\/em> - Set the size of a single element representing a color.<\/p>\n<p><em><strong>Hide labels for Options<\/strong><\/em> - Check this box to hide option labels with colors.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h3>Picker Fields<\/h3>\n<h4>Color<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141428 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-label-fpf32.png\" alt=\"Color label\" width=\"275\" height=\"335\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-label-fpf32.png 275w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-label-fpf32-53x64.png 53w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-label-fpf32-260x317.png 260w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141429 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32.png\" alt=\"Color configuration\" width=\"981\" height=\"495\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32-369x186.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32-684x345.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32-125x64.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32-260x131.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/color-configuration-fcf32-712x359.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><strong><em>Default value<\/em> <span class=\"new-feature\">PRO<\/span>\u00a0<\/strong> - enter the <strong>Value<\/strong> of the option which should be the default.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Date<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141431 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-label-fcf32.png\" alt=\"Date label\" width=\"439\" height=\"375\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-label-fcf32.png 439w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-label-fcf32-369x315.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-label-fcf32-75x64.png 75w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-label-fcf32-260x222.png 260w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141432 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32.png\" alt=\"Date configuration\" width=\"981\" height=\"402\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32-369x151.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32-684x280.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/date-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - Check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - Enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - It's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong><span id=\"date-format\">Date format<\/span><\/strong><\/em> - Enter the WordPress date format.<\/p>\n<p><em><strong>Days before<\/strong><\/em> - Enter the range of days available in the calendar before the current date. Leave blank if the choice is not to be limited. The setting will not skip weekends and holidays.<\/p>\n<div class=\"info-box  info   \">It is possible to block past dates.<br \/>\nSet <strong>0<\/strong> to make present date and future dates available.<br \/>\nSet <strong>-1<\/strong> to make future dates available.<\/div>\n<p><em><strong>Days after<\/strong><\/em> - Enter the range of days available in the calendar after the current date. Leave blank if the choice is not to be limited. The setting will not skip weekends and holidays.<\/p>\n<p><em><strong>Excluded dates<\/strong><\/em> - Enter specific dates separating them with commas. Use the selected date format e.g. dd.mm.yyyy or yyyy-mm-dd.<\/p>\n<p><em><strong>Excluded days of week<\/strong><\/em> - Select days of the week that will not be available in the calendar e.g. weekends.<\/p>\n<p><em><strong>First day of week<\/strong><\/em> - Select the day of the week shown as the first in the calendar e.g. Monday.<\/p>\n<p><em><strong>Selected days limit<\/strong><\/em> - Set the maximum number of days available for selection in the calendar.<\/p>\n<p><em><strong>Time of day closing<\/strong><\/em> - Enter the value in the HH:MM format. Selecting the current date will not be possible after this time is exceeded.<\/p>\n<p><em><strong>Validation<\/strong><\/em> - The default validation is the only one available.<\/p>\n<div class=\"info-box  info   \">Read more about validation in <strong><a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\">this article \u00a0\u2192<\/a><\/strong>.<\/div>\n<h4>Time<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141438 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-label-fcf32.png\" alt=\"Time label\" width=\"439\" height=\"138\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-label-fcf32.png 439w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-label-fcf32-369x116.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-label-fcf32-125x39.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-label-fcf32-260x82.png 260w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141439 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32.png\" alt=\"Time configuration\" width=\"981\" height=\"403\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32-369x152.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32-684x281.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/time-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><em><strong>Use 12-hour clock<\/strong><\/em> - Check this checkbox to switch the clock to 12-hour (AM\/PM) mode.<\/p>\n<p><em><strong>Step minute<\/strong><\/em> - Enter a value between 1 and 60 to set an interval between minutes to choose from the list.<\/p>\n<h4>File Upload<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141440 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-label-fcf32.png\" alt=\"File Upload label\" width=\"436\" height=\"90\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-label-fcf32.png 436w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-label-fcf32-369x76.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-label-fcf32-125x26.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-label-fcf32-260x54.png 260w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141441 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32.png\" alt=\"File Upload configuration\" width=\"981\" height=\"462\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32-369x174.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32-684x322.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32-125x59.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32-260x122.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/file-upload-configuration-fcf32-712x335.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Required field<\/strong><\/em> - check to make a field required, and uncheck to make a field optional.<\/p>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<p><strong><em>Allowed file types<\/em>\u00a0<\/strong>- provide file types that will be available to upload<\/p>\n<p><em><strong>Maximum file size in MB<\/strong><\/em> - provide the maximum file size that your customer can upload<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 The files are stored in the following folder:<br \/>\n<strong><em>wp-content\/uploads\/woocommerce_uploads\/flexible-checkout-fields<\/em><\/strong><\/p>\n<p>Each file has a separate folder with a random name generated there. The name of such a folder is visible in the order in the WP panel. So the files are available either from the server or from the order (after pasting the URL of the file in the browser).<\/div>\n<div class=\"info-box  info   \">\ud83d\udca1 You need the <strong>fileinfo<\/strong> extension on the server to view files in the browser. This extension is enabled by default - please check if it is actually running in case of a problem with previewing files.<\/div>\n<h3>Other fields<\/h3>\n<h4>Headline<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141557 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-field-label-fcf32.png\" alt=\"Headline label\" width=\"452\" height=\"247\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-field-label-fcf32.png 452w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-field-label-fcf32-369x202.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-field-label-fcf32-117x64.png 117w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-field-label-fcf32-260x142.png 260w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141443 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32.png\" alt=\"Headline configuration\" width=\"981\" height=\"403\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32-369x152.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32-684x281.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/headline-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<h4>Paragraph<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141558 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-label-fcf32.png\" alt=\"Paragraph label\" width=\"452\" height=\"247\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-label-fcf32.png 452w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-label-fcf32-369x202.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-label-fcf32-117x64.png 117w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-label-fcf32-260x142.png 260w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141559 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32.png\" alt=\"Paragraph configuration\" width=\"971\" height=\"402\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32-369x153.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32-684x283.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32-125x52.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32-260x108.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/paragraph-field-configuration-fcf32-712x295.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<h4>Image<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141560 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-field-label-fcf32.png\" alt=\"Image label\" width=\"452\" height=\"247\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-field-label-fcf32.png 452w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-field-label-fcf32-369x202.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-field-label-fcf32-117x64.png 117w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-field-label-fcf32-260x142.png 260w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141447 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32.png\" alt=\"Image configuration\" width=\"981\" height=\"595\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32-369x224.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32-684x415.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32-106x64.png 106w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32-260x158.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/image-configuration-fcf32-712x432.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><strong><em>Upload image<\/em><\/strong> - Click this button to select an image.<\/p>\n<p><em><strong>Image width (in pixels)<\/strong><\/em> - Set the width of the inserted image.<\/p>\n<h4>HTML<\/h4>\n<p>Field on the checkout page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141561 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-field-label-fcf32.png\" alt=\"HTML label\" width=\"452\" height=\"247\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-field-label-fcf32.png 452w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-field-label-fcf32-369x202.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-field-label-fcf32-117x64.png 117w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-field-label-fcf32-260x142.png 260w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/p>\n<p>Configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141455 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32.png\" alt=\"HTML configuration\" width=\"981\" height=\"402\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32.png 981w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32-369x151.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32-684x280.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32-125x51.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32-260x107.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/html-configuration-fcf32-712x292.png 712w\" sizes=\"auto, (max-width: 981px) 100vw, 981px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><em><strong>Enable field<\/strong><\/em> - check to show a field or uncheck to hide a field.<\/p>\n<div class=\"info-box  info   \">\ud83d\udca1 When you hide a field, it will not show on the checkout page for your clients. However, you will still see it on the edit order page as an admin. It will be empty in this situation. The same conditions apply to field rearrangement. Your customers will see the changes while you will see the default arrangement in your admin panel.<\/div>\n<p><em><strong>Label<\/strong><\/em> - enter the field's label. You can use HTML here.<\/p>\n<p><em><strong>Meta name<\/strong><\/em> - it's the label's name in the database for developers' purposes.<\/p>\n<h4>Hidden<\/h4>\n<p>This field is hidden on the form and the user does not complete it. The value of the field is set in the <em>functions.php<\/em> file (of the page template) using the filter.<\/p>\n<p>The following example shows setting the <strong>default_value<\/strong> value for the <strong>_billing_my_field<\/strong> field.<\/p>\n<p><code>add_filter( 'default_checkout<strong>_billing_my_field<\/strong>', function( $value = null ) {<br \/>\nreturn '<strong>default_value<\/strong>';<br \/>\n} );<\/code><\/p>\n<p>If the value is not to be overwritten at the next order then the filter will need to be changed.<\/p>\n<p><code>add_filter( 'default_checkout<strong>_billing_my_field<\/strong>', function( $value = null ) {<br \/>\nif ( $value !== null ) {<br \/>\nreturn $value;<br \/>\n}<br \/>\nreturn '<strong>default_value<\/strong>';<br \/>\n} );<\/code><\/p>\n<h2>Settings<\/h2>\n<p>Go to menu <em>WooCommerce<\/em> \u2192 <em>Checkout Fields<\/em> \u2192 <em>Settings<\/em>.<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-settings-fcf340.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-150925 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-settings-fcf340.png\" alt=\"Settings &gt; Edit settings\" width=\"602\" height=\"854\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-settings-fcf340.png 602w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-settings-fcf340-369x523.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-settings-fcf340-45x64.png 45w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-settings-fcf340-260x369.png 260w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/a><\/p>\n<p><strong>CSS jQuery UI<\/strong> - in the plugin's settings, you can disable the loading of the CSS jQuery UI file. The CSS file is used to style some additional fields in the order (i.e. <i>Date<\/i> field), but it may cause conflicts with other plugins that also make use of jQuery UI (i.e. to create tabs). If you notice any problems when displaying your shop, try to disable this CSS file.<\/p>\n<p><strong id=\"custom_sections\">Custom Sections<\/strong> - you can add custom sections to checkout. Check custom sections and click <em>Save changes<\/em>. New sections will show up in tabs in the plugin menu.<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-custom-sections-tabs-fcf340.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-150929 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-custom-sections-tabs-fcf340.png\" alt=\"Settings &gt; Checkout Sections\" width=\"651\" height=\"126\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-custom-sections-tabs-fcf340.png 651w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-custom-sections-tabs-fcf340-369x71.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-custom-sections-tabs-fcf340-125x24.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-custom-sections-tabs-fcf340-260x50.png 260w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/a><\/p>\n<div class=\"info-box  info   \">Please note that some sections may not be available in your theme or may look garbled. This is not the plugin issue, but the theme issue.<\/div>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-150890 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340.png\" alt=\"WooCommerce checkout hooks view\" width=\"1118\" height=\"2672\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340.png 1118w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-369x882.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-684x1635.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-27x64.png 27w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-643x1536.png 643w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-857x2048.png 857w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-260x621.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-hooks-en-fcf340-712x1702.png 712w\" sizes=\"auto, (max-width: 1118px) 100vw, 1118px\" \/><\/a><\/p>\n<h2>Custom Sections<\/h2>\n<p>After adding a custom section go to its tab, add new fields, and edit sections. You can set the <em>Section title<\/em>, <em>Section title tag<\/em>, and <em>CSS class<\/em>.<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-141456 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32.png\" alt=\"Editing custom section\" width=\"1697\" height=\"1285\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32.png 1697w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32-369x279.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32-684x518.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32-85x64.png 85w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32-1536x1163.png 1536w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32-260x197.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-edycja-dodatkowych-sekcji-fcf32-712x539.png 712w\" sizes=\"auto, (max-width: 1697px) 100vw, 1697px\" \/><\/a><\/p>\n<p>All fields in the \"Billing\" and \"Shipping\" sections are cached, which means that when placing the next order, they will be completed or marked in accordance with the previous order.<\/p>\n<p>Cached sections:<\/p>\n<ul>\n<li>Before Customer Details <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Before Billing Heading <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Before Billing Form <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Billing<\/li>\n<li>After Billing Form <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Before Shipping Heading <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Before Shipping Form <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Shipping<\/li>\n<li>After Shipping Form <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>After Customer Details <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<\/ul>\n<p>Non-cached sections:<\/p>\n<ul>\n<li>Before Order Notes <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Order<\/li>\n<li>After Order Notes <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Before Payment <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>Before Submit\u00a0<strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>After Submit <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>After Payment <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<li>After Order Review <strong><span class=\"new-feature\">PRO<\/span><\/strong><\/li>\n<\/ul>\n<h2>Usage Examples<\/h2>\n<h3>Additional Agreements at the Checkout<\/h3>\n<p>You can add additional checkboxes that will appear directly over the button used to place an order. Here you can also add options, such as consent to send a newsletter or other sign-ups to which the user should agree. Every added checkbox can be made obligatory or optional.<\/p>\n<figure id=\"attachment_1932\" aria-describedby=\"caption-attachment-1932\" style=\"width: 654px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/05\/flexible-checkout-fields-additional-checkboxes-permissions.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1932\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/05\/flexible-checkout-fields-additional-checkboxes-permissions.png\" alt=\"Examples of checkboxes in the checkout\" width=\"654\" height=\"208\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/05\/flexible-checkout-fields-additional-checkboxes-permissions.png 654w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/05\/flexible-checkout-fields-additional-checkboxes-permissions-260x83.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/05\/flexible-checkout-fields-additional-checkboxes-permissions-300x95.png 300w\" sizes=\"auto, (max-width: 654px) 100vw, 654px\" \/><\/a><figcaption id=\"caption-attachment-1932\" class=\"wp-caption-text\">Examples of checkboxes in the checkout<\/figcaption><\/figure>\n<p>In plugin settings enable the <em>Before Submit<\/em> section. Next:<\/p>\n<ol>\n<li>Add field type <em>Checkbox<\/em>\u00a0and expand the field to editing.<\/li>\n<li>Check the <em>Required field<\/em> if you want to require this option.<\/li>\n<li>Enter the label of the checkbox.<\/li>\n<li>Enter the value of the checkbox (e.g. <em>Yes<\/em>, <em>Selected<\/em>, etc.). The value will be displayed only in the order preview if the checkbox was selected by the user. It's meant for the administrator only.<\/li>\n<li>Optionally, enter the CSS class.<\/li>\n<li>Click <em>Save Changes<\/em>.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125921 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30.png\" alt=\"Configuration for checbox\" width=\"971\" height=\"587\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30-369x223.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30-684x413.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30-106x64.png 106w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30-260x157.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-field-fcf30-712x430.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<h3>Information on selecting the checkbox in the order<\/h3>\n<p>If the checkbox has been selected by the user, the information appears in the details of the order:<\/p>\n<figure id=\"attachment_2353\" aria-describedby=\"caption-attachment-2353\" style=\"width: 1127px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2353\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order.png\" alt=\"Checkboxes selected in the admin panel\" width=\"1127\" height=\"419\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order.png 1127w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order-260x97.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order-712x265.png 712w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order-300x112.png 300w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/09\/woocommerce-flexible-checkout-fields-add-additional-checboxes-edit-order-684x254.png 684w\" sizes=\"auto, (max-width: 1127px) 100vw, 1127px\" \/><\/a><figcaption id=\"caption-attachment-2353\" class=\"wp-caption-text\">Checkboxes selected in the admin panel<\/figcaption><\/figure>\n<div class=\"info-box  info   \">If the checkbox has not been selected by the user, the information will not appear in the details of the order.<\/div>\n<h3>Displaying values of fields using custom PHP code. For advanced users<\/h3>\n<p>If you would like to display the value of a specific field entered by your customer in the checkout, use below PHP code:<br \/>\n<code>echo $order-&gt;get_meta( 'meta_name');<\/code><\/p>\n<p>To learn a meta name (the name that the field is written under in the database), check the field's configuration:<\/p>\n<p><a href=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125922 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30.png\" alt=\"Meta name\" width=\"971\" height=\"494\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30.png 971w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30-369x188.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30-684x348.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30-125x64.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30-260x132.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/woocommerce-checkout-meta-name-fcf30-712x362.png 712w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/a><\/p>\n<p>So, in this example: to display the <em>VAT Number<\/em> field value with meta name <code>_billing_vat_number<\/code>, use below PHP code:<br \/>\n<code>echo $order-&gt;get_meta( '_billing_vat_number');<\/code><\/p>\n<p>You can not use this method to retrieve data from the Headline and HTML fields because they do not have a value in the database.<\/p>\n<p><div class=\"info-box  info   \">Read how to use the new fields for <a href=\"https:\/\/wpdesk.net\/blog\/the-ultimate-woocommerce-gift-cards-plugin-personalized-templates-custom-shortcodes\/\" target=\"_blank\" rel=\"noopener\"><strong>WooCommerce personalized PDF gift cards<\/strong><\/a>!<\/div><div class=\"info-box  info   \"><\/div><\/p>\n<h2>Deleting the changes<\/h2>\n<p>To reset section settings click the \"Reset Section Settings\" button. For standard sections (Billing, Shipping, Order) custom fields will be deleted and standard fields will be reset to their default state, and for additional sections, all fields will be deleted.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-125923 size-full\" src=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30.png\" alt=\"Reset section settings\" width=\"1009\" height=\"233\" srcset=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30.png 1009w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30-369x85.png 369w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30-684x158.png 684w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30-125x29.png 125w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30-260x60.png 260w, https:\/\/wpdesk.net\/wp-content\/uploads\/2016\/06\/flexible-checkout-fields-reset-section-settings-fcf30-712x164.png 712w\" sizes=\"auto, (max-width: 1009px) 100vw, 1009px\" \/><\/p>\n<h2>Extra help<\/h2>\n<p>\ud83d\udca1 <a href=\"https:\/\/wpdesk.net\/docs\/validate-woocommerce-checkout-fields\/\" target=\"_blank\" rel=\"noopener\"><strong>How to validate WooCommerce Checkout Fields?<\/strong><\/a><\/p>\n<p>\ud83d\udca1 <strong><a href=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-conditional-logic\/\" target=\"_blank\" rel=\"noopener\">Everything about conditional logic in Flexible Checkout Fields<\/a><\/strong><\/p>\n<h2 id=\"free-pro\">Free vs. PRO Feature Comparison<\/h2>\n<p>To make it even easier for you to see the difference between the free and pro versions of the Flexible Checkout Fields for WooCommerce plugin, we've prepared for you a summary table of all the features. Take a look and decide which version you choose.<\/p>\n<table dir=\"ltr\" border=\"1\" data-sheets-root=\"1\">\n<colgroup>\n<col>\n<col>\n<col><\/colgroup>\n<tbody>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Feature&quot;}\"><strong>Feature<\/strong><\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&lt;a target=&quot;_blank&quot; href=&quot;&quot;https:\/\/wordpress.org\/plugins\/flexible-checkout-fields\/&quot;&quot; class=&quot;button &quot;btn&quot;&gt;Flexible Checkout Fields FREE \u2192&lt;\/a&gt;&quot;}\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/flexible-checkout-fields\/\" class=\"button btn btn-alt\"> FREE \u2192<\/a><\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&lt;a target=&quot;_blank&quot; href=&quot;&quot;https:\/\/wpdesk.net\/products\/flexible-checkout-fields-pro-woocommerce\/&quot;&quot; class=&quot;button &quot;btn&quot;&gt;Flexible Checkout Fields \u2192&lt;\/a&gt;&quot;}\"><a target=\"_blank\" href=\"https:\/\/wpdesk.net\/products\/flexible-checkout-fields-pro-woocommerce\/\" class=\"button btn btn-alt\"> PRO \u2192<\/a><\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Custom checkout fields: Text, Textarea, Number, E-mail, Phone, URL, Checkbox, Color, Headline, Paragraph, Image, HTML&quot;}\">Custom checkout fields: Text, Textarea, Number, E-mail, Phone, URL, Checkbox, Color, Headline, Paragraph, Image, HTML<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Custom checkout fields: Multi-checkbox, Select, Multi-select, Radio, Radio with images, Radio with colors, Date,Time, File Upload, Hidden&quot;}\">Custom checkout fields: Multi-checkbox, Select, Multi-select, Radio, Radio with images, Radio with colors, Date,Time, File Upload, Hidden<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Billing, Shipping or Order sections&quot;}\">Billing, Shipping or Order sections<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Extra Field Sections&quot;}\">Extra Field Sections<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&lt;yoastmark class=\">Enable\/Disable checkout fields<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Set field as required&quot;}\">Set field as required<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Change field label&quot;}\">Change field label<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;CSS Class support &quot;}\">CSS Class support<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&amp;quotPlaceholders for fields &quot;}\">Placeholders for fields<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Display on Thank you page, My account, E-mails&quot;}\">Display on Thank you page, My account, E-mails<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u2705<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on shipping methods&quot;}\">Conditional logic based on shipping methods<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on payment methods&quot;}\">Conditional logic based on payment methods<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on products and categories in cart&quot;}\">Conditional logic based on products and categories in cart<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on the cart value&quot;}\">Conditional logic based on the cart value<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on the Flexible Checkout Fields plugin fields &quot;}\">Conditional logic based on the Flexible Checkout Fields plugin fields<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on the default WooCommerce plugin fields&quot;}\">Conditional logic based on the default WooCommerce plugin fields<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Conditional logic based on the user role&quot;}\">Conditional logic based on the user role<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot; Conditional logic based on date&quot;}\">Conditional logic based on date<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot; Pricing per field&quot;}\">Pricing per field<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u274c&quot;}\">\u274c<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;\u2705&quot;}\">\u2705<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":188973,"parent":0,"menu_order":0,"template":"","meta":{"_yoast_wpseo_focuskw":"flexible checkout fields docs","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-1721","1":"docs","2":"type-docs","3":"status-publish","4":"has-post-thumbnail","6":"docs_category-plugin-docs","7":"entry"},"knowledge_base_tag":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.1 (Yoast SEO v22.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Docs: Flexible Checkout Fields WooCommerce - WP Desk<\/title>\n<meta name=\"description\" content=\"Docs: Flexible Checkout Fields WooCommerce - the plugin documentation shows the settings, features, and\u00a0options of the plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Docs: Flexible Checkout Fields WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Docs: Flexible Checkout Fields WooCommerce - the plugin documentation shows the settings, features, and\u00a0options of the plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Desk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpdesk\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-23T13:22:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@WP_Desk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"40 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/\",\"url\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/\",\"name\":\"Docs: Flexible Checkout Fields WooCommerce - WP Desk\",\"isPartOf\":{\"@id\":\"https:\/\/wpdesk.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png\",\"datePublished\":\"2025-03-07T15:11:18+00:00\",\"dateModified\":\"2025-04-23T13:22:00+00:00\",\"description\":\"Docs: Flexible Checkout Fields WooCommerce - the plugin documentation shows the settings, features, and\u00a0options of the plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#primaryimage\",\"url\":\"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png\",\"contentUrl\":\"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png\",\"width\":1200,\"height\":628,\"caption\":\"Flexible Checkout Fields WooCommerce - the checkout field editor plugin - frequent questions\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"WP Desk\",\"item\":\"https:\/\/wpdesk.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge Base\",\"item\":\"https:\/\/wpdesk.net\/docs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Plugin Documentation\",\"item\":\"https:\/\/wpdesk.net\/docs-category\/plugin-docs\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Docs: Flexible Checkout Fields WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpdesk.net\/#website\",\"url\":\"https:\/\/wpdesk.net\/\",\"name\":\"WP Desk\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpdesk.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Docs: Flexible Checkout Fields WooCommerce - WP Desk","description":"Docs: Flexible Checkout Fields WooCommerce - the plugin documentation shows the settings, features, and\u00a0options of the plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/","og_locale":"en_US","og_type":"article","og_title":"Docs: Flexible Checkout Fields WooCommerce","og_description":"Docs: Flexible Checkout Fields WooCommerce - the plugin documentation shows the settings, features, and\u00a0options of the plugin.","og_url":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/","og_site_name":"WP Desk","article_publisher":"https:\/\/www.facebook.com\/wpdesk\/","article_modified_time":"2025-04-23T13:22:00+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@WP_Desk","twitter_misc":{"Est. reading time":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/","url":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/","name":"Docs: Flexible Checkout Fields WooCommerce - WP Desk","isPartOf":{"@id":"https:\/\/wpdesk.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#primaryimage"},"image":{"@id":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#primaryimage"},"thumbnailUrl":"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png","datePublished":"2025-03-07T15:11:18+00:00","dateModified":"2025-04-23T13:22:00+00:00","description":"Docs: Flexible Checkout Fields WooCommerce - the plugin documentation shows the settings, features, and\u00a0options of the plugin.","breadcrumb":{"@id":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#primaryimage","url":"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png","contentUrl":"https:\/\/wpdesk.net\/wp-content\/uploads\/2024\/04\/plugin-documentation-flexible-checkout-fields.png","width":1200,"height":628,"caption":"Flexible Checkout Fields WooCommerce - the checkout field editor plugin - frequent questions"},{"@type":"BreadcrumbList","@id":"https:\/\/wpdesk.net\/docs\/flexible-checkout-fields-pro-woocommerce-docs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"WP Desk","item":"https:\/\/wpdesk.net\/"},{"@type":"ListItem","position":2,"name":"Knowledge Base","item":"https:\/\/wpdesk.net\/docs\/"},{"@type":"ListItem","position":3,"name":"Plugin Documentation","item":"https:\/\/wpdesk.net\/docs-category\/plugin-docs\/"},{"@type":"ListItem","position":4,"name":"Docs: Flexible Checkout Fields WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/wpdesk.net\/#website","url":"https:\/\/wpdesk.net\/","name":"WP Desk","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpdesk.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/docs\/1721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":9,"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/docs\/1721\/revisions"}],"predecessor-version":[{"id":206366,"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/docs\/1721\/revisions\/206366"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/media\/188973"}],"wp:attachment":[{"href":"https:\/\/wpdesk.net\/wp-json\/wp\/v2\/media?parent=1721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}