{"id":382311,"date":"2023-06-01T10:08:47","date_gmt":"2023-06-01T10:08:47","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=382311"},"modified":"2024-04-17T12:02:50","modified_gmt":"2024-04-17T12:02:50","slug":"add-custom-meta-box-in-woocommerce-order-page","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/","title":{"rendered":"How to Add Custom Meta Box in WooCommerce Order Page?"},"content":{"rendered":"\n<p>This article dives into the world of meta boxes, exploring what they are, how to add them, and how to customize their position within the WooCommerce environment.<\/p>\n\n\n\n<p>Meta boxes are an essential feature in WordPress that empower users to enhance the functionality and flexibility of their websites.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">What is meta box?<\/h2>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>A user interface element is used to display additional information or options for a specific post type in WordPress.<\/p>\n\n\n\n<p>It allows users to add custom fields, metadata, and other settings in the WordPress editor. Meta boxes are often added through <a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce plugins<\/a> or custom code. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">How to add meta box?<\/h2>\n<\/div><\/div>\n\n\n\n<p>WordPress provides a hook  <strong>add_meta_boxes<\/strong> hook for adding the custom meta box. we have used this hook to add a custom meta box in the WooCommerce order edit page.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\/\/ Add custom meta box to WooCommerce orders page\nadd_action( &#039;add_meta_boxes&#039;, &#039;custom_order_meta_box&#039; );\n\n\/**\n * Add custom meta box.\n *\n * @return void\n *\/\nfunction custom_order_meta_box() {\n\tadd_meta_box(\n\t\t&#039;custom-order-meta-box&#039;,\n\t\t__( &#039;Custom Meta Box&#039;, &#039;webkul&#039; ),\n\t\t&#039;custom_order_meta_box_callback&#039;,\n\t\t&#039;shop_order&#039;,\n\t\t&#039;advanced&#039;,\n\t\t&#039;core&#039;\n\t);\n}<\/pre>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">Create custom meta box<\/h2>\n<\/div><\/div>\n\n\n\n<p>Now we need to display the custom HTML or content to display inside the meta box body. We have added a callback function for this called <strong>custom_order_meta_box_callback<\/strong>. which contains the code to render inside the meta box.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\n\/**\n * Callback function for custom meta box.\n *\n * @param object $post Post object.\n *\n * @return void\n *\/\nfunction custom_order_meta_box_callback( $post ) {\n\t\/\/ Get the saved value\n\t$custom_value = get_post_meta( $post-&gt;ID, &#039;_custom_value&#039;, true );\n\n\t\/\/ Output the input field\n\techo &#039;&lt;p&gt;&lt;label for=&quot;custom-value&quot;&gt;&#039; . __( &#039;Custom Value:&#039;, &#039;webkul&#039; ) . &#039;&lt;\/label&gt; &#039;;\n\techo &#039;&lt;input type=&quot;text&quot; id=&quot;custom-value&quot; name=&quot;custom_value&quot; value=&quot;&#039; . esc_attr( $custom_value ) . &#039;&quot; \/&gt;&lt;\/p&gt;&#039;;\n}<\/pre>\n\n\n\n<p>This code represents a custom Input box, as this is looking similar to the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"522\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg\" alt=\"custom meta box in woocommerce\" class=\"wp-image-382578\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-300x130.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-250x109.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-768x334.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page.jpg 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">Customise the position of custom meta box in WooCommerce<\/h2>\n<\/div><\/div>\n\n\n\n<p>We can customise the position of the custom meta box. There are several positions or contexts of custom meta box like normal, side and advanced.<\/p>\n\n\n\n<p><strong>Normal<\/strong>: Normal context displays the custom meta box in the WooCommerce order edit page&#8217;s middle content.<\/p>\n\n\n\n<p><strong>Advanced<\/strong>: Advanced context displays the custom meta box in the WooCommerce order edit page&#8217;s middle content.<\/p>\n\n\n\n<p><strong>Side<\/strong>: Side context display the meta box in the WooCommerce order edit page&#8217;s side content. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"525\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/Woocommerce-order-page-meta-box-position-1200x525.jpg\" alt=\"WooCommerce order page custom meta box position\" class=\"wp-image-384103\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/Woocommerce-order-page-meta-box-position-1200x525.jpg 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/Woocommerce-order-page-meta-box-position-300x131.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/Woocommerce-order-page-meta-box-position-250x109.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/Woocommerce-order-page-meta-box-position-768x336.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/Woocommerce-order-page-meta-box-position.jpg 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>We can manage the vertical position of the meta box by priority. There are several priorities are as high, core, default and low.<\/p>\n\n\n\n<p>These all priorities work in top to bottom direction, high priority displays the meta box on the top position and low priority displays the meta box on the lower bottom side. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">Download Source Code from GitHub<\/h2>\n<\/div><\/div>\n\n\n\n<p>We have stored the complete source code on GitHub, click here to get the <a href=\"https:\/\/github.com\/Ajeet-kumar-webkul\/custom-meta-box\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">custom meta box source code<\/a>. Also, we have used the custom meta boxes in our many plugins, one of them is <a href=\"https:\/\/store.webkul.com\/woocommerce-pos-french-nf525-certified.html\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce POS NF525<\/a>. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">WooCommerce Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For any technical assistance kindly<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\"> raise\u00a0a ticket<\/a>\u00a0or\u00a0reach\u00a0us by email at\u00a0support@webkul.com. Thanks for Your Time! Have a Good Day!<\/p>\n\n\n\n<p>If you require expert assistance or want to develop custom unique functionality,<a href=\"https:\/\/webkul.com\/hire-woocommerce-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00a0Hire WooCommerce Developers<\/a>\u00a0for your project.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article dives into the world of meta boxes, exploring what they are, how to add them, and how to customize their position within the WooCommerce environment. Meta boxes are an essential feature in WordPress that empower users to enhance the functionality and flexibility of their websites. A user interface element is used to display <a href=\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":514,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1773,1260],"tags":[7084],"class_list":["post-382311","post","type-post","status-publish","format-standard","hentry","category-woocommerce","category-wordpress","tag-custom-meta-box"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Custom Meta Box in WooCommerce Order Page?<\/title>\n<meta name=\"description\" content=\"This blog contains the information about how to add custom meta box in WooCommerce order page, with meta box position handling.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Custom Meta Box in WooCommerce Order Page?\" \/>\n<meta property=\"og:description\" content=\"This blog contains the information about how to add custom meta box in WooCommerce order page, with meta box position handling.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-01T10:08:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-17T12:02:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg\" \/>\n<meta name=\"author\" content=\"Ajeet Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ajeet Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\"},\"author\":{\"name\":\"Ajeet Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a\"},\"headline\":\"How to Add Custom Meta Box in WooCommerce Order Page?\",\"datePublished\":\"2023-06-01T10:08:47+00:00\",\"dateModified\":\"2024-04-17T12:02:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\"},\"wordCount\":426,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg\",\"keywords\":[\"custom meta box\"],\"articleSection\":[\"WooCommerce\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\",\"url\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\",\"name\":\"How to Add Custom Meta Box in WooCommerce Order Page?\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg\",\"datePublished\":\"2023-06-01T10:08:47+00:00\",\"dateModified\":\"2024-04-17T12:02:50+00:00\",\"description\":\"This blog contains the information about how to add custom meta box in WooCommerce order page, with meta box position handling.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page.jpg\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page.jpg\",\"width\":1366,\"height\":594,\"caption\":\"woocommerce-order-page\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Custom Meta Box in WooCommerce Order Page?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a\",\"name\":\"Ajeet Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ajeet Kumar\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/ajeetkumar-wp300\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Custom Meta Box in WooCommerce Order Page?","description":"This blog contains the information about how to add custom meta box in WooCommerce order page, with meta box position handling.","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:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Custom Meta Box in WooCommerce Order Page?","og_description":"This blog contains the information about how to add custom meta box in WooCommerce order page, with meta box position handling.","og_url":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-06-01T10:08:47+00:00","article_modified_time":"2024-04-17T12:02:50+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg","type":"","width":"","height":""}],"author":"Ajeet Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ajeet Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/"},"author":{"name":"Ajeet Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a"},"headline":"How to Add Custom Meta Box in WooCommerce Order Page?","datePublished":"2023-06-01T10:08:47+00:00","dateModified":"2024-04-17T12:02:50+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/"},"wordCount":426,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg","keywords":["custom meta box"],"articleSection":["WooCommerce","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/","url":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/","name":"How to Add Custom Meta Box in WooCommerce Order Page?","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page-1200x522.jpg","datePublished":"2023-06-01T10:08:47+00:00","dateModified":"2024-04-17T12:02:50+00:00","description":"This blog contains the information about how to add custom meta box in WooCommerce order page, with meta box position handling.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page.jpg","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/05\/woocommerce-order-page.jpg","width":1366,"height":594,"caption":"woocommerce-order-page"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/add-custom-meta-box-in-woocommerce-order-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Custom Meta Box in WooCommerce Order Page?"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/5f808ce65cf4b6793c84e4194fcbb50a","name":"Ajeet Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b53b8b6a4395f59f9d903094cded9b2544da27386e70990e16b993e658c17f4b?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ajeet Kumar"},"url":"https:\/\/webkul.com\/blog\/author\/ajeetkumar-wp300\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/382311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/514"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=382311"}],"version-history":[{"count":36,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/382311\/revisions"}],"predecessor-version":[{"id":434609,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/382311\/revisions\/434609"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=382311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=382311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=382311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}