---
title: How to Add Item Quantity Field in WordPress with Paymattic? 
description: "In [Paymattic](https://paymattic.com/), the **Item Quantity**field enables users to select a single item or product in multiple quantities based on their needs. This article will guide you on how to embed the Item Quantity field to the WordPress Site through Paymattic.…"
url: "https://paymattic.com/docs/how-to-add-item-quantity-field-in-wordpress-with-paymattic/"
updated: "2024-10-16"
category: Donation and Product Fields
---

# How to Add Item Quantity Field in WordPress with Paymattic? 

In [Paymattic](https://paymattic.com/), the **Item Quantity**field enables users to select a single item or product in multiple quantities based on their needs. This article will guide you on how to embed the Item Quantity field to the WordPress Site through Paymattic.

[Item Quantity Field in Paymattic (All You Need To Know) | WordPress Payment Plugin in 2024](https://www.youtube.com/embed/V2oqvWw6Jhs?list=PLXpD0vT4thWH80g5e9wYnoBMgEqUXbr53)

## Adding Item Quantity Field

To learn how to add the Item Quantity to the Paymattic Form on your WordPress site, follow the steps with the screenshots below –  

First, go to the **All Forms**section from the **Pymattic Navbar,**choosea**Form,**and click the **Pencil/Edit** icon to open the **Editor** page of that form.

If you do not have any existing forms, read this [Create a Form from Scratch](https://docs.google.com/document/d/1tg7v6UFVUGX1UNwyztziuV4Al9srPSOnjO2aSiq0BDI/edit) or [Create a Form using Templates](https://paymattic.com/docs/simple-form-templates/) documentation to create one.

For example, I choose an existing form to show the whole process.

![](https://paymattic.com/wp-content/uploads/2022/06/1.-Open-desired-form-2-scaled.webp)

Once you open the **Editor** page, add the Payment Item fields by typing the**“ / ”**or clicking the **Plus Icon** placed at the bottom.

We always suggest you keep the [**Name**](https://paymattic.com/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#5-toc-title) and [**Email**](https://paymattic.com/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#6-toc-title) field at the beginning of any Form.

![](https://paymattic.com/wp-content/uploads/2022/06/2.-Type-or-click-icon-2.webp)

For example, I choose the **Pluc Icon**option to select the **Item Quantity**field under the **Donation & Product Fields** section from the**Choose Form Field**page.

Also, don’t forget to add a [Payment Item Field](https://paymattic.com/docs/how-to-add-payment-item-fields-in-wordpress-with-paymattic/)for selecting the **Item** **Quantity** and a [Payment Method Field](https://paymattic.com/docs/how-to-use-the-payment-method-fields-section/) for collecting payments. Plus, to see the quantities in a clear view, we recommend adding the [Payment Summary](https://paymattic.com/docs/add-payment-summary-field-in-forms/) field.

![](https://paymattic.com/wp-content/uploads/2022/06/3.-Item-Quantity-Field.webp)

## Editing/Customizing the Field

You can see the **Item Quantity**and other necessaryfields added to the form.

You can edit their field name and settings. To learn more about form editing, read this [Documentation](https://docs.google.com/document/d/1F_2BO_9SBL_sfEkgdle8psLyALeRU80qynEFqcuDCRg/edit#heading=h.x6au2mtvg965)*.*

Specifically, to edit the **Item Quantity**field according to your needs, click the**Settings Icon** from the right-side corner.

![](https://paymattic.com/wp-content/uploads/2022/06/4.-Settings-Icon-2.webp)

Now, a pop-up page will appear with various settings options for customizing the field. 

### General Settings 

All the Settings under the General Tab mentioned in the below screenshot are briefly explained:

- **Required**: Enable this option to make this field mandatory for users to fill in for a successful submission. 

- **Default Quantity**: You can set the default quantity for selecting your items.

- **Target Payment Item**: You need to select the**Payment Item** from the item/s added to your form for which you want to use this Item Quantity field.

Remember, ensure that you use a separate **Item** **Quantity** field for each **Payment** **Item** field.

- **Minimum Quantity**: With this option, you can specify the minimum quantity users must select. 

- **Maximum Quantity**: With this option, you can specify the maximum quantity users can select.

Once you finish, click the **Update** button to save all your configuration. 

![](https://paymattic.com/wp-content/uploads/2022/06/5.-General-settings-tab.webp)

### Advanced Settings 

Once you complete the General settings, go to the **Advanced** tab, and you will find some advanced settings for your Payment Item field. These are:

- **Admin Label**: This label is used for the admin wants to see the field’s label from the back end.

- **Field Wrapper CSS Class**: This is used for adding a Custom CSS/JS for an entire field of a specific form using the Field Wrapper CSS Class element. To learn more, click [here](https://paymattic.com/docs/how-to-create-custom-css-js-in-wordpress-with-paymattic/).

- **Input Elements CSS Class**: This is used for adding a Custom CSS/JS for a specific input field of a form using the Input Elements CSS Class element. To learn more, click [here](https://paymattic.com/docs/how-to-create-custom-css-js-in-wordpress-with-paymattic/).

- **Conditional Render**: You can set conditional logic to display the field in the form that will be triggered by specific actions taken on a previous input field. To learn more about conditional renderings, click [here](https://paymattic.com/docs/how-to-use-conditional-logic-in-form-fields-with-paymattic/).

- **Field ID**: This option is used for adding or tracking form fields. Plus, creating the custom CSS/JS for a specific form field.

Once you finish, click the **Update** button to save all your configuration. 

![](https://paymattic.com/wp-content/uploads/2022/06/6.-Advanced-Settings.webp)

## Embedding Form into Frontend

Here, you can see the **Item Quantity** field and other necessaryfields are added to the form.

Now, to embed and display the form on a specific Page/Post, **copy** this **Shortcode** and paste it into your desired Page/Post.

Once you complete the edit, press the **Save** button to save all the changes you made. And, to see the **Preview** of the form, click the **Eye** icon.

![](https://paymattic.com/wp-content/uploads/2022/06/7.-Save-preview-and-shortcode-buttons.webp)

## Preview of Item Quantity field

Here is the preview of the **Item Quantity**field in a Form.

![](https://paymattic.com/wp-content/uploads/2022/06/8.-Preview-of-Item-Quantity-field.webp)

This way you can easily add the **Item Quantity**field in Paymattic Forms!
If you have any further questions, concerns, or suggestions, please do not hesitate to contact our [@support team](https://wpmanageninja.com/support-tickets/?utm_source=wpmn&utm_medium=home&utm_campaign=site#/). Thank you.