Include PO numbers on your invoices

Some business customers need their invoices to include the internal Purchase Order (PO) number they entered while placing an order in your store.

PO numbers are typically used in order for your business customers to correlate invoices issued by you with their internal accounting.

In this article, we will cover how to include PO numbers on your invoices using:

Shopify B2B wholesale feature

Shopify supports entering PO number when a customer creates order in your store.

Users with Shopify Plus can add a PO number capture field to the B2B checkout page. This is a part of the Shopify B2B (also called Shopify wholesale) feature suite built into Shopify admin.

Checkout page with PO number

Shopify B2B checkout page with PO number field.

Regardless of their store plan, storeowners can also enter PO numbers when creating or editing an order for a B2B customer in the Shopify admin.

In both cases, if the order related to the document contains a PO number, the number will be automatically displayed on the documents created by Sufio.

To customize how PO numbers are displayed on documents:

  1. In your Sufio account, go to the DesignPayments page.
  2. Click the Rename button next to the PO Number and type a new name for this field or drag and drop the field to change its position.
  3. Click Save to apply the changes.

The PO number will be also available as the document.payments.po_number property that you can use in your document templates.

Cart page

You can include a PO number capture field on your cart page so that your customers can enter the PO number just before the checkout. These numbers will be stored as cart attributes and automatically displayed on your invoices and other documents.

Shopify cart PO number

Example of a PO number field on a cart page.

To add a PO field to the Cart page:

  1. In your Shopify admin, go to the Online StoreThemes page.
  2. Click the Actions button, then click Edit code.
  3. Select cart.liquid in the left sidebar. You might use the upper search bar for a faster search.
  4. Insert the following code snippet inside the <form> tag. The right place for the field is just before the Check out button.
<!-- Shopify cart page -- include PO numbers on your invoices. Used by Sufio for Shopify (sufio.com/shopify). -->
<div class="po-number">
    <label for="po_number">PO Number</label>
    <input type="text" name="attributes[Invoice PO Number]" id="po_number" value="{{ cart.attributes['Invoice PO Number'] }}" />
</div>

Note

If your store uses cart drawer (also called ajax cart), this code snippet needs to be added to a different file than cart.liquid. In most cases, it needs to be added to ajax-cart-template.liquid file.

Include PO numbers in the Order Confirmation email

You can include PO numbers in the Order Confirmation emails sent by Shopify. These emails are sent automatically to customers after placing their orders on your online store.

To add PO numbers to the Order Confirmation email template:

  1. In your Shopify admin, go to the Settings → Notifications page.
  2. In the section Customer notifications, click on Order Confirmation.
  3. Insert {{ attributes["Invoice PO Number"] }} variable to the Email body (HTML) field.
  4. Click Save to apply your changes.

Now, when a business customer enters a PO Number, this will be automatically included on your invoices as well as in the Order Confirmation emails.

Need help?

Do you need help with customizing your Shopify store theme? Please contact our experienced support team. We'll be happy to assist!

Order notes

Alternatively, you can enter the PO number manually in your Shopify admin as an order note. The PO number can be then displayed on your documents.

The PO number in the order note should follow the format PO: XXXXX. For example, an order with the PO number 841612 should look as follows: PO: 841612.

To add an order note with a PO number:

  1. In your Shopify admin, go to the Orders page.
  2. Open the order you want to add the PO number to.
  3. In the Notes section, enter the PO number in the format highlighted above.
  4. Your changes will then be saved automatically.

After adding the PO number in your Shopify admin, please get in touch with our experienced support team, who will complete the process of rendering the numbers on your Sufio invoices according to your specific needs.

Our team will ensure that all of the invoices with a PO number in their order notes have the number displayed on the invoice itself.