# Bundle Binding

3D product customization is indeed stylish, but here at Angle 3D we treat the back-end of your business just as professionally. 

## What is Binding?

*Angle 3D Configurator* is built to work effortlessly with your existing Shopify e-commerce.\
Chances are, you are already familiar with [Shopify variant options](https://help.shopify.com/en/manual/products/variants/add-variants) and how to manage them.\
\
Binding allows you to <mark style="background-color:blue;">**automatically link your Shopify variant options to the customization options set up in the 3D configurator.**</mark> What does this mean? Pricing and stock tracking for specific variants of your products are promptly reflected in your configurator!\
\
In addition, <mark style="background-color:blue;">**binding also provides an elegant solution to**</mark> [<mark style="background-color:blue;">**Shopify's variant limit**</mark>](https://help.shopify.com/en/manual/products/variants/add-variants)<mark style="background-color:blue;">**.**</mark><br>

### Variant Binding VS Bundle Binding

**Both** variant binding and bundle binding allow you to **link Shopify's variant options to the customization options** set on the 3D configurator. <br>

<mark style="color:green;">Bundle binding allows you to group several product together and sell them as a single unit.</mark>\ <mark style="color:green;">Also,</mark> <mark style="color:green;"></mark><mark style="color:green;">**bundle binding**</mark> <mark style="color:green;"></mark><mark style="color:green;">additionally</mark> <mark style="color:green;"></mark><mark style="color:green;">**provides a convenient solution to Shopify's 100 variants limit**</mark><mark style="color:green;">.</mark>\
\&#xNAN;*<mark style="color:green;">Please note that the bundle binding feature is only accessible via the Enterprise plan.</mark>*

&#x20;\
[**→ Set up Variant Binding**](https://docs.angle3d.co/angle3d-configurator-documentation/binding/variant-binding)

[**→ Set up Bundle Binding**](#how-to-variant-binding)<br>

## How to "Bundle Binding"

### What is Bundle Binding?

Bundle binding allows you to group several product together and sell them as a single unit.

'Bundle binding' links your existing Shopify variant options to the 3D configurator customization options. This allows you to automatically apply custom pricing without manually setting it up.\
\
Moreover, **it also offers a solution to** [**Shopify's variant limit**](https://help.shopify.com/en/manual/products/variants/add-variants)**.**\
\
**How so?**\
Shopify allows up to 3 options per product, for a max total of 100 variants each.\
**Bundle binding combines different Shopify products, and their relative variant options, into one product**. \
\
In other words:

* Only one (1) 3D model of your product is required.
* Multiple product components are set as individual Shopify products, each with their own variant options.
* Only one (1) 3D configurator is displayed to your clients on the storefront.
* Countless variants with customized pricing are now available to your business!

Bundle binding is highly convenient if your product has multiple customizable components!<br>

### Shopify Set Up

To start, let's "divide" your product into components: the **main/primary product** and its **accessories or secondary products**.

#### Primary Product Set Up

Make sure the main product is all set on Shopify's 'Products' page, with its **variant options** and the **3D model uploaded** under the 'Media' section.\
\
[**→ How to upload your 3D model to Shopify**](https://docs.angle3d.co/angle3d-configurator-documentation/get-started/upload-3d-model/upload-your-3d-model)

#### Secondary Product Up

**Create individual Shopify products** for each customizable component you want to add to the main product, making sure to **set up their Shopify variant options**.\
**No 3D model is required.**\ <br>

### App Set Up

**'Bindable'**<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FJtttsWvD7RK9wci7yxAw%2Fimage%20(1).png?alt=media&#x26;token=aa755be0-f766-46d3-a161-657d4bbc38d9" alt="" data-size="line"> **VS 'Non-Bindable'**<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2Fjp01Axx0SgbjObu3sOsA%2FNon-bindable.png?alt=media&#x26;token=775a7c43-1874-4086-a158-95f54eedd642" alt="" data-size="line">\
A little icon on the left corner of all customization options displays their connection (<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FJtttsWvD7RK9wci7yxAw%2Fimage%20(1).png?alt=media&#x26;token=aa755be0-f766-46d3-a161-657d4bbc38d9" alt="" data-size="line">), or lack thereof (<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2Fjp01Axx0SgbjObu3sOsA%2FNon-bindable.png?alt=media&#x26;token=775a7c43-1874-4086-a158-95f54eedd642" alt="" data-size="line">), to any Shopify variant.\
**Check this icon at anytime to verify the binding status of a customization option!**

To bundle-bind customization options to Shopify variants, simply follow the steps below:

1. Open the **customizer's settings**<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FUbIjjJZhw1whDzuPX3Za%2FSettings2.png?alt=media&#x26;token=43e665a1-3acf-45ab-a01c-c63b4397d456" alt="" data-size="line">, and set the '**Binding**' type to '**Bundle**'.&#x20;
2. If you have already set up your customizer, select '**Edit**' <img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FiyqsB06I0AcJewVfJtoh%2FArrow.png?alt=media&#x26;token=d5c2fcda-983e-4718-8ed6-b01c7b244972" alt="" data-size="line"> on the relevant customization option.\
   \
   Otherwise, if you are just starting to set up your 3D configurator, select '**Add a customization option**'.
3. Enable the '**Bindable**' setting.
4. Under 'Bundle binding', assign the '**Bundle product**' and '**Variant option**'.\
   The listed options represent the variants set on Shopify.&#x20;
5. Now, let's bind the customization options to Shopify's variants.\
   \
   If you're creating the customization option for the first time, select '**Generate pre-filled options from variant option \[Blank]**'.\
   This feature automatically applies all Shopify variant options to the customizer. You will only need to **adjust each variant option value so that it affects the 3D model** (e.g.: assigning texture, hiding components, etc.).\
   \
   [**→ How to set up customization options**](https://docs.angle3d.co/angle3d-configurator-documentation/set-up-configurator/customization-options)\
   \
   \
   Otherwise, if you're modifying an existing customization option, manually assign each '**Variant option value**'.\
   The listed options represent the variants set on Shopify. <br>
6. You can **further customize your binding** by opening the **customizer's settings**<img src="https://803380752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F22431HzDMZonA1VZWqv0%2Fuploads%2FUbIjjJZhw1whDzuPX3Za%2FSettings2.png?alt=media&#x26;token=43e665a1-3acf-45ab-a01c-c63b4397d456" alt="" data-size="line">and selecting the 'Binding' section. Here, you can modify:\
   \
   • '**Color Tags**'\
   You will notice that *Angle 3D Configurator* automatically assigns **color tags** to both the primary and secondary products. This will greatly help when editing or setting up new customization options. \
   \
   • '**Optional in Cart**'\
   The app allows you to **set a secondary product as optional** in the cart.\
   In other words, your clients would still be able to complete their purchase in the instance of one of the secondary products being out of stock or unavailable. \
   \ <br>