You can add multiple color options to vectors so shoppers can choose from a range of colors while personalizing. You can assign color options for dynamic vectors or shopper uploaded vectors (vector placeholders). Colors applied to a dynamic vector will be applied to all the vector options uploaded into it, this is a great way to provide customers with not only a set of vectors to choose from but also, to be able to choose from a selection of colors. Colors applied to a vector placeholder, will be applied to whatever vector the shopper uploads.
 
You can assign multiple colors in two ways:

Tip

If you want customers to choose any vector color freely you can configure it by using the color picker option. There is no need to set multiple color options. 

To add multiple color options using libraries

  1. First, you have to create a color library. You can learn how to create a color library here.

  2. Select the vector element
  3. Expand the Vector Mode toolbox
  4. Select Single color as the vector type
  5. Choose the color library you'd like to use

2025-06-05 13.06.06.gif

You will see all the color options the text has displayed in the toolbox. To see how they look, just click through them.

Tip

If you want to change the order of the color options, you can do so by editing the library. Learn how to edit a library here.

To add multiple color options to a vector manually

  1. Select the vector element
  2. Expand the Vector Mode toolbox
  3. Select Single color as the vector type
  4. Click the color swatch to assign a color
  5. Click Apply
  6. Click + Add Color Option
  7. Pick a color and click Apply
  8. Repeat 5 and 6 to add as many color options as you'd like

2025-06-05 13.05.06.gif

You will see all the color options the text has displayed in the toolbox. To see how they look, just click through them.

To delete a color option, click the mceclip0.png next to the color value.

To edit the color option, click the next to the color value, and pick a new color.

Tip

You can change the color options order by clicking the dots to the left of the font option. Simply click and drag to rearrange them.

Share

Was this article helpful?

0 out of 2 found this helpful
Have more questions? Submit a request