# Setting up product bundles

## Benefits of broduct bundles

* **Increase Sales**: Encourage customers to purchase multiple related items.
* **Flexible Bundling**: Choose fixed bundles or allow customers to mix & match.
* **Seamless Integration**: Bundles are displayed directly on the product page.

## <mark style="color:blue;">Demo</mark>

<figure><img src="/files/rmvFEM2UnV2IE8zUzh9G" alt=""><figcaption><p>Demo bundle product</p></figcaption></figure>

## Step by step guide setting up

### <mark style="color:blue;">1. Go the the product bundles feature</mark>

* Open your Shopify admin panel.
* Navigate to **Apps** and select **Globo Color Swatch**.
* Go to the **Product Bundles** page.
* Click **Add Product Bundle**.

<figure><img src="/files/e5LoFO2mhr87lIjidSPp" alt=""><figcaption><p>Add bundle product</p></figcaption></figure>

### <mark style="color:blue;">2. General setting bundle</mark>

* Enter a offer name for the bundle&#x20;
* Enter bundle title show on frontstore for the bundle (e.g: **Buy More, Save More**)
* Choose the product(s) you want to include in the bundle.

<figure><img src="/files/BuGKomnZjeJK4RrXhyhe" alt=""><figcaption><p>General setting</p></figcaption></figure>

* You can move position display and change quantity product <br>

  <figure><img src="/files/WE5QJZlHXKGkP537rZd4" alt=""><figcaption><p>Position and Quantity</p></figcaption></figure>

### <mark style="color:blue;">3. Set discount</mark>

* Select how the bundle price should be calculated:
  * **Percentage Discount** (e.g., 10% off the total price).
  * **Fixed Amount Discount** (e.g., $25 off the total price).

<figure><img src="/files/HJlDY5w8sBMywDlVei0m" alt=""><figcaption><p>Set status and discount bundle</p></figcaption></figure>

### <mark style="color:blue;">4. Show bundle on the product page</mark>

* Navigate to **Theme Customization** in Shopify.
* Go to **Product Page** -> **Add block**.
* Click **Apps** ->  choose **Product Bundles Combo** option to showcase the bundle.

<figure><img src="/files/o0Opxujpa4W2hofa56sr" alt=""><figcaption><p>Add bundle product</p></figcaption></figure>

### <mark style="color:blue;">5. Save & preview</mark>

* Click **Save** to apply changes.
* Visit a product page to confirm that the bundle appears correctly.
* Test different bundle selections to ensure the correct discount is applied.

***

## Advanced Settings

#### <mark style="color:orange;">Show each unit prices on product:</mark>&#x20;

* By default we show the total price after multiplying by the number for each product in the bundle, if you enable Show each unit prices on product, it will show the original price of the product

#### <mark style="color:orange;">Skip cart and go to checkout directly:</mark>&#x20;

* By default, after clicking add bundle to cart, the popup cart modal will be displayed (depending on the theme you use and the add to cart function of the theme)
* If you enable this function, the app will take the user to the checkout page when adding bundle to cart

#### <mark style="color:orange;">Show compare at price:</mark>

* By default we only show the selling price, if you enable this function, the product will also show the comparison price if available.
* **compare at price** will also multiply by the product quantity if you don't enable [<mark style="color:orange;">show each unit prices on product</mark>](#show-each-unit-prices-on-product)

#### <mark style="color:orange;">Show out of stock text:</mark>

* By default we do not display the sold out text, you need to enable this feature if you want to notify customers that the product in the bundle is out of stock.

#### <mark style="color:orange;">Bottom text:</mark>&#x20;

* Total price label at the bottom of the package

<mark style="color:orange;">**Layout:**</mark>&#x20;

<div><figure><img src="/files/dhynFbeA386FYkKMfkjj" alt=""><figcaption><p>Vertical</p></figcaption></figure> <figure><img src="/files/d1kcahlZ4htpI9oVU0Ub" alt=""><figcaption><p>Horizontal</p></figcaption></figure></div>

#### <mark style="color:orange;">**Customize**</mark>

* Customize font size, font weight, color, size image, border on product bundle

***

## Troubleshooting

* If the bundle is not displaying, ensure the **Product Bundles** feature is enabled.
* Check that selected products are correctly assigned to the bundle.

For further assistance, contact us via **<hi@globosoftware.net>**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/bundles/setting-up-product-bundles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.