Sometimes you may have encountered the need to add and show the custom fields on the Order Details Page. In such a case, here is the solution. The Checkout Field Editor for WooCommerce plugin by ThemHigh helps add and show the custom fields on the order details page. Showing the custom fields on the order details page helps preview the order details and thereby analyses the general information of the order.
Steps to Display Custom Fields on Order Details Page
To display the created custom fields in Order Detail Pages follow the below-mentioned guidelines.
- Proceed to WooCommerce > Checkout Form
- Click the “Add Field”/”Edit” button (to add a new field/for existing fields)
- A “pop-up” window opens.
- In that, direct towards the “Display Styles” tab.
- Check the option, “Display in Order Detail Pages”.
- Click “Save & Close”.
After this, direct to WooCommerce > Orders
The highlighted part is the custom field created in the billing section and displayed on the Order Details Page.
Delivery Date is the field created to show on the Order Details Page.
Final Thoughts
The purpose of this article is to provide guidance on how to display custom fields on the order details page. The Checkout Field Editor for WooCommerce plugin by ThemeHigh is used to show this.