Applying colors on an image

Learn how to apply colors dynamically on an image

Updated over a week ago

Rather than creating images for every color you offer, you can dynamically apply colors to images.

Creating an image question

To apply colors on an image, you must first create an image question and add an image answer to that question.

Using mostly white images

If you want to use dynamic coloring, it is important to desaturate the color of your product images. For the colors to appear bright and clear on the images, they should be as close to white as possible.

Creating a color question

Creating a color question from your image question

By using this method, you can link your color question to an image question.

  1. Open your image question

  2. In the right panel, under display type, click on the + Color question button.

Creating a color question from the add menu

  1. Click on the + button in the top left part of the screen.

  2. Under Select input type, you can pick Thumbnail, Dropdown, Radio, Label or Color picker. Learn more about input types.

  3. Under Select a display type, pick Color, then hit Create.

  4. Within the right panel, under Display Type, next to Apply on, click on + Image question.

  5. Under Select existing question, click on your image question.

  6. You can now see that your color question is linked with your image, it the left panel.

Adding colors

  1. Select you color question by clicking on it in the left panel.

  2. In the right panel, next to Color answers, click on the + button.

  3. Enter a name for your color (the default name is 'Untitled Answer');

  4. Type in a Hex or RGB code, or use the color picker to select your color.

  5. Hit Create.

Lighting

If you wish to create a more realistic finish to the color, we recommend using the lighting settings. Higher values will render a whiter, more intense lighting.

Creating color variants

If you add more than one color in your question, your customers will be able to select an answer and the customizer will display the color based on that choice.

Did this answer your question?