Articles on: 🎨Installation Guide: DORO Custom Product Designer

Add Product Color Variants for Personalization

Learn How to Add Color Variants for Personalization. You can add color variants to your personalized products, allowing customers to choose a color and personalize it by adding text or uploading images. This makes it easy for them to customize the product exactly how they want!


Steps:



Video Guide

Before getting started, you can watch the step-by-step video below to understand the complete process of adding color variants for personalization:




  1. Product Configuration: Click on Configure Personalization Products âžś Click On the Add Product Button.


  1. Selection of Product: Select the product âžś Click on the Add button.



  1. Personalization Option:- Select Personalization typeâžś Click on the Customize Button


  1. Edit Side: You can edit the product side details, such as name and canvas image type. Click on the Side 1 âžś Click on the three dots (â‹®) âžś Click on Edit Side.



Note: This feature will only work if the product variant option is named "color" or "colour" in the admin panel.





  • Canvas Image type: Choose the variant images from the list to display the matching color variants of the selected image on the frontend.







  • Select Color Variants:- Open Product → Add Side → Select “Color” under Variant option → Select a color (Red/Black/Green/Purple/Orange) → Choose/Upload the matching product image → Repeat for each color → Click “Update





  1. Save the Settings: After clicking the Update button, Background Label will be enabled automatically âžś Click the Save Button.

  1. Background Label: Go to the frontend âžś Select the product âžś click the customize button âžś Click on Background Label


Result:

Select any colour — it will be applied and displayed on the canvas instantly.


Note: You can’t change the canvas image type of the other sides directly. It’s set based on the first side. To update it, change the canvas image type on the first side.


If you encounter any issues or require further assistance, don't hesitate to reach out for help..:)

Updated on: 07/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!