I have extended checkout page with comment note for customer feedback. And the textbox also appearing in checkout page.

But I don't know how to get custom field value and save Could you please instruct me how to do it.

For this I have wrote below code.


    <label><span data-bind="i18n: 'Comments'"></span></label>
    <textarea id="order_comment" rows="7" cols="15"/>
<div class="billing-address-same-as-shipping-block field choice" data-bind="visible: canUseShippingAddress()">
    <input type="checkbox" name="billing-address-same-as-shipping" data-bind="checked: isAddressSameAsShipping, click: useShippingAddress, attr: {id: 'billing-address-same-as-shipping-' + $parent.getCode()}"/>
    <label data-bind="attr: {for: 'billing-address-same-as-shipping-' + $parent.getCode()}"><span data-bind="i18n: 'My billing and shipping address are the same'"></span></label>

<!-- ko template: 'Magento_Checkout/billing-address/details' --><!-- /ko -->
<fieldset class="fieldset" data-bind="visible: !isAddressDetailsVisible()">
    <!-- ko template: 'Magento_Checkout/billing-address/list' --><!-- /ko -->
    <!-- ko template: 'Magento_Checkout/billing-address/form' --><!-- /ko -->
    <div class="actions-toolbar">
        <div class="primary">
            <button class="action action-update" type="button" data-bind="click: updateAddress">
                <span data-bind="i18n: 'Update'"></span>
            <button class="action action-cancel" type="button" data-bind="click: cancelAddressEdit">
                <span data-bind="i18n: 'Cancel'"></span>

My textbox appearing in Checkout Page

enter image description here

Could you please instruct me how to get custom field and save.

  • @Marius any help on this?
    – Bojjaiah
    Mar 15, 2016 at 8:45
  • @SohelRana any help on this?
    – Bojjaiah
    Mar 15, 2016 at 8:47
  • any luck on this
    – Devidas
    Nov 24, 2020 at 16:53
  • @Devidas see my answer posted. let me know if it's not work.
    – Bojjaiah
    Nov 25, 2020 at 6:26

2 Answers 2


There is already a pretty good tutorial about this, check out: http://oyenetwork.com/articles/magento2-devliery-date-module-creation-from-scratch/.

What he does:

  • Create the field in both quote and sales_order table with InstallData.php
  • Add extension attribute for shipping information
  • Override Magento_Checkout/js/model/shipping-save-processor/default to get the attribute data with jQuery and add it to the shipping information.
  • Add the attribute data the the quote
  • Add the attribute data to the order
  • Fetch the data in the admin panel and show on the order page
  • I want get the custom field value from Payment Section field not shipping information section. In Shipping Information I know how to get the custom field value.
    – Bojjaiah
    Mar 25, 2016 at 6:06
  • It is work for me , but when I wanna edit order in admin panel this filed will not showing
    – ali gh
    Dec 7, 2016 at 10:10

Finally I get the data by using below code

$request_body = file_get_contents('php://input');
$data = json_decode($request_body,true);
$po_number =$data['po_number']

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.