> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widebundle.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to use color swatches?

Wide Hello!

We'll see in this article how to use the swatches color.

#### Introduction

Instead of showing dropdowns for your options (such as color or size) on your bundles, you can choose to show swatches.

Swatches are small circles that contain the color inside.

#### Use swatches

When you create offers, you can enable the color swatches.

Just check the checkbox "Use color swatches"

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_i5qduz.png)

And you'll be able to configure the options that will use the swatches

#### Attribute the colors

You can then choose which color you want to display in the circles.

1. Click on "Settings & Design" in the left panel

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_1lxyorz.png)

2. Go to the section "Color Swatches"

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_17n5e20.png)

3. Wait for the section to load

In this section, you will see all the values.

For each option, you'll be able to say if you want to use a color for the circle or an image.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_g8jsev.png)


And after choosing what you want, you'll be able to :

* Choose a color of your choice
* Choose an image from your Shopify Files ( [How to add images to my Shopify Files?](https://help.widebundle.com/en/article/how-to-upload-files-to-shopify-rtv72k/?bust=1698617424262))

Then you can click on Save.