Skip to main content
Setup GuideVerified Feb 23, 2026

Get Started with Color Variants on Shopify

Install Color Variants, configure variant display settings, customize swatch appearance, and test on a product page. Show customers all their options at a glance.

Setup steps

Follow these steps to get quick start: color variants running with Color Variants.

Quick Start: Color Variants

  1. 1

    Install from the Shopify App Store

    Visit the Color Variants listing on the Shopify App Store and click "Add app" to install it on your store.

  2. 2

    Configure variant display

    Open the app and choose how to display your product variants: as color swatches, image thumbnails, or dropdown menus.

  3. 3

    Customize swatch appearance

    Upload custom swatch images or set colors for each variant option. Adjust swatch size, shape, and hover behavior.

  4. 4

    Test on a product page

    Visit a product page on your storefront to verify the variant swatches display correctly and switch between variants smoothly.

Want to learn more?

Explore the full details including regulations, comparisons, and pricing.

Can't find what you're looking for?

We build custom solutions and love hearing from merchants. Tell us what you need.

Get in touch