# Product Bundle

**Product bundle** helps customers add additional products besides the main product. They will get a discount when adding to cart all products in the bundle. This is also a way to boost your sale.

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FGwxQ9AHVmtPd1HpYuous%2F134.jpg?alt=media\&token=5b4dab0e-75cd-4526-bebc-d373b2b394f0)

{% embed url="<https://www.youtube.com/embed/pf5Kl7FA2Ms>" %}
Instruction video
{% endembed %}

## 01 - Set up Product Bundle

### **Create a Metafield for Bundle:**

1. From your Shopify admin, go to **Settings** -> **Custom data**.
2. Click **Products → Add Definition.**

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FPTqNndRguDzb15QPCqT0%2Fmeta-field.jpg?alt=media&#x26;token=904657ee-9381-4d21-a258-56b1c8d7c2bb" alt=""><figcaption></figcaption></figure>

3. Please enter correct **Namespace and Key** as we noted below.

```
Name: Grouped Sub Product or any name.
Namespace and key: c_f.grouped_sub_product
Select content type: Text
```

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FrDwofFUfEf5z7OBFAEWZ%2Fbundle-1.gif?alt=media\&token=353945b9-0b21-45f2-8c43-63eba8d85a66)

### How to insert content for Product Metafields?

1. From your Shopify admin, go to **Products -> All products**.
2. Find and choose the product that you want to edit.
3. In the **Metafields**, please enter the handle of sub products for "**Grouped Sub Product**" field.

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FJ3nWnlGECx9ARMqM4m56%2Fbundle-2.gif?alt=media\&token=09af5e62-18c1-4fc6-8826-2680c4fe6db2)

{% hint style="info" %}
To get handle of sub products, please go to Admin -> Products -> choose the product you want to add in bundle -> Scroll down at the bottom to see **Search engine listing preview** -> click **Edit website SEO** -> copy **Product handle**. [Learn more](https://shopify.dev/api/liquid/basics/handle).
{% endhint %}

{% hint style="info" %}
You can use [Bulk Editor](https://halosoft.gitbook.io/ella-documentation/product-page/broken-reference) to edit multiple products.
{% endhint %}

## 02 - Set up Discount Rate For Product Bundle

### Create A Collection with a group of products:

1. From your Shopify admin, go to **Products -> Collections**.
2. Create a collection which ***contains all of products in the bundle you created*****.** The name of this collection will be: **BUNDLE-xxxxxxxxx** (with **x** will be ***product ID of main product in bundle***).

![Create a collection which contains all of products in the bundle you created](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fe4EoTiIhCjx97WFEpG6F%2Fbundle-2.png?alt=media\&token=ab4ab76f-bdd0-4316-baf3-1cce89969c19)

![Product ID of main product in bundle](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FoJQBZb7c53ZXecn47k7M%2Fbundle-3.png?alt=media\&token=9369df9e-d4a2-4e46-9e78-2db350d24b4a)

### Create A Discount for Bundle

1. From your Shopify admin, go to **Discounts. ->** Click **Create discount**.
2. Create a discount for the bundle collection you just created. The name of this discount will be: **FBT-BUNDLE-xxxxxxxxx** (with **x** will be ***product ID of main product in bundle***).

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FKZ9CFBlqpfKK8pUEjji2%2Fbundle-4.png?alt=media\&token=fd57b9e6-7c05-4697-9ced-a2da9dbdbbf0)

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FeT30U9HRR6eiaR2VacO6%2Fbundle-5.png?alt=media\&token=ad7dd0f8-5214-4b81-8260-415645935b6b)

### **How to add a new Metafields?**

1. From your Shopify admin, go to **Settings** -> **Custom data**.
2. Click **Products → Add Definition.**

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FPTqNndRguDzb15QPCqT0%2Fmeta-field.jpg?alt=media&#x26;token=904657ee-9381-4d21-a258-56b1c8d7c2bb" alt=""><figcaption></figcaption></figure>

3. Please enter correct **Namespace and Key** as we noted below.

```
Name: Bundle Discount Rate or any name
Namespace and key: c_f.bundle_discount_rate
Select content type: Number
```

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F4fDpS0EGGNCvns1WjaDl%2Fbundle-3.gif?alt=media\&token=edbf3a77-aac1-49c7-a5c4-a17ad2988e27)

### How to insert content for Product Metafields?

1. From your Shopify admin, go to **Products -> All products**.
2. Find and choose the product that you want to edit.
3. In the **Metafields** area, please enter discount value which you just created for "**Bundle Discount Rate**" field.

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FzMbrtZYPyXFof1XbOZlC%2Fbundle-4.gif?alt=media\&token=cd7a7811-8b2e-4ecd-89f3-25b7c8ec0f1e)

{% hint style="info" %}
You can use [Bulk Editor](https://halosoft.gitbook.io/ella-documentation/product-page/broken-reference) to edit multiple products.
{% endhint %}

## Customize Product Bundle

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. Click **Product information ->** scroll down to **Product bundle**.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FuRjJU4AaYdObhQ6DGEt8%2Fimage.png?alt=media&#x26;token=bb11fb06-7578-42d6-ab97-06ede42be08a" alt=""><figcaption></figcaption></figure>