{"id":299590,"date":"2021-08-05T15:54:31","date_gmt":"2021-08-05T15:54:31","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=299590"},"modified":"2023-09-20T11:19:24","modified_gmt":"2023-09-20T11:19:24","slug":"save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/","title":{"rendered":"Save custom data at checkout  and show that data within orders using extension attributes Magento 2"},"content":{"rendered":"\n<p>Today, we will see how we can add custom data at checkout .<\/p>\n\n\n\n<p>We will also save this data in orders using extension attribute.<\/p>\n\n\n\n<p>To begin with, we will first have to create a text area or text field at checkout page from where we will take input from customer  who is placing the order. For this we will have to override this file checkout_index_index.xml.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;page xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd&quot;&gt;\n&lt;body&gt;\n&lt;referenceBlock name=&quot;checkout.root&quot;&gt;\n    &lt;arguments&gt;\n        &lt;argument name=&quot;jsLayout&quot; xsi:type=&quot;array&quot;&gt;\n            &lt;item name=&quot;components&quot; xsi:type=&quot;array&quot;&gt;\n                &lt;item name=&quot;checkout&quot; xsi:type=&quot;array&quot;&gt;\n                    &lt;item name=&quot;children&quot; xsi:type=&quot;array&quot;&gt;\n                        &lt;item name=&quot;steps&quot; xsi:type=&quot;array&quot;&gt;\n                            &lt;item name=&quot;children&quot; xsi:type=&quot;array&quot;&gt;\n                                &lt;item name=&quot;shipping-step&quot; xsi:type=&quot;array&quot;&gt;\n                                    &lt;item name=&quot;children&quot; xsi:type=&quot;array&quot;&gt;\n                                        &lt;item name=&quot;shippingAddress&quot; xsi:type=&quot;array&quot;&gt;\n                                            &lt;item name=&quot;children&quot; xsi:type=&quot;array&quot;&gt;\n                                                &lt;item name=&quot;shippingAdditional&quot; xsi:type=&quot;array&quot;&gt;\n                                                    &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;uiComponent&lt;\/item&gt;\n                                                    &lt;item name=&quot;displayArea&quot; xsi:type=&quot;string&quot;&gt;shippingAdditional&lt;\/item&gt;\n                                                    &lt;item name=&quot;children&quot; xsi:type=&quot;array&quot;&gt;\n                                                        &lt;item name=&quot;additional_block&quot; xsi:type=&quot;array&quot;&gt;\n                                                            &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Webkul_CheckoutCustomization\/js\/view\/checkout\/shipping-instruction&lt;\/item&gt;\n                                                        &lt;\/item&gt;\n                                                    &lt;\/item&gt;\n                                                &lt;\/item&gt;\n                                            &lt;\/item&gt;\n                                        &lt;\/item&gt;\n                                    &lt;\/item&gt;\n                                &lt;\/item&gt;\n                            &lt;\/item&gt;\n                        &lt;\/item&gt;\n                    &lt;\/item&gt;\n                &lt;\/item&gt;\n            &lt;\/item&gt;\n        &lt;\/argument&gt;\n    &lt;\/arguments&gt;\n&lt;\/referenceBlock&gt;\n&lt;\/body&gt;\n&lt;\/page&gt;<\/pre>\n\n\n\n<p>Now, we will have to add the js component file which will load our custom js at checkout page.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">define(\n    &#091;\n        &quot;uiComponent&quot;,\n        &#039;ko&#039;\n    ],\n    function(\n        Component,\n        ko\n    ) {\n        &#039;use strict&#039;;\n        return Component.extend({\n            defaults: {\n                template: &#039;Webkul_CheckoutCustomization\/optioninstruction&#039;\n            },\n            initialize: function () {\n                this._super();\n            },\n            isDisplayOption: function () {\n                return true;\n            }\n\n        });\n    }\n);<\/pre>\n\n\n\n<p>In this file we have initialized the html template. <\/p>\n\n\n\n<p>Here we can add the input field where user will enter the optional data.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;!-- ko if: isDisplayOption() --&gt;\n&lt;div class=&quot;wk-ship-ins&quot;&gt;\n    &lt;label data-bind=&quot;i18n: &#039;Order Instructions (Optional)&#039;&quot;&gt;&lt;\/label&gt;\n    &lt;textarea name=&quot;wk_shipping_ins&quot; style=&quot;margin-top:2%&quot; placeholder=&quot;Enter your requirement here...&quot;&gt;&lt;\/textarea&gt;\n&lt;\/div&gt;\n&lt;!-- \/ko --&gt;<\/pre>\n\n\n\n<p>To view changes we need to flush cache and the option will be visible in the checkout page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1029\" height=\"528\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png\" alt=\"blog-1\" class=\"wp-image-299592\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png 1029w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1-300x154.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1-768x394.png 768w\" sizes=\"(max-width: 1029px) 100vw, 1029px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once the text area  has been added at shipping page, we also need  to save this value in database for which we will add new field in database using db_schema file. <\/p>\n\n\n\n<p>You need to add this file in directory Vendor_ModuleName\/etc\/<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;?xml version=&quot;1.0&quot;?&gt;\n&lt;!--\n\/**\n * Webkul Software.\n *\n * @category  Webkul\n * @package   Webkul_CheckoutCustomization\n * @author    Webkul\n * @copyright Copyright (c) Webkul Software Private Limited (https:\/\/webkul.com)\n * @license   https:\/\/store.webkul.com\/license.html\n *\/\n--&gt;\n&lt;schema xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:Setup\/Declaration\/Schema\/etc\/schema.xsd&quot;&gt;\n    &lt;table name=&quot;quote&quot; resource=&quot;sales&quot; comment=&quot;quote table&quot;&gt;\n            &lt;column xsi:type=&quot;varchar&quot; name=&quot;wk_shipping_ins&quot; length=&quot;255&quot; comment=&quot;shipping instruction&quot;\/&gt;\n    &lt;\/table&gt;\n     &lt;table name=&quot;sales_order&quot; resource=&quot;sales&quot; comment=&quot;sales order table&quot;&gt;\n        &lt;column xsi:type=&quot;varchar&quot; name=&quot;wk_shipping_ins&quot; length=&quot;255&quot; comment=&quot;shipping instruction&quot;\/&gt;\n    &lt;\/table&gt;\n&lt;\/schema&gt;<\/pre>\n\n\n\n<p>Execute command php bin\/magento setup:up for updating the database. I have added fields in quote and order table as per my requirement .<\/p>\n\n\n\n<p>Next you need to create extension attribute file, if yyou want to learn more about extension attribute  you can check it in devdocs <a href=\"https:\/\/devdocs.magento.com\/guides\/v2.4\/extension-dev-guide\/attributes.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/devdocs.magento.com\/guides\/v2.4\/extension-dev-guide\/attributes.html<\/a><\/p>\n\n\n\n<p>For extension attribute I have added file in Module\/etc\/extension_attributes.xml<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;?xml version=&quot;1.0&quot;?&gt;\n&lt;config xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:Api\/etc\/extension_attributes.xsd&quot;&gt;\n    &lt;extension_attributes for=&quot;Magento\\Checkout\\Api\\Data\\ShippingInformationInterface&quot;&gt;\n        &lt;attribute code=&quot;wk_shipping_ins&quot; type=&quot;string&quot;\/&gt;\n    &lt;\/extension_attributes&gt;\n&lt;\/config&gt;<\/pre>\n\n\n\n<p>Now you need to add the extension attribute within payload for which we will create a mixin.<\/p>\n\n\n\n<p>We will create requirejs-config.js file in Vendor_Module\/view\/frontend\/requirejs-config.js<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\/**\n * Webkul Software\n *\n * @category Webkul\n * @package Webkul_CheckoutCustomization\n * @author Webkul\n * @copyright Copyright (c)  Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n var config = {\n    config: {\n        mixins: {\n            &#039;Magento_Checkout\/js\/model\/shipping-save-processor\/payload-extender&#039;: {\n                &#039;Webkul_CheckoutCustomization\/js\/model\/shipping-save-processor\/payload-extender-mixin&#039;: true\n            }\n        }\n    }\n};<\/pre>\n\n\n\n<p>Finally, we will add the payload-extender file to add value to extension attribute.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\/**\n * Webkul Software\n *\n * @category Webkul\n * @package Webkul_CheckoutCustomization\n * @author Webkul\n * @copyright Copyright (c)  Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n define(&#091;&#039;jquery&#039;, &#039;underscore&#039;, &#039;mage\/utils\/wrapper&#039;], function ($, _, wrapper) {\n    &#039;use strict&#039;;\n    return function (payloadExtender) {\n        return wrapper.wrap(payloadExtender, function (originalPayloadExtender, payload) {\n            originalPayloadExtender(payload);\n            _.extend(payload.addressInformation.extension_attributes,\n                {\n                    &#039;wk_shipping_ins&#039;: $(&#039;&#091;name=&quot;wk_shipping_ins&quot;]&#039;).val()\n                }\n            );\n        });\n    };\n});<\/pre>\n\n\n\n<p>That&#8217;s it. Now all you need to do is execute deploy command.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, we will see how we can add custom data at checkout . We will also save this data in orders using extension attribute. To begin with, we will first have to create a text area or text field at checkout page from where we will take input from customer who is placing the order. <a href=\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":316,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[],"class_list":["post-299590","post","type-post","status-publish","format-standard","hentry","category-magento-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Save custom data at checkout and show that data within orders using extension attributes Magento 2 - Webkul Blog<\/title>\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\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Save custom data at checkout and show that data within orders using extension attributes Magento 2 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Today, we will see how we can add custom data at checkout . We will also save this data in orders using extension attribute. To begin with, we will first have to create a text area or text field at checkout page from where we will take input from customer who is placing the order. [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\" \/>\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=\"2021-08-05T15:54:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-20T11:19:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png\" \/>\n<meta name=\"author\" content=\"Kritika Bhatt\" \/>\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=\"Kritika Bhatt\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\"},\"author\":{\"name\":\"Kritika Bhatt\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/efad286900f29890c16fa57f79e763a1\"},\"headline\":\"Save custom data at checkout and show that data within orders using extension attributes Magento 2\",\"datePublished\":\"2021-08-05T15:54:31+00:00\",\"dateModified\":\"2023-09-20T11:19:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\"},\"wordCount\":309,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png\",\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\",\"url\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\",\"name\":\"Save custom data at checkout and show that data within orders using extension attributes Magento 2 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png\",\"datePublished\":\"2021-08-05T15:54:31+00:00\",\"dateModified\":\"2023-09-20T11:19:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png\",\"width\":1029,\"height\":528,\"caption\":\"blog-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Save custom data at checkout and show that data within orders using extension attributes Magento 2\"}]},{\"@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\/efad286900f29890c16fa57f79e763a1\",\"name\":\"Kritika Bhatt\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/01938a8d81e38af7d0befb578ac580c2572d436ed747f1198638d56e5193a097?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\/01938a8d81e38af7d0befb578ac580c2572d436ed747f1198638d56e5193a097?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Kritika Bhatt\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/kritikabhatt-magento019\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Save custom data at checkout and show that data within orders using extension attributes Magento 2 - Webkul Blog","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\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/","og_locale":"en_US","og_type":"article","og_title":"Save custom data at checkout and show that data within orders using extension attributes Magento 2 - Webkul Blog","og_description":"Today, we will see how we can add custom data at checkout . We will also save this data in orders using extension attribute. To begin with, we will first have to create a text area or text field at checkout page from where we will take input from customer who is placing the order. [...]","og_url":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-08-05T15:54:31+00:00","article_modified_time":"2023-09-20T11:19:24+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png","type":"","width":"","height":""}],"author":"Kritika Bhatt","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Kritika Bhatt","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/"},"author":{"name":"Kritika Bhatt","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/efad286900f29890c16fa57f79e763a1"},"headline":"Save custom data at checkout and show that data within orders using extension attributes Magento 2","datePublished":"2021-08-05T15:54:31+00:00","dateModified":"2023-09-20T11:19:24+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/"},"wordCount":309,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png","articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/","url":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/","name":"Save custom data at checkout and show that data within orders using extension attributes Magento 2 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png","datePublished":"2021-08-05T15:54:31+00:00","dateModified":"2023-09-20T11:19:24+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/blog-1.png","width":1029,"height":528,"caption":"blog-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/save-custom-data-at-checkout-and-show-that-data-within-orders-using-extension-attributes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Save custom data at checkout and show that data within orders using extension attributes Magento 2"}]},{"@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\/efad286900f29890c16fa57f79e763a1","name":"Kritika Bhatt","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/01938a8d81e38af7d0befb578ac580c2572d436ed747f1198638d56e5193a097?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\/01938a8d81e38af7d0befb578ac580c2572d436ed747f1198638d56e5193a097?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Kritika Bhatt"},"url":"https:\/\/webkul.com\/blog\/author\/kritikabhatt-magento019\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/299590","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\/316"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=299590"}],"version-history":[{"count":9,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/299590\/revisions"}],"predecessor-version":[{"id":401437,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/299590\/revisions\/401437"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=299590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=299590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=299590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}