Add a custom checkbox in WooCommerce checkout which value shows in admin edit order

by

You can do it in 3 steps:

  1. Adding the custom checkbox field below the Payment Methods
  2. Saving the custom checkbox field when it’s checked in the order meta
  3. Displaying the custom checkbox field when it’s checked on the order edit page

Here is that code:

// Add custom checkout field: woocommerce_review_order_before_submit
add_action( 'woocommerce_review_order_before_submit', 'my_custom_checkout_field' );
function my_custom_checkout_field() {
    echo '<div id="my_custom_checkout_field">';

    woocommerce_form_field( 'my_field_name', array(
        'type'      => 'checkbox',
        'class'     => array('input-checkbox'),
        'label'     => __('My custom checkbox'),
    ),  WC()->checkout->get_value( 'my_field_name' ) );
    echo '</div>';
}

// Save the custom checkout field in the order meta, when checkbox has been checked
add_action( 'woocommerce_checkout_update_order_meta', 'custom_checkout_field_update_order_meta', 10, 1 );
function custom_checkout_field_update_order_meta( $order_id ) {

    if ( ! empty( $_POST['my_field_name'] ) )
        update_post_meta( $order_id, 'my_field_name', $_POST['my_field_name'] );
}

// Display the custom field result on the order edit page (backend) when checkbox has been checked
add_action( 'woocommerce_admin_order_data_after_billing_address', 'display_custom_field_on_order_edit_pages', 10, 1 );
function display_custom_field_on_order_edit_pages( $order ){
    $my_field_name = get_post_meta( $order->get_id(), 'my_field_name', true );
    if( $my_field_name == 1 )
        echo '<p><strong>My custom field: </strong> <span style="color:red;">Is enabled</span></p>';
}

Code goes in function.php file of your active child theme (or theme) or also in any plugin file.

Tested in WooCommerce 3+ and works. When the checkbox has been checked, it display a custom text below billing address in order edit page…

More Related Contents:

  1. How should I change the woocommerce_form_field HTML Structure?
  2. Reordering checkout fields in WooCommerce 3
  3. Add a new custom field to WooCommerce checkout and display on admin order pages and email notifications
  4. Adding custom field to product category
  5. Make checkout fields required in Woocommerce checkout
  6. WooCommerce : Add custom Metabox to admin order page
  7. Add fee based on specific payment methods in WooCommerce
  8. WooCommerce: Set country by default in checkout page
  9. Customize addresses fields on WooCommerce My account and Checkout
  10. Remove attribute values from product variation title and show them on separate rows
  11. Changing WooCommerce cart item names
  12. Multi checkbox fields in Woocommerce backend
  13. Show hide custom Woocommerce checkout field based on selected payment method
  14. Display in stock data in short description [closed]
  15. Get Order items and WC_Order_Item_Product in WooCommerce 3
  16. How to debug in WooCommerce 3+
  17. Create programmatically a WooCommerce product variation with new attribute values
  18. Add extra meta for orders in Woocommerce
  19. Get WooCommerce product categories from WordPress
  20. Woocommerce get products
  21. Show Out of stock products at the end in Woocommerce [closed]
  22. Create new product attribute programmatically in Woocommerce
  23. Allow specific products to be purchased only if a coupon is applied in Woocommerce
  24. Set cart item price from a hidden input field custom price in Woocommerce 3
  25. Set quantity minimum, maximum and step at product level in Woocommerce
  26. Applied coupons disable Free shipping conditionally in Woocommerce
  27. Add a line break in Woocommerce Product Titles
  28. Get orders total purchases amount for the day in Woocommerce
  29. GET a coupon code via URL and apply it in WooCommerce Checkout page [closed]
  30. Accessing Order Items protected data in Woocommerce 3

Leave a Comment