# Getting started

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

Before setting up color swatches, make sure:

* **Your products have variants** (e.g. Color: Red, Blue, Green; Size: X, M, L, XL).
* If newly added variants are not appearing, **sync your product data** in the Globo Swatch app.

***

### [1. Product variants swatch](https://docs.globo.io/product-variants-swatch)

* Display product variants as color or image swatches on product pages, collection pages, homepages, and search results.
* Improve customer experience by allowing quick and easy selection of product options.
* Choose from different swatch types: color, image, or custom uploaded images.

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FKZmPJarmSqLzgYWon6Z3%2F1-product%20varriant%20swatch.webp?alt=media&#x26;token=1fd2dddc-4a1e-4b87-94d7-01aff908208f" alt=""><figcaption><p>Product variants swatch</p></figcaption></figure>

### [2. Group products as variants](https://docs.globo.io/group-products-as-variants)

* Combine multiple single products into one parent product with selectable variants.
* Maintain separate inventory tracking for each grouped product while displaying them under one listing.
* Enhance store navigation and reduce clutter by consolidating similar products into one.

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2Fucl7yIcYA5kUpd5Bkvv4%2F1-group-product-as-variant.png?alt=media&#x26;token=4004f776-0f5b-451e-98cf-ec7f127b836d" alt=""><figcaption><p>Group products as variants</p></figcaption></figure>

### [3. Bundles product](https://docs.globo.io/bundles/setting-up-product-bundles)

* Create product bundles (up to 5 items) to encourage customers to purchase complementary products together.
* Offer discounts or promotions on bundled products to increase average order value.
* Allow customers to customize their bundles by selecting specific variants within a bundle offer.

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FP1KK4glOJENapcH1so4D%2F1-product-bundles.png?alt=media&#x26;token=bb8cd426-58fe-4f77-80bc-d85ce48b65d1" alt=""><figcaption><p>Bundles product</p></figcaption></figure>

### [4. Quantity break](https://docs.globo.io/bundles/setting-up-quantity-breaks)

* Offer tiered pricing discounts when customers purchase multiple quantities of a product.
* Automatically apply discounts based on quantity thresholds (e.g., Buy 2, get 10% off; Buy 5, get 20% off).
* Encourage bulk purchases and increase overall revenue while offering better value to customers.

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F9il96WIQei0qlZRAPONZ%2F1-quantity-breaks.png?alt=media&#x26;token=34a1a8aa-884d-4cd9-b12d-f59fbbcec29c" alt=""><figcaption><p>Quantity break</p></figcaption></figure>
