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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/getting-started.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.