Overview
Invoice
Packing Slip
Delivery Note
Shipping Label
Dispatch Label
Address Label
Picklist
Proforma Invoice
Credit Note
Third-Party Compatibility
Multilingual Support
Advanced Topics
FAQ
ChangelogAdding custom fields to WooCommerce invoices might seem like a lot of customization and editing work. But, WebToffee’s PDF Invoice and Packing Slip plugin for WooCommerce makes the process a whole lot easier.
Let’s take a look at the steps for adding custom fields to WooCommerce invoices.
- Install PDF Invoice/Packing plugin for WooCommerce on your site.
- Go to WooCommerce > Invoice/ Packing > Invoice from WordPress dashboard.
- You can add metadata in two ways:
- Invoice Settings > Customizer. To add metadata from the customizer.
- Invoice Settings > Advanced tab.
Advanced settings
From the invoice settings window, move on to the Advanced tab. You can add:
- Order meta
- Product meta
- Product attribute
Add order meta
The plugin allows adding additional order information like Delivery date, Payment date, Place of supply, VAT, GSTIN, ABN, etc., or any other company tax ID as order meta in the invoice. You can add order meta in two ways:
Method 1: Select a required item from the Order meta field drop-down. The list of default order metadata populated in the drop-down are as shown below:
Method 2: To add other custom order meta details (probably from another third-party plugin) other than the ones displayed in the drop-down,
- Click on Add/Edit Order Meta Field.
- Into the popup that appears, from Add New tab section, key in custom Field Name and its corresponding Meta Key.
- Then, click on the Save button.
For example, to add a custom VAT number in the invoice populated from the plugin EU VAT Number for WooCommerce, you will have to key in an appropriate field name and its corresponding meta key in the checkout meta key fetcher pop up as shown below:
Get the meta key for the VAT Number (_vat_value) from the respective plugin’s documentation.
Sample invoice with the VAT
The invoice with its order meta EU VAT Number will be as shown below:
Add product meta
From Product meta fields,
- Click the Add/Edit Product Meta button.
- Into the popup that appears, key in with field name and the respective meta key.
- Then, click on the Save button.
For example, the WooCommerce product meta for weight is ‘_weight’. Let us see how we can display it in our invoice.
Insert the field name and meta key in the following manner:
A sample invoice with a product metadata Weight will be as shown below:
Add product attribute
- From the product attribute, click the Add/Edit Product Attribute button.
- Into the popup that appears, from Add New tab section, key in with field name and the respective meta key.
- Then, click on the Save button.
For example, let’s create a custom product attribute for a product. Go to Products from your WordPress dashboard. From the product data panel, move on to the Attributes section.
The string entered for the field ‘Name‘ must be added as the Meta Key in the invoice settings. Upon adding the attribute, the screen will be as shown below:
A sample invoice with product attribute will be as shown below:
- Choosing ‘Yes’ applies the most recent settings to the invoices. This will match the previous invoices with the upcoming invoices.
- If you choose No, the previous invoices will not be updated to the latest settings. Caution: Changing the company address, name or any other settings in the future may overwrite previously created invoices with the most up-to-date information.
Related articles:
- How to add:
- Was this article helpful?
- Yes, thanks!Not really
Comments (24)
Moritz
March 9, 2023
Hi there,
is there a way to call a Meta field directly to place it were i want it? If i am using [wfte_extra_fields] it would display all the meta fields. I would like to have the possibility to call only one of it.
Thanks
Hema Ranjan
March 13, 2023
Hi Moritz,
Thanks for reaching out.
You can go through this article and follow the instructions to create a custom placeholder according to your need.
Stacie
January 15, 2022
Is it possible to display the Short Product Description field along with the item name on a packing slip? Thanks!
Mike
January 16, 2022
Hi Stacie,
Thanks for reaching out to us. If you are using the premium version of our plugin, we can provide a custom code snippet to display the product short description in the packing slip. Kindly raise a ticket via this link to achieve that.
Anders Møller
August 27, 2021
Hi Webloffee.
I am using an plugin for addition product data named Ultimate product add-ons by Plugin Republic.
These data isnt generated in the invoice – Isnt your plugin compatible with this plugin or?
Looking forward for your reply.
Best Regards Anders
Mike
September 27, 2021
Hi Anders,
Thanks for reaching out. We haven’t tested the plugin with Ultimate product add-ons by the Plugin Republic so far. However, we can help if the mentioned information is present in the WooCommerce order edit page.
Mahmoud Awny
April 3, 2021
how can I change Meta Fields Place in the invoice ?
Mark
April 5, 2021
Hi Mahmoud,
You can move around the place holder [wfte_extra_fields] in invoice > Customize > Code view to change the position of the meta keys.
marc
March 15, 2021
Hola, en españa es necesario incluir el DNI del cliente en la factura, hemos creado un campo personalizado para el DNI, deria posible que este plugin mostrara el campo DNI en la factura ?
gracias.
Mark
March 16, 2021
Hi Marc,
You can add any custom fields saved with the order details to invoices using the plugin. Go to Invoice > Advanced > Order meta option to add it.
Ritik
December 8, 2020
I want to add customer name in invoice , but i am not able to , what’s the meta key to add customer name i have tried many keys , but no one is worked
Mark
December 9, 2020
Hi Ritik,
Please refer the article here and follow the instructions.
Velfi
July 7, 2020
Hi,
My site was developed by a developer, it created custom fields for my product, such as the ISBN number, editor… I want to put these fields in my pdf invoice. Can your plugin help me with this? I’m not sure how the custom field was created so I wouldn’t buy your plugin to see after it doesn’t work for me…
Thank you for your answer.
Mark
July 8, 2020
You can add any metadata stored with products to invoice using our plugin. Refer the tutorial video here.
Alexander van Aken
June 20, 2020
How Can I remove the existing Order meta fields that I added. I made a mistake and I get an error when updating it with a different meta but need the same label name. Can you point me out the database table that has these fields so I can remove them manually (fine by me).
Mahmoud Gabr
August 27, 2020
I have the same question. Any reply ?
Mark
August 27, 2020
Hi,
Add below code in functions.php and reload the page once and then remove the code.
function wt_pklist_remove_additional_data_fields(){
if(!class_exists('Wf_Woocommerce_Packing_List'))
{
return;
}
$out=array();
Wf_Woocommerce_Packing_List::update_option('wf_additional_data_fields', $out);
}
wt_pklist_remove_additional_data_fields();
Mahmoud Gabr
August 27, 2020
I applied the provided code put the issue didn’t fixed
Jun
December 6, 2019
Could I use this plugin to display the product add-on field (fill the form before you add the product into the cart) on the PDF invoice?
Mark
December 6, 2019
Hi,
Yes. You can add any product or order-related meta stored with order details into invoice and other labels.
Chris
December 12, 2018
If I wanted to add the Post ID on each order what would I use for the meta value?
Mark
December 13, 2018
Hi Chris,
Post ID will be the same as order number unless you use any plugins /code to customize order number. You can just enable Order Number in template customization window to add order number.
If you use custom order number, it might require some code snippet to implement it. Reach us via support link above.
Tpm
November 25, 2018
Where do I find the name and the corresponding meta key?
Mark
November 26, 2018
Hi,
It will depend upon the plugin you are using to add the additional meta fields. If the plugin is adding the data as order post meta, look at the woocommerce custom fields section in the order edit page.