# Bulk export & import variant options

Do you have a lot of valuable color samples and you need to convert them into color swatches or image swatches? The bulk export/import variant option will help you do that faster. 😇

## <mark style="color:red;">Prerequisites \*</mark>

You need to sync data before performing the export/import variant process.

In **dashboard** admin GLO Color Swatch -> click **update data**<br>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F0Ndcn9l0i4R63bQPRHJg%2Fimage.png?alt=media&#x26;token=90750354-1782-4605-9450-2490fb1f5969" alt=""><figcaption><p>Update data</p></figcaption></figure>

***

## Guide step to step

### <mark style="color:blue;">1. Config option variant</mark>

* Go to **Dashboad** admin GLOBO Color Swatch
* Find variant type color / image custom&#x20;

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FrMUAVqgMvczCRDZdQO7R%2Fimage.png?alt=media&#x26;token=be83eea4-4810-4ce2-b5db-3759c21732da" alt=""><figcaption><p>Config button</p></figcaption></figure>

* Click **config** button

### <mark style="color:blue;">2. Export csv</mark>

* &#x20;In page option config, Click export CSV list data value of option

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F0rd5w1c94A9gxoZW9XhP%2Fimage.png?alt=media&#x26;token=9e2c68bd-3f08-4f61-b205-26789df94e67" alt=""><figcaption><p>Export CSV<br></p></figcaption></figure>

### <mark style="color:blue;">3.</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Use excel / text editor to open file csv export**</mark> &#x20;

* Use Excel or Text editor to open file csv export. We suggest use **Excel** to Change data
* Data export example in excel tool

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FG2NHsEsByDm0HIPOLtY8%2Fimage.png?alt=media&#x26;token=8a3a3166-ed7c-4690-8990-d435bcfdc33b" alt="" width="375"><figcaption><p>Data in excel tool</p></figcaption></figure>

**Explanation column:**

* <mark style="color:orange;">Value</mark>: name of value option variant,
* <mark style="color:orange;">Select type:</mark> import data type
* <mark style="color:orange;">Custom:</mark> new value data (color, link image)

> <mark style="color:red;">You can change only column "Select type" and "Custom"</mark>

### <mark style="color:blue;">4. Change data</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**file**</mark>

* <mark style="color:red;">**Do not edit column "Value"**</mark>
* For the value you want to leave blank, use **"one color"** for **"select type"** column and use text "**transparent"** for **"Custom"** column

{% hint style="info" %}
Column "Select type", use only one of the types:\
\&#xNAN;**"One color"**\
\&#xNAN;**"Two color"** \
**"Upload file"**\
**"Image url"**
{% endhint %}

* If you use **"One color"** in "**Select type**", you must enter the color code in the custom column. \
  We accept **hex codes**, because hex codes of colors have the most accuracy.

<mark style="color:purple;">E.g: for one color</mark><br>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F8OmZppLNnUOjUlxOabmn%2Fimage.png?alt=media&#x26;token=d70c0af7-abe0-4fba-923c-b3eeb55b046f" alt="" width="563"><figcaption><p>Type one color</p></figcaption></figure>

* If you use **"Two color"** in "**Select type**", you must enter the color code in the custom column and **next to the column custom you need to add the 2nd color code.**

<mark style="color:purple;">E.g: for two color</mark><br>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FNzdNrHL7y28ketH5pHOG%2Fimage.png?alt=media&#x26;token=c2518104-b071-49aa-b7e5-addf59668fc9" alt="" width="563"><figcaption><p>Type two color</p></figcaption></figure>

* If you use **"Upload file" or "Image url"** in "**Select type**", you must enter the url link image.<br>

<mark style="color:purple;">E.g: for upload image</mark>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FAcWH3Ab6Kw51QUIGbp55%2Fimage.png?alt=media&#x26;token=10e7b421-c468-46ee-a64d-f2d0d3e27887" alt=""><figcaption><p>Type upload image</p></figcaption></figure>

<mark style="color:purple;">E.g: for image url</mark><br>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FXTFxyVqbvTrLUyAVZ1Uf%2Fimage.png?alt=media&#x26;token=d247d07c-d686-4ee0-af45-5d25ea822a13" alt=""><figcaption><p>Type image url</p></figcaption></figure>

### <mark style="color:blue;">5. Save data and import data</mark>

* Go back to admin GLOBO Color Swatch -> Option Config page
* Click **Import** button

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F2rgv8Dz8qsvr1IAteV5u%2Fimage.png?alt=media&#x26;token=df0e7d9a-fc4e-4db9-b727-6d3e9c2e48f5" alt="" width="563"><figcaption><p>Import button</p></figcaption></figure>

* The modal import will open, you can **drag** the changed csv file or click the **add file** button

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FedP9rjTiNlg8Bx3Cfum8%2Fimage.png?alt=media&#x26;token=ac96a765-ada0-44dd-98de-a9c2830e9e36" alt=""><figcaption><p>Modal import</p></figcaption></figure>

* Click to **overwrite** all items if you need to replace the old value

* **Click import** and wait app read file import

* When import done, you can see all data import in column **preview** <br>

  <figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FyvYLx48glBQZZRJPFigV%2Fimage.png?alt=media&#x26;token=c3e5001e-0f23-4957-bd4f-8e0706d955a1" alt=""><figcaption><p>Preview data import</p></figcaption></figure>

* You can check it again and click **save button**

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FgzdBylzlGZWkclZEJiKv%2Fimage.png?alt=media&#x26;token=709de53e-f666-4ace-932c-cb5645fbb1bb" alt=""><figcaption><p>Save data</p></figcaption></figure>

{% hint style="info" %}
**💡 Tips:** If you have a lot of raw values, you can edit them all at once, then import each page, this trick will be very fast.
{% endhint %}

{% hint style="info" %} <mark style="color:orange;">This function supports update data entry for existing options, is not the function of adding new variants.</mark>
{% endhint %}
