> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.digitalpurchaseorder.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Component Feature - Old DPO Design

The **Component Feature** lets you create **custom fields** for full purchase orders, such as **job numbers**, **internal codes**, or **delivery methods**. These fields help you **standardize data**, **filter P.O.s**, and include the info in **previews and PDFs** for better tracking and reporting.

||| **Already using DPO's new design?** [You can find the corresponding article here](https://help.digitalpurchaseorder.com/en/article/component-feature-in-dpo-14kyzab/)

### How to Set Up Components

1. Go to the Admin section
2. Open the **P.O. Components** tab
3. Create a Component Section → Click the **“+” button** to add a new section (e.g., *Job Numbers*)
 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_j4jnka.png =768xauto)


4. Use the **pen icon** to edit preferences and give your new section a **Title** and **Description**


![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_1f47vii.png =752xauto)



5. Click the **pen icon to create** and name a **component** for this section, optionally add a **description** and **values**, set **PDF position** and **visibility**, select the** component type**, and **display** the section in the** P.O. preview**.


![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_1jlilhe.png =651xauto)


**PDF Placement (Optional)**
If needed, component fields can be moved to:

* **Component Section**
* **P.O. Head left**
* **P.O. Head right**
* **Hidden**

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_xs7ajz.png =655xauto)

**Select a Field Type**
Choose the field input type:

* **Checkbox**
* **Radio buttons**
* **Drop-Down**
* **Date/Time**
* **Date**
* **Textfield-single line**
* **Textarea-multiple lines**
 
| Use dropdowns for standardized options like job IDs or shipping providers.
 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_34d19i.png =698xauto)



**Optional: Add values if needed**

1. Scroll to the **Values** section, click the **plus icon (+)**, and enter the desired values (e.g., Job #1001, Job #1002).


 
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_1n1vhwx.png =692xauto)



**Configure Displays & Behavior** 
Enable the following options as needed:

* **Required for each Purchase Order** → Makes the component mandatory for all P.O.s
* **Visible?** → Displays the component to users
* **Include in P.O. preview** → Shows the component in the purchase order preview
* **Show as filter list** → Allows users to filter P.O.s based on this component


![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_302kfy.png =697xauto)



### Using Components in a Purchase Order

1. When creating a P.O., go to **Tab 2** to fill in component fields
2. Finalized P.O.s will display component data:
* In the **PDF output**
* In the **View** preview (if configured)
 


![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-09-um-0_oqe02z.png =838xauto)


###### Display in the P.O.

Once a P.O. is created, **all used components** can be **viewed in the P.O.** and—depending on the settings—**in the PDF as well.**



![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_1jqvf8u.png =832xauto)



###### PDF Display

During **batch printing**, all **applied components are displayed** in the PDF according to their configured settings.


![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/bildschirmfoto-2026-01-08-um-1_10liwv5.png =659xauto)



###### Instant Component Visibility in PO Preview

View individual components directly in the P.O. preview without opening the P.O.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/screenshot-2026-03-18-at-09373_4p0985.png =966xauto)



###### Filter by Components

Add components to the filter list on the left to quickly narrow down your P.Os.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/f/8/7ef8b3dbb012a000/screenshot-2026-03-18-at-09433_xflhk2.png =1088xauto)


**Any Questions?**
Our support team is happy to help:
Email: support@digitalpurchaseorder.com
Phone: +1 888 376 7254
[Or schedule a free demo](https://calendly.com/d/gpk-ppc-rjg) – we look forward to hearing from you