# Material

Material option set is a fast way to create color/material variants for your configurator. If your product has color options the material type option set would be the correct way, however setting the color options using the material block is not the only way to do it, but it is definitely the fastest way to do it.

**Add material option set**

Adding a material block is done the same way we add other types of option set. Go to the "Create Options" tab and click the drop-down button on the top right of the screen and select **Material**. After selecting the Material, click "**Add block**" to add it to the list of blocks in the configurator.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FdLQd7aYk5L6LMyjhn9tn%2FScreenshot%202024-11-18%20at%2011.07.39.png?alt=media&#x26;token=c4556dbf-de01-49f5-9e5e-f3af95b83ac7" alt=""><figcaption><p>Add Material option set</p></figcaption></figure>

Before adding Material to the blocklist, the platform will prompt you to define it by writing a **title** and add the first **variant**. Also you can select the style of the button, hide/show title and thumbnail size.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FjBXVXtwTYWQJAizkoBmN%2FScreenshot%202024-10-24%20at%2016.20.44.png?alt=media&#x26;token=5cb2b07f-d5b6-4f8e-a418-fb702ac5b0d1" alt=""><figcaption><p>Material option set edit page</p></figcaption></figure>

After clicking the blue "Add Variant" button in the bottom right of the screen, a pop-up window will appear with the variant parameters.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FI0tasjaXKdVSesC5uIFK%2FScreenshot%202024-10-24%20at%2016.39.58.png?alt=media&#x26;token=99e75662-e469-45ec-b5de-42b90f9ae226" alt=""><figcaption><p>Variant popup window</p></figcaption></figure>

There are 5 parameters where you can define a variant:&#x20;

* **Title** - name your variant inside the material option set
* **Variant Name** - this name will not be visible in the configurator, it will be used only for internal purposes
* **Select 3D Model** - choose one 3d model you want to use in this variant (*for example a 3d shoe*)

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FngVXAXuM7Yu18V1rmnjR%2FScreenshot%202024-10-24%20at%2016.43.59.png?alt=media&#x26;token=b938fbd3-012f-4e8b-8158-64aa592d590a" alt=""><figcaption><p>Select 3D Model</p></figcaption></figure>

**Select 3D Parts** - choose the 3d parts you want to be affected by this variant (*for example parts from a shoe*)

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FOwPKRsBI1fwTsdXqDGYr%2FScreenshot%202024-10-24%20at%2017.05.26.png?alt=media&#x26;token=872a106d-4194-4fba-95ed-f8a8ff2ecbd4" alt=""><figcaption><p>Select 3D parts</p></figcaption></figure>

**Select Material** - choose a **material category** (not individual color) that the configurator will apply, the application will automatically generate color variants found in that category.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2F5fiDYZKdp8suwq1gGRTO%2FScreenshot%202024-10-24%20at%2017.21.56.png?alt=media&#x26;token=91cd000f-2441-418d-9c0a-bd0535c333cd" alt=""><figcaption><p>Select material category</p></figcaption></figure>

Once you've chosen your material category, click "Save" and you'll see the first variant added to the Material block. You can repeat this process to add more variants.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2F6SKISb7zzmdj0uraw3Vc%2FScreenshot%202024-10-24%20at%2018.02.36.png?alt=media&#x26;token=f13a88a3-84d6-418c-82a9-b5c9ce1cccf8" alt=""><figcaption><p>First variant added</p></figcaption></figure>

Now click "Save" again and click the "Preview" button on the top right screen to see what the configurator looks like.&#x20;

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FRzfp9udVLfD1DvJah7zd%2FScreenshot%202024-10-24%20at%2018.00.32.png?alt=media&#x26;token=98f6114a-edca-453c-ab30-1e57f97e8ff7" alt=""><figcaption><p>Preview mode</p></figcaption></figure>

{% hint style="warning" %}
**When adding variants in the Material block, the process is a bit different. Instead of choosing one color, users select a category, and every color in that category is included as a variant in the Material option set.**
{% endhint %}

In order to properly set a Material option set, you will need to create the material category and its materials in the Materials section. For more details on this please see the [Materials](https://docs.simplio3d.com/learning-the-app/materials) chapter.
