# 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="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F6VM6WjyHrQn981YOfxrZ%2Fimage.png?alt=media&#x26;token=96a29c49-0251-48ba-b71f-f280bc3669f5" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fr8eeeKI9KUfyLlUvIfM1%2Fimage.png?alt=media&#x26;token=43f09dbc-e306-411b-a5ab-ae6c86ccb0d3" 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="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FomB9lktjEcxHa02TuW6J%2Fimage.png?alt=media&#x26;token=ef0d1383-3759-4e8f-848f-b128fee68186" 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="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F9yP5HGuUPseGmohST9y7%2Fimage.png?alt=media&#x26;token=21cd62a3-b2a1-40e5-afb8-2bfa372145f9" 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>
