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

# Classic Bundle

> Create bundles with fixed products and offer a discount

Classic Bundles let you package specific products together and offer them at a discounted price. This is the most popular bundle type and works well for complementary products that customers naturally buy together.

## What is a Classic Bundle?

A Classic Bundle contains a fixed set of products sold together with a percentage or fixed-amount discount. Customers must add all products in the bundle to receive the discount.

**Example**: "Complete Home Office Bundle" containing desk lamp + mouse pad + pen holder at 20% off when purchased together.

## When to use Classic Bundles

Classic Bundles work best for:

* **Complementary products**: Items that naturally go together (phone + case + charger)
* **Complete solutions**: Everything needed for a specific use case
* **Gift sets**: Pre-curated bundles for gifting
* **Cross-category bundles**: Products from different categories that solve a common need

## Creating a Classic Bundle

<Steps>
  <Step title="Select bundle type">
    From the home page or Bundles page, click **Create a bundle** and select **Classic Bundle**.
  </Step>

  <Step title="Choose products">
    Use the product selector to choose 2 or more products for your bundle. Search by product name or browse your catalog. Click products to add or remove them from the bundle.
  </Step>

  <Step title="Name your bundle">
    Enter a descriptive, benefit-driven name like "Complete Skin Care Routine" or "Gaming Essentials Bundle". This name appears on your storefront.
  </Step>

  <Step title="Set the discount">
    Choose between:

    * **Percentage discount**: Enter a percentage (e.g., 20%). The discount applies to the total of all products.
    * **Fixed amount discount**: Enter a dollar amount (e.g., \$15 off). This amount is deducted from the total.
  </Step>

  <Step title="Customize appearance (optional)">
    Click the **Style** tab to customize colors, button text, and other visual elements for this specific bundle.
  </Step>

  <Step title="Preview and activate">
    Review how the bundle looks in the preview. When ready, toggle the status to **Active** and click **Save**.
  </Step>
</Steps>

## Bundle settings

### Product selection

* **Minimum products**: 2
* **Maximum products**: No limit (recommend 3-6 for best results)
* **Product variants**: All variants of selected products are included
* **Inventory**: Products must have available inventory

### Discount options

**Percentage discount**:

* Enter a percentage between 1% and 99%
* Applies to the total of all products in the bundle
* Example: 3 products totaling $100, 20% off = $80 bundle price

**Fixed amount discount**:

* Enter a dollar amount
* Amount is subtracted from the total
* Example: 3 products totaling $100, $15 off = \$85 bundle price

### Display settings

* **Bundle title**: Shown on product pages and cart
* **Button text**: Customize the "Add to cart" button text
* **Colors**: Match your store's branding

## How it appears on your store

### Product page widget

When a customer visits a product page for any product in the Classic Bundle, the bundle widget displays:

* Bundle name and products
* Original total price
* Bundle price with discount
* Savings amount
* "Add bundle to cart" button

Clicking the button adds all products in the bundle to the cart with the discount applied.

### Cart

In the cart, customers see:

* Individual line items for each product
* A discount line item showing the bundle savings
* Updated cart total

The discount applies automatically—no discount code needed.

### Cart banner (if enabled)

If a customer adds one product from a bundle but not all, the cart banner suggests completing the bundle to receive the discount.

## Best practices

<AccordionGroup>
  <Accordion title="Choose complementary products" icon="check">
    Bundle products that make sense together. Customers should understand why these products are grouped and see value in buying them as a set.
  </Accordion>

  <Accordion title="Use clear, descriptive names" icon="text">
    Instead of "Bundle 1", use "Complete Morning Routine" or "Travel Essentials Set". Benefit-driven names convert better.
  </Accordion>

  <Accordion title="Set attractive but profitable discounts" icon="percent">
    Most successful Classic Bundles offer 15-25% off. This is compelling to customers while preserving your margins. Test different discount levels to find your sweet spot.
  </Accordion>

  <Accordion title="Include a hero product" icon="star">
    Include at least one popular or high-demand product in each bundle. This draws attention and increases conversion.
  </Accordion>

  <Accordion title="Limit bundle size" icon="boxes-stacked">
    Bundles with 3-5 products perform best. Too many products can feel overwhelming or too expensive, reducing conversion.
  </Accordion>

  <Accordion title="Test bundle combinations" icon="flask">
    Use analytics to see which bundles perform best. Try different product combinations and discount levels to optimize results.
  </Accordion>
</AccordionGroup>

## Example Classic Bundles

<CardGroup cols={2}>
  <Card title="Electronics" icon="mobile">
    **Phone Protection Bundle**: iPhone + case + screen protector + charging cable at 18% off
  </Card>

  <Card title="Fashion" icon="shirt">
    **Complete the Look**: Dress + shoes + handbag + jewelry at 20% off
  </Card>

  <Card title="Beauty" icon="sparkles">
    **Skincare Essentials**: Cleanser + toner + moisturizer + serum at 25% off
  </Card>

  <Card title="Home" icon="house">
    **Bedroom Refresh**: Sheets + pillows + duvet cover + throw blanket at 22% off
  </Card>
</CardGroup>

## Editing and managing bundles

To edit a Classic Bundle:

1. Go to **Bundles** in the app
2. Click the bundle you want to edit
3. Make your changes (products, discount, name, etc.)
4. Click **Save**

Changes take effect immediately on your storefront.

To deactivate a bundle:

1. Open the bundle
2. Toggle the status to **Inactive**
3. Click **Save**

Inactive bundles no longer appear on product pages but remain in your bundle list for future reactivation.

## Troubleshooting

**Bundle widget not showing on product pages**:

* Verify the bundle is active
* Check that the product page app block is added in your theme editor
* Ensure the app embed is enabled
* See the [troubleshooting guide](/help/troubleshooting) for more help

**Discount not applying**:

* Verify all products in the bundle are added to the cart
* Check that the bundle is active
* Ensure the product variants in the cart match the bundle configuration

<Tip>Track your Classic Bundle performance on the [Analytics page](/dashboard/analytics). Use conversion rates and ROI to optimize your bundle strategy.</Tip>