{"id":1289,"date":"2021-05-08T09:45:52","date_gmt":"2021-05-08T09:45:52","guid":{"rendered":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/?p=1289"},"modified":"2024-04-22T06:37:00","modified_gmt":"2024-04-22T06:37:00","slug":"how-to-add-custom-fields-meta-key-to-woocommerce-bulk-order-editing-plugin","status":"publish","type":"post","link":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/how-to-add-custom-fields-meta-key-to-woocommerce-bulk-order-editing-plugin\/","title":{"rendered":"How to add custom fields\/meta key to WooCommerce bulk order editing plugin?"},"content":{"rendered":"\n<p>Adding custom fields and meta key to <a href=\"https:\/\/ithemelandco.com\/plugins\/woocommerce-bulk-orders-editing\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce bulk orders editing plugin<\/a> is not a complicated task thanks to the options we have provided in the \u201c<strong>Meta Fields<\/strong>\u201d tab which can enable you to add them manually or automatically from orders.<\/p>\n\n\n\n<p>The most amazing thing about adding \u201c<strong>Custom Fields<\/strong>\u201d and meta key to Order Table is that you have also access to them on the \u201c<strong>Bulk Edit<\/strong>\u201d form, \u201c<strong>Filter Form<\/strong>\u201d and \u201c<strong>Column Profile\u201d<\/strong> form just like other fields.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding custom fields via meta fields tab<\/strong><\/h2>\n\n\n\n<p>As shown below, there are two ways to add custom fields to our plugin:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Manually&nbsp;<\/strong><\/h3>\n\n\n\n<p>Adding new fields manually is possible by following below steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Type the name of custom field in the <strong>Textbox<\/strong> under <strong>Manually<\/strong>&nbsp;<\/li>\n\n\n\n<li>Click on <strong>\u201c+\u201d<\/strong> sign&nbsp;<\/li>\n\n\n\n<li>Customize the custom fields in the opposite box&nbsp;<\/li>\n\n\n\n<li>Click on \u201c<strong>Save Fields\u201d<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Meta-Fields-tab.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1506\" height=\"603\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Meta-Fields-tab.png\" alt=\"Adding custom fields via Meta Fields tab in WooCommerce bulk orders editing plugin\" class=\"wp-image-1843\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Automatically from orders<\/strong><\/h3>\n\n\n\n<p>By using this option, you can add all custom fields assigned to one of the orders to our plugin very fast and easy.<\/p>\n\n\n\n<p>The process is the same as <strong>Manually<\/strong> method except that you have to type the <strong>ID no<\/strong>. Of your preferred order instead of the name of \u201c<strong>Custom Field\u201d<\/strong> in the <strong>Textbox<\/strong>.<\/p>\n\n\n\n<p>As soon as Clicking on <strong>\u201c+\u201d<\/strong> sign after typing the <strong>ID no<\/strong>. Of the order, all custom fields related to that order will be added to the opposite box automatically and you can customize and save them accordingly.<\/p>\n\n\n\n<p>Let\u2019s review some examples to make it more clear for you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Example 1: Add custom fields to the plugin&nbsp;<\/strong><\/h2>\n\n\n\n<p>In this example, we want to add \u201c<strong>Special Offer Order<\/strong>&#8221; to the plugin. It&#8217;s worth mentioning that you can just add those custom fields to the plugin which have been already added to the WooCommerce order page.&nbsp;<\/p>\n\n\n\n<p>So, pay attention to the attention you are typing in the <strong>Textbox<\/strong> box as it must be exactly the as the custom field name assigned to the WooCommerce order.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Manually.png\"><img decoding=\"async\" width=\"1519\" height=\"603\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Manually.png\" alt=\"Add order's custom fields to the plugin in WooCommerce bulk orders editing plugin\" class=\"wp-image-1844\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Manually-1.png\"><img decoding=\"async\" width=\"1508\" height=\"602\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Manually-1.png\" alt=\"\" class=\"wp-image-1845\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Example 2: Adding a custom field from Order automatically&nbsp;<\/strong><\/h2>\n\n\n\n<p>To add custom fields Automatically from <strong>order no. 2245<\/strong>, we typed this no. On the textbox:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Add-custom-fields-2-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1507\" height=\"604\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Add-custom-fields-2-1.png\" alt=\"Adding custom field from existing Order automatically\" class=\"wp-image-1846\"\/><\/a><\/figure>\n\n\n\n<p>As shown below, all custom fields assigned to that order no. were added to the opposite box.<\/p>\n\n\n\n<p>As we mentioned above by clicking on <strong>\u201c+\u201d,<\/strong> you can see the custom fields in the opposite box and now we are able to customize them by using below options:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Change the name<\/strong><\/h3>\n\n\n\n<p>If you want our plugin to display this meta field with different names on the other forms, you can type a new name in the <strong>Textbox<\/strong> in front of it.<\/p>\n\n\n\n<p>For instance, we typed \u201c<strong>Special Offer<\/strong>&#8221; in that box:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/change-name.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"608\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/change-name.png\" alt=\"\" class=\"wp-image-1847\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Change the type&nbsp;<\/strong>of custom fields<\/h3>\n\n\n\n<p>In the next box, you can choose a type for displaying the fields in the \u201c<strong>Bulk Edit<\/strong>\u201d form and \u201c<strong>Filter Form<\/strong>\u201d.<\/p>\n\n\n\n<p>We have listed some default types that you choose one of them to be assigned to the new fields including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Textbox&nbsp;<\/li>\n\n\n\n<li>TextArea<\/li>\n\n\n\n<li>Checkbox<\/li>\n\n\n\n<li>Radio<\/li>\n\n\n\n<li>Array<\/li>\n\n\n\n<li>Calendar<\/li>\n\n\n\n<li>Email<\/li>\n\n\n\n<li>Password<\/li>\n\n\n\n<li>Url<\/li>\n\n\n\n<li>Image<\/li>\n\n\n\n<li>File<\/li>\n\n\n\n<li>Editor<\/li>\n\n\n\n<li>Select<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Textbox-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1509\" height=\"603\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Textbox-2.png\" alt=\"Change the type of custom fields\" class=\"wp-image-1848\"\/><\/a><\/figure>\n\n\n\n<p>For example, we chose a <strong>Checkbox<\/strong> for <strong>\u201cSpecial order\u201d<\/strong> custom field as the data must be specified as a \u201c<strong>Yes\/ No<\/strong>\u201d option. We also selected the <strong>Calendar<\/strong> type for \u201c<strong>Delivery Date<\/strong>\u201d to edit or filter the data of this custom field as a date.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Change-the-type-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1507\" height=\"604\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Change-the-type-1.png\" alt=\"add new meta data in WooCommerce bulk order editing\" class=\"wp-image-1849\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Change the order of custom fields<\/strong>\/meta key<\/h3>\n\n\n\n<p>To change the order of custom fields columns, you can easily hold the click on the <strong>\u201c\u201d<\/strong> icon at the right and drag &amp; drop it anywhere you want.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Delivery-Date-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1507\" height=\"605\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Delivery-Date-1.png\" alt=\"delivery date\" class=\"wp-image-1851\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Delete custom fields&nbsp;<\/strong><\/h3>\n\n\n\n<p>It is also possible to delete each custom field by clicking on the <strong>\u201cX\u201d<\/strong> icon. So, the removed meta field won\u2019t be displayed in the plugin for editing or filtering.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Save custom fields<\/strong>\/meta key<\/h3>\n\n\n\n<p>To make our plugin display the custom fields added in the <strong>\u201cMeta Field\u201d<\/strong> tab, you need to click on \u201c<strong>Save Fields\u201d<\/strong>.<\/p>\n\n\n\n<p>Now, let\u2019s see how these fields are available for editing and filtering in \u201c<strong>Bulk Edit<\/strong>\u201d form and \u201c<strong>Filter Form<\/strong>\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Using custom fields in Filter Form&nbsp;<\/strong><\/h3>\n\n\n\n<p>As soon as saving the custom fields in the \u201c<strong>Meta Fields<\/strong>\u201d tab, all of them will be added to the \u201c<strong>Filter Form<\/strong>\u201d under \u201c<strong>Custom Field\u201d<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/change-the-order.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1515\" height=\"368\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/change-the-order.jpg\" alt=\"Using custom fields in Filter Form and fetch orders according custom fields \" class=\"wp-image-1731\"\/><\/a><\/figure>\n\n\n\n<p>For example, we tried to filter orders with <strong>Delivery<\/strong> Date from <strong>2012\/03\/07<\/strong> to <strong>17<\/strong> by following below steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open \u201c<strong>Filter Form<\/strong>\u201d<\/li>\n\n\n\n<li>Go to \u201c<strong>Custom Fields<\/strong>\u201d<\/li>\n\n\n\n<li>Pick the first and second date from in-built <strong>calendar<\/strong><\/li>\n\n\n\n<li>Click on \u201c<strong>Get orders<\/strong>\u201d<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Filter-Form.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1513\" height=\"388\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Filter-Form.jpg\" alt=\"Pick the first and second date from in-built calendar\" class=\"wp-image-1852\"\/><\/a><\/figure>\n\n\n\n<p>As illustrated below, those orders were filtered successfully:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/result-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1697\" height=\"356\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/result-2.png\" alt=\"fetch final orders were filtered successfully according to custom fields value\" class=\"wp-image-1853\" srcset=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/result-2.png 1697w, https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/result-2-1536x322.png 1536w\" sizes=\"(max-width: 1697px) 100vw, 1697px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add custom fields and meta keys columns to the order table&nbsp;<\/strong><\/h3>\n\n\n\n<p>Adding custom fields to the order table is easily possible via <strong>\u201cColumn Profiles\u201d<\/strong> form.<\/p>\n\n\n\n<p>To manage the columns displayed in the order table you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Press column profile button on the main page to open the \u201c<strong>Column Profile\u201d <\/strong>form<\/li>\n\n\n\n<li>Scroll down to see \u201c<strong>Custom Fields<\/strong>\u201d section<\/li>\n\n\n\n<li>Mark those fields that you need to be displayed in the table<\/li>\n\n\n\n<li>Click on \u201c<strong>Apply to Table<\/strong>\u201d<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Column-Profile.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1495\" height=\"838\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Column-Profile.png\" alt=\"Add custom fields columns to the order table \" class=\"wp-image-1732\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Bulk Edit Custom Fields<\/strong><\/h3>\n\n\n\n<p>After saving the custom fields and meta key, you have access to them on the \u201c<strong>Bulk Edit<\/strong>\u201d form by pressing the \u201c<strong>Bulk Edit<\/strong>\u201d button on the main page and going to \u201c<strong>Custom Fields<\/strong>\u201d tab.<\/p>\n\n\n\n<p>As shown below, both custom fields we added before displayed in the \u201c<strong>Custom Fields<\/strong>\u201d tab:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Custom-Fields-tab.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"376\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Custom-Fields-tab.jpg\" alt=\"\" class=\"wp-image-1733\"\/><\/a><\/figure>\n\n\n\n<p>For example, we clicked on the box in front of <strong>\u201cDelivery Date<\/strong>\u201d and as you can see below, the built-in calendar was opened.<\/p>\n\n\n\n<p>So, we picked a date to be assigned to this field for the filtered orders:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Delivery-Date-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"534\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Delivery-Date-2.jpg\" alt=\"change Delivery Date in bulk edit\" class=\"wp-image-1854\"\/><\/a><\/figure>\n\n\n\n<p>By clicking on \u201c<strong>Do Bulk Edit<\/strong>\u201d, the Delivery Date of all filtered orders has been changes as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Do-Bulk-Edit.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1701\" height=\"358\" src=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Do-Bulk-Edit.png\" alt=\"apply new value to custom fields\" class=\"wp-image-1855\" srcset=\"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Do-Bulk-Edit.png 1701w, https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-content\/uploads\/sites\/7\/2024\/04\/Do-Bulk-Edit-1536x323.png 1536w\" sizes=\"(max-width: 1701px) 100vw, 1701px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Adding custom fields and meta key to WooCommerce bulk orders editing plugin is not a complicated task thanks to the options we have provided in the \u201cMeta Fields\u201d tab which can enable you to add them manually or automatically from orders. The most amazing thing about adding \u201cCustom Fields\u201d and meta key to Order Table [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1289","post","type-post","status-publish","format-standard","hentry","category-plugin-usage"],"_links":{"self":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/posts\/1289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":0,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/posts\/1289\/revisions"}],"wp:attachment":[{"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/media?parent=1289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/categories?post=1289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ithemelandco.com\/docs\/woocommerce-bulk-orders-editing\/wp-json\/wp\/v2\/tags?post=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}