# Product List
Simplify the customer journey and increase conversions by adding a **Product List** to the funnel. A product list shows the items on offer along with prices and images. Customize the list to enable bulk purchases, add side tags, variants, and more.
{% hint style="info" %}
**Note** You can place only one Product list widget (hidden or visible) on a step.
{% endhint %}
### Before you start
You can place the **Product List** widget on multiple steps (Checkout, Upsell, and Downsell) in the funnel. To generate a product list, you must first add products to the step.
To add products:
1. Open a funnel.
2. Click a step one time.
3. Click the **Add a new product** button.
4\. In the popup window, choose one-time purchase or subscription.
5\. Complete the workflow.
6\. Click **Create product**.
## Adding Customizations
You need to customize a product list in two places:
* [customize settings at the product level](#customizing-at-the-product-level)
* [customize the list as a whole](#customizing-the-list-as-a-whole)
We describe each method separately below.
### Customizing at the product level
To customize a product:
1. Open a funnel.
2. Click one time on the step that has the products.
3. Click a product to open the **Edit** page.
### Editing options
*Basic*
1. Change or update the product name.
2. Switch on the toggle if you want to use this product for an [Order Bump](https://docs.funnelish.com/start/funnel-builder/order-bump). (optional)
*Price*
The default setting is a price for a one-time product purchase.
Switch on the toggle if this is a subscription. Fill in the required fields. You can also create a trial price for a subscription.
Click the square below the Product image heading to upload a thumbnail image (JPG or PNG). (optional)
Configure some or all of these optional settings to control how the item and supporting text display in the product list.
1. Switch on the toggle to make the item a required purchase. The default setting is OFF.
2. Switch on the toggle to hide this item. The default setting is OFF.
3. Switch on the toggle to add a yellow background to the product line. The default setting is OFF.
4. Create a top tag with a short sales pitch.
5. Enter a word to insert a side tag.
6. Set the background color of the top tag.
7. Change the size of the top tag: small or big.
8. Click **Save changes**.
### Preview the display
To preview the product list:
1. Click **Save changes** on the step page.
2. Click **Preview**.
* Funnelish opens a new browser tab with the product list.
*Variants*
You can add product variants (e.g. size or color options) to the list. You can also add images and unique prices for each variant.
1. Click the **Add new variant** button.
2. Enter a category name (e.g. color).
3. Enter category options (e.g. brown).
4. Click **Add new option** to insert a new line.
5. Repeat steps to add more options.
6. Click **Manage variants** to upload images and add different prices. (optional)
*Variant images and prices*
Click the image box to upload a picture for each variant. (optional)
By default, Funnelish assigns the default product price to each variant. You can enter a unique price for one or more variants.
* In the screenshot below, we create three variants for an espresso cup product. The default price ($11) is set by our original product (white cups). The price for brown cups is the same as the default, so we leave that price field blank.
Clear cups cost more, so we add a new value ($13).
Click **Save changes**.
*User experience*
If a user selects a product with variants, a folder expands and displays the options. The user clicks a variant. The product price changes if it differs from the default value.
*Automations*
At the bottom of the panel, you can set up third-party integrations to trigger a variety of actions. In the example below, each new purchase of espresso cups automatically adds a row to a specific Google sheet.
* We discuss triggers and third-party integrations in [another article](https://docs.funnelish.com/integrations/integrations-overview).
### Customizing the list as a whole
After you customize each product, the next step is to configure the design of the product list as a whole. The side panel has all the standard options, including font, margins, padding, borders, background colors, and more.
1. Open the step with the product list.
2. Click the product list field one time. The side panel displays.
3. Add custom settings as required.
4. Click **Save changes**.
5. Click **Preview** to review the design.
*Products*
Click the **Manage Products** button to open an edit panel. From here, you can edit product descriptions, change settings, and add new items.
*Selection type*
Next to the **Select type** heading, there are three options to control how much a customer can purchase. These settings apply to every item in the product list.
* **Single checkout** means a customer can purchase one item of one product or subscription. Bulk purchases are not possible. (e.g. one bag of coffee ***or*** one set of cups).
* **Multi-checkout** means a customer can purchase one item of multiple products or subscriptions at one time (e.g. one bag of coffee ***and*** one set of cups).
* **Multi-Quantity** means the customer can make bulk (up to 10) purchases of multiple products or subscriptions at one time.
