How do I add Color Swatches

Add color swatches to your Filter Menu easily

Brad Rees avatar
Written by Brad Rees
Updated over a week ago

To show color or image swatches on your store front, you can follow these steps:

In the Filter Menu admin click on the "Display" button for your color filter group:

Then select the "Swatch" display option:

And scroll down to click "Apply"

The Filter Menu has a list of colors built in, these will automatically map to many common colors. This list currently only supports the English translations for colors.

For any colors that are not automatically matched, you can set custom colors in the App.

On each of your color filters you can set a color or image for the swatch by clicking on the icon in the "Swatch" column:

You can choose a color from the color picker, or past in a hex code for your chosen color. Or click on where it says "No swatch" to add an image:

If you have any additional questions, please contact support through the live chat in the app, or at

Did this answer your question?