Add multiple color options to vectors

You can add multiple color options to vectors so shoppers can choose their preferred color when personalizing your products.

This works with both:

• Dynamic Vectors: The selected color applies to whichever vector the shopper chooses from your Library.

• Vector Placeholders: The selected color applies to the vector uploaded by the shopper.

To add multiple color options, you must set the vector to Single Color mode under the Vector Mode toolbox.

You can add multiple color options in two ways: using a Color Library or adding colors manually.

Add color options using a Color Library

Using a Color Library is the easiest way to assign multiple colors to a vector.

1. Create a Color Library if you don't already have one. See 📄 Create and organize a Library.

2. Select the vector element in the Design Studio.

3. Expand the Vector Mode toolbox.

4. Select Single Color as the vector type.

5. Choose the Color Library you want to use.

All colors from the Library will appear as options. You can click through them to preview how each one looks on your vector.

Add color options manually

You can also create color options directly in the vector settings without using a Library.

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 choose a color.

5. Click Apply.

6. Click + Add Color Option.

7. Choose another color and click Apply.

8. Repeat to add as many color options as you need.

All added colors will appear as options. You can click through them to preview how each one looks on your vector.

Manage manually added colors

Once you've added multiple colors, you can:

• Preview: Click any color option to see how it looks.

• Edit: Click the pencil icon next to a color to change it.

• Delete: Click the trash icon to remove a color option.

• Reorder: Drag the dots beside a color option to change its position.