# Variant 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>

Bundle binding allows you to group several product together and sell them as a single unit.\
Also, **bundle binding** additionally **provides a convenient solution to Shopify's 100 variants limit** for product.\
\&#xNAN;*Please note that the bundle binding feature is only accessible via the Enterprise plan.*\
\
[**→ Set up Variant Binding**](#how-to-variant-binding)

[**→ Set up Bundle Binding**](https://docs.angle3d.co/angle3d-configurator-documentation/binding/bundle-binding)\ <br>

## How to "Variant Binding"

### Shopify Set Up

Before setting up any binding, make sure the 3D model of your product and its Shopify variant options are properly set up.

[**→ How to upload a 3D model to Shopify**](https://docs.angle3d.co/angle3d-configurator-documentation/get-started/upload-3d-model/upload-your-3d-model)<br>

**Do your customization options exceed** [**Shopify's 100 variants limit**](https://help.shopify.com/en/manual/products/variants/add-variants)**?**\
The [**bundle binding**](https://docs.angle3d.co/angle3d-configurator-documentation/binding/bundle-binding) feature is the solution you need!<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 bind customization options to Shopify variant options, simply follow the steps below:

1. '**Edit**' the customization option and enable the '**Bindable**' option.
2. Assign the '**Variant option**'. These values are taken directly from your Shopify variant options list.
3. '**Save**' your changes. You should see the bindable icon be updated to '<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">'.\
   You may also go to the product's name no the top right and select '**View product on store**' to verify your newest changes.

### 'Generate Pre-Filled Options from Variant Option'

<mark style="background-color:blue;">In case you have Shopify variant options already set up for your product,</mark> <mark style="background-color:blue;"></mark><mark style="background-color:blue;">**here is a little shortcut**</mark> <mark style="background-color:blue;"></mark><mark style="background-color:blue;">for setting up customization options within</mark> <mark style="background-color:blue;"></mark>*<mark style="background-color:blue;">Angle 3D Configurator</mark>*<mark style="background-color:blue;">!</mark>

No need to manually create customization options, simply follow the steps below:

1. Open the 3D configurator and select '**Add a customization option**'.
2. After selecting the [type of customization option](https://docs.angle3d.co/angle3d-configurator-documentation/set-up-configurator/customization-options), enable the '**Bindable**' setting.&#x20;
3. Assign the '**Variant option**' if you're dealing with [**variant binding**](#how-to-variant-binding)**.**
4. Select '**Generate Pre-Filled Options from Variant Option**'. You'll notice that all variants will be ✨magically✨ filled in! \ <br>