---
canonical: https://amplience.com/developers/docs/dev-tools/guides-tutorials/product-customization/workflow/
title: Product customization workflow
description: Guide for Amplience product customization workflow for setting a workflow status to items and assign them to other team members for review and approval.
image: https://cdn.media.amplience.net/i/ampproduct/product-customization-1?w=1200&h=630
image_width: 1200
image_height: 630
audience: Developer
date_published: 2024-01-30
date_modified: 2024-02-02
---

# Product customization workflow

The Product Customization app includes basic workflow capabilities, allowing users to set a workflow status to items and assign these items to other team members for review and approval. This walkthrough shows a typical Product Customization workflow.

## Preview the SVG

As explained in the [Colorization Quickstart](https://amplience.com/developers/docs/dev-tools/guides-tutorials/product-customization/colorization#part-3---making-the-svg-dynamic),
a user will create an SVG and then parameterize it to prepare it for customization. The SVG will then be uploaded to Content Hub where it can be managed in the Product Customization app and tested with various configurations before making it live.

![The SVG library in the product customization app](https://cdn.media.amplience.net/i/ampproduct/product-customization-1?w=1880&fmt=png 'The SVG library in the product customization app')

Within the Product Customization app, the SVGs are organized in the SVG Library. To preview and test colorized variants of the SVG, open the Contact Sheet, either by double-clicking the SVG in the library or choosing "View contact sheet" from the menu in the top right of the item's library card.

The Contact Sheet window displays each of the variants defined for this
SVG and new variants can be added by clicking the "+" icon.

![Viewing a contact sheet](https://cdn.media.amplience.net/i/ampproduct/product-customization-2?w=1880&fmt=png 'Viewing a contact sheet')

Each variant in the contact sheet shows both the workflow status for the entire SVG and a separate Pass or Fail status for the individual variant. In this example the workflow status is "Draft" because the SVG has not yet been approved. The setting of Pass or Fail for a variant is independent of the overall workflow and an SVG can be approved even if one or more of the individual variants is set to Fail.

![SVG variant with a status of draft](https://cdn.media.amplience.net/i/ampproduct/product-customization-3?w=1880&fmt=png 'SVG variant with a status of draft')

## Assign the work to another user

Click the workflow status icon to change the workflow status or assign the item to another user. In this case we're assigning this work to Bob.

![Assigning the work to Bob](https://cdn.media.amplience.net/i/ampproduct/product-customization-4?w=1880&fmt=png 'Assigning the work to Bob')

## Choose to approve or reject

When the work is ready to be reviewed, the approving user can choose to accept or reject it.

![Choosing to approve the work](https://cdn.media.amplience.net/i/ampproduct/product-customization-5?w=1880&fmt=png 'Choosing to approve the work')

When the status is updated, the workflow status icon is updated to reflect the change. In this case the item has been approved.

![The workflow status is updated to approve](https://cdn.media.amplience.net/i/ampproduct/product-customization-6?w=1880&fmt=png 'The workflow status is updated to approve')

## View workflow in the SVG library

In the SVG Library, you can search for items based on their publish status, approved/rejected and assigned to and by. The screen below shows only items that have been approved and assigned to the current user. The workflow status icon is shown in the top left of the item's library card, next to its publication status.

![The workflow icon is shown in the SVG Library](https://cdn.media.amplience.net/i/ampproduct/product-customization-7?w=1880&fmt=png 'The workflow icon is shown in the SVG Library')

Click the workflow icon to display the workflow status screen, from
where you can access the same functions that are available from the
contact sheet page. You can change the workflow status and assign the
item to another user.

![Click the workflow icon to show the status screen](https://cdn.media.amplience.net/i/ampproduct/product-customization-8?w=1880&fmt=png 'Click the workflow icon to show the status screen')

## Publish the SVG

When the SVG is ready to be published, choose "Publish" from the menu on the library card.

You can use media delivery URLs to manipulate SVG images programmatically. For more information, see [URLs for SVG images](https://amplience.com/developers/docs/knowledge-center/faqs/assets/#urls-for-svg-images).

![Publish the SVG and then use the media delivery URL to manipulate it programmatically](https://cdn.media.amplience.net/i/ampproduct/product-customization-9?w=1880&fmt=png 'Publish the SVG and then use the media delivery URL to manipulate it programmatically')

The workflow status will also be reflected for this asset in the Content Hub properties pane.