> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/product-table.md).

# Product Table

If you are selling multiple products or multiple variants of one product, you can use the Product Table element to allow customers to select a quantity of each product available.

### **Adding a Product Table to your page:** <a href="#producttable-addingaproducttabletoyourpage" id="producttable-addingaproducttabletoyourpage"></a>

On a Lead or Checkout page, navigate to the “Products” section, and drag on a “Product Table”

<figure><img src="/files/aMIY8UKaaARQ5PDngXLN" alt=""><figcaption></figcaption></figure>

From here, click on the inside of one of the product container.

<figure><img src="/files/TPIWfYpw9PCmL0glj5xz" alt=""><figcaption></figcaption></figure>

Under settings for each product select, you will select the “Product” dropdown to assign a product from your campaign.

<figure><img src="/files/uL8COqopRkP0Ox4fEs1w" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

#### **NOTE:** Products assigned to the Product Table cannot have variants. The Product Table is not compatible with products with variants. <a href="#producttable-note-productsassignedtotheproducttablecannothavevariants.theproducttableisnotcompatible" id="producttable-note-productsassignedtotheproducttablecannothavevariants.theproducttableisnotcompatible"></a>

#### IF you are selling multiple variants of the same product such as T-shirts with sizes, you will need to create a new product for each variant. (IE: product 1 = small shirt, product 2 = medium shirt, etc.) <a href="#producttable-ifyouaresellingmultiplevariantsofthesameproductsuchast-shirtswithsizes-youwillneedtocre" id="producttable-ifyouaresellingmultiplevariantsofthesameproductsuchast-shirtswithsizes-youwillneedtocre"></a>

{% endhint %}

***

### **Templates:** <a href="#producttable-templates" id="producttable-templates"></a>

There is also a free template with a Product Table already styled for use with a checkout page. Find it here under free templates.

<figure><img src="/files/fFVzJjfFcAiQsCXwiI5a" alt=""><figcaption></figcaption></figure>

#### **NOTE:** In this particular template, in order to assign products, select the blank area around the label for each product section. See image below. <a href="#producttable-note-inthisparticulartemplate-inordertoassignproducts-selecttheblankareaaroundthelabelf" id="producttable-note-inthisparticulartemplate-inordertoassignproducts-selecttheblankareaaroundthelabelf"></a>
