> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.formester.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).

# How to Set Up a Form with Multiple Product Catalogs


You can use multiple **Product Catalog** components in a form and calculate their combined total for payment.

## Steps

### 1. Create multiple Product Catalogs

Add a separate **Product Catalog** component for each category of products.

For example:

* **Shirts** — `@shirts`
* **Pants** — `@pants`

![](https://storage.crisp.chat/users/helpdesk/website/-/1/5/6/e/156e23ff3485c400/screenshot-2026-08-30-092835_1hnw0ue.png =806xauto)

![](https://storage.crisp.chat/users/helpdesk/website/-/1/5/6/e/156e23ff3485c400/screenshot-2026-08-30-092906_ba09cd.png =798xauto)


### 2. Add a Calculation component

Add a **Calculation** component to calculate the total of all product catalogs.

Use a formula such as:

```text
@shirts + @pants
```

This will calculate the combined value of the selected products.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/5/6/e/156e23ff3485c400/screenshot-2026-08-30-092256_65afbr.png =841xauto)


### 3. Add a Payment field

Add a payment field and select your preferred payment provider:

* Stripe
* PayPal
* Authorize.Net


### 4. Set the payment amount

In the payment field's **Amount** property, select the **Calculation** field created in the previous step.

The payment amount will then be automatically populated with the combined total of all product catalogs.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/5/6/e/156e23ff3485c400/screenshot-2026-08-30-092215_kaq3ia.png =974xauto)

### 5. Publish the form

Once everything is configured, **Publish** your form.

Your customers can now select products from multiple catalogs, and the payment amount will automatically reflect the combined total.