> ## Documentation Index
> Fetch the complete documentation index at: https://docs.appcharge.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a Product

Products are the game items that players receive when collecting or purchasing an offer, such as coins, treasure chests, or swords. Products are created independently and then added to offers, allowing the same Product to be reused across multiple offers.

This article explains how to create and manage Products for your offers in the Publisher Dashboard. Alternatively, you can create and manage Products using the [Products API](/../../api-reference/webstore/offer-components/products/introduction).

<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', marginTop: '-16px' }}>
  <img
    src="https://media.appcharge.com/media/products4.png"
    style={{
  maxWidth: '750px',
  height: 'auto',
  marginBottom: '4px', // reduce bottom space
  borderRadius: '8px'
}}
  />
</div>

## Create a Product

To create a Product:

1. In the **Studio** section, go to **Products**, and then click **Add New Product**.
2. Complete the following sections:

   * **General**
     * **Name**: Enter a name for the Product. This name appears in the checkout unless you provide an alternative in the **Display Name** field.
     * **Display Name**: Enter a name for the Product to display in the checkout. This value overrides the one in the **Name** field.
       <Note> If left blank, the value from the Name field is displayed in the checkout.</Note>
     * **Description**: Provide a description for the Product.
     * **External ID**: Enter an ID for the Product.
     * **Type**: Select how the product value is represented:
       * **Quantity**: Displays the number of units included in the offer.
       * **Time**: For time-based Products, this field displays how long the Product is active, measured in minutes.
     * **Prefix**: Enter text or numbers shown before the product value.
     * **Suffix**: Enter text or numbers shown after the product value.

   * **Font Color**
     * **Fill Color**: Select the color used for the product value, including any prefix or suffix characters.

   * **Product Assets**
     * **Product Image**: Upload or select an image for the Product.
     * **Prefix Image**: Upload or select an image that appears before the product value.

   <Note>
     If you provide an external image URL, Appcharge saves and uses the URL as-is. Appcharge doesn't download, copy, upload, or host the image. If you use an external image URL, host the image on your own infrastructure and keep it available at the provided URL.

     We recommend uploading image files instead of using external URLs when possible. Appcharge hosts uploaded files on its CDN.
   </Note>
3. Click **Save Product**.

## Add a Product to an offer

After you've created a Product, you can include it in an offer:

1. In the **Offers** section, select the offer to which you want to add a Product. For example, **Bundles**.
2. Either create a new offer, or edit an existing one by clicking the ellipsis and selecting **Edit**.
3. Scroll down to the **Products** section and complete the following fields:
   * **Product Name**: Select the Product you configured.
   * **Products Type**: Choose how the Product is displayed in the store.
     * **Main**: A primary Product displayed prominently in the offer.
     * **Sub**: A secondary Product displayed in a smaller layout. Sub Products can appear on their own or under a Main Product.
     * **Web Only**: Select Web Only to promote Products that are available exclusively in the Web Store.
   * **Quantity**: Defines the value granted by the Product in this offer.
     * For a **Quantity** Product, enter the number of units included.
     * For a **Time** Product, enter the duration the Product is active, in minutes.
4. Click **Add Product** to assign it to the offer. You'll see the Product displayed in a table at the bottom of the page.

## Edit a Product

To edit an existing Product:

1. In the **Studio** section, select **Products**. You'll see a list of all your Products.
2. Click the ellipsis of the Product you want to edit, and then click **Edit**.
3. Modify the Product as needed.
4. Click **Update Product** to apply your changes.

## Duplicate a Product

To duplicate a Product:

1. In the **Studio** section, select **Products**. You'll see a list of all your Products.
2. Click the ellipsis of the Product you want to duplicate, and then click **Duplicate**.
3. Modify the Product as needed.
4. Click **Update Product** to apply your changes.

## Delete a Product

To delete a Product:

1. In the **Studio** section, select **Products**. You'll see a list of all your Products.
2. Click the ellipsis of the Product you want to delete, and then click **Delete**.