
What good would shopping online for shoes be if you couldn’t select your favorite color? That’s why color variants are so essential for e-commerce stores.
If you sell clothing, the chances are high that you have multiple colors for each item. But how do you convey that on your Shopify store? It’s not something that’s made apparent from the get-go.
Luckily – we’re here to help you out. That way, you can learn how to add as many color variants as you need for your products. Doing so will enhance your UX and can lead to more sales. Here’s how to add color variants in Shopify.
Using Debutify’s Color Swatches Add-On for Color Variants
If you want to make adding color swatches seamless and effective – use Debutify. It’s a Shopify app specializing in conversion boosting. We highly recommend that you download this app.
Why? Because it contains 54 incredible e-commerce add-ons. It’s basically like downloading 54 apps in one – and for one price.
How many apps do you currently have installed on your Shopify store? How much do you spend each month on app subscriptions? By downloading Debutify – you can get rid of most of those apps. It contains all the add-ons you need to enhance and scale your business.
In this article, we will focus on the Color Swatches add-on. It grants you the ability to add color variants to any product in your store.
More good news is that Debutify is entirely free to try out. You have nothing to lose and everything to gain by doing so. Once you get the app – you’ll need to enable the color swatches add-on.
Enabling the Color Swatches Add-On in Debutify
The first step is to log in to Shopify and head to the Theme Editor. From there, navigate to Theme Settings – and look for Debutify Add-Ons in the drop-down menu. Scroll down until you find the Color Swatches add-on, and check the box next to it. That will enable the app so you can start using it.
Next, you’ll need to go back to Theme Settings. There will now be an icon called ‘Color Swatches‘ with a gear icon next to it. Click on it to proceed.
You’ll see a sidebar with a few customizable options. Yet – this is not where you create and edit color swatches. You’ll need to back out to the main menu for that.
Customizing the Color Swatches Add-On in Debutify
On Debutify – go to the main dashboard. From there, scroll down until you see Color Swatches. Instead of a gear icon – it will have a color palette icon. Click on it to proceed.
Now you’ll see the menu where you can add a new color swatch. The sidebar has a section labeled ‘Content.’ Underneath it, you’ll see your current color swatches, as well as the option to add a new swatch.
Click on Add a New Color Swatch. From there, you’ll see a textbox called ‘Color name.’ For all the primary colors (red, yellow, black, green, blue), all you need to do is type their name. For example, if you type ‘red’ and hit enter, a red swatch will show up.
Of course, the primary colors alone aren’t enough to cut it. There are thousands of unique colors out there, which is why there’s also a color hex key.
It’s a triplet selector that you can use to be as specific with your colors as you want. You can even choose to enter the colors’ numbers instead of using a visual guide. That’s perfect for maintaining particular colors across platforms.
Lastly, there’s an option to add a custom image. In this case – you could use a custom picture of a specific color. That will overwrite the color swatch to reflect your custom image.
Changing Variants and Saving Changes

If you go through these steps and find that your color swatches aren’t working – you’re missing the final step. It would help if you made sure that the variants line up. Here’s what you need to do:
- Go to the Theme Editor > Theme Settings.
- Scroll to Debutify Add-Ons and select Color Swatches (gear icon).
That will lead you to the customizable page from earlier. Here, there’s a textbox called the ‘Color variant option.’ If you change variants – you need to reflect that here.
Also, in the Theme Settings, navigate to Variants. Select the variant you’re using and hit Edit Options. Change the word ‘Color’ to the variant you want to use on the pop-up menu. As long as these two options match – your color swatches will work flawlessly.
That’s how easy it is to start using color swatches with Debutify. In a few short minutes – you can begin selling different colors of products through your Shopify store.
Debutify’s Other Add-Ons
As we said before – downloading Debutify is like getting 54 apps in one package. Besides color swatches, 53 other excellent add-ons will enhance your store. Here’s a glimpse at a few of the other add-ons you’ll get with Debutify:
- Sales countdown timer. Are you running a special sale or promotion on your Shopify store? This add-on lets you add a special timer next to products that are on sale. That will instill a sense of urgency in your customers, encouraging them to act now.
- Upsell pop-ups. It can be hard to sell expensive products and premium upgrades. That’s where upsell pop-ups come into the picture. Before your customers check out – a pop-up will ask if they want to upgrade to a more premium version of the product. That can help you increase your average ticket size.
- Facebook Messenger. Would you love to be able to provide live chat support for your customers? This add-on grants you the ability to do just that. Quickly and seamlessly integrate your Facebook account to use Messenger on your storefront.
If your interested in trying out Debutify follow this link.
Key Takeaways: How to Add Color Variants in Shopify
That’s how you can use Debutify to add helpful color swatches to your Shopify store. As you can see – it’s a simple process that only takes a few minutes to set up. Debutify also allows you to customize the look and feel of your colors to your heart’s content.