> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/swatch/getting-started.md).

# Getting started

​GLO Color Swatch & Bundles is a Shopify app designed to enhance product displays by allowing merchants to present product options as image and color swatches, dropdowns, or button.

### 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 GLO Color Swatch.

***

### [1. Product variants swatch](/swatch/product-variant-swatch/configure-swatch-style.md)

* 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&amp;token=1fd2dddc-4a1e-4b87-94d7-01aff908208f" alt=""><figcaption><p>Product variants swatch</p></figcaption></figure>

### [2. Group products as variants](/swatch/group-products-as-variants/configure-product-group-as-variant.md)

* 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&amp;token=4004f776-0f5b-451e-98cf-ec7f127b836d" alt=""><figcaption><p>Group products as variants</p></figcaption></figure>

### [3. Bundles product](/swatch/bundles/setting-up-product-bundles.md)

* 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&amp;token=bb8cd426-58fe-4f77-80bc-d85ce48b65d1" alt=""><figcaption><p>Bundles product</p></figcaption></figure>

***

**💬 Need help?**

Email us at **📧 <contact@globo.io>** - we’re happy to assist!