---
title: "Configure Visual Product Finder"
slug: "configure-visual-product-finder"
description: "Learn how to configure products in the Visual Product Finder."
tags: ["Visual Product Finder"]
updated: 2024-05-21T10:25:04Z
published: 2024-05-21T10:25:04Z
canonical: "docs.zilliant.com/configure-visual-product-finder"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zilliant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Configure Visual Product Finder

Learn how to use the **Visual Product Finder** editor to configure interactive hot spots and assign products to hot spots.

## Prerequisites

Before you configure interactive hot spots and assign products, you must upload product images. To learn how, read [Product global settings](/v1/docs/product-global-settings).

## Create hot spots and assign products

1. From the application left navigation area, select **Products**.
2. Select the product to edit, then select **Attachments**.
3. Select **Set Interactive Image**.

![VPF_Interactive](https://cdn.document360.io/24f960e8-3c1c-4c18-a2c6-83b6ae4aab84/Images/Documentation/VPF_Interactive.png?sv=2026-02-06&spr=https&st=2026-11-02T16%3A44%3A37Z&se=2026-11-02T17%3A44%3A37Z&sr=c&sp=r&sig=BWzhoV4VTU2339jrvzte801y58C5y0EVRKcU2oZKIYc%3D)

1. In the **Visual Product Finder** editor, create interactive hot spots:
  - Select ![](https://cdn.document360.io/24f960e8-3c1c-4c18-a2c6-83b6ae4aab84/Images/Documentation/CPQ-icon_add.png?sv=2026-02-06&spr=https&st=2026-11-02T16%3A44%3A37Z&se=2026-11-02T17%3A44%3A37Z&sr=c&sp=r&sig=BWzhoV4VTU2339jrvzte801y58C5y0EVRKcU2oZKIYc%3D).
  - Select an image area for the hot spot.
  - For better visibility, add pointers to hot spots. Reposition pointers and hot spots by dragging them to your desired position.
  - Assign products and their components to the hot spots.
2. Select **Save**.

## Upload hot spots with assigned products

For products with numerous components, it can be time consuming to identify each hot spot in the **Visual Product Finder**. An alternative method is to upload a spreadsheet in Excel format with hot spots and assigned products.

### Download a Visual Products Finder template

In the **Visual Product Finder** editor, select ![](https://cdn.document360.io/24f960e8-3c1c-4c18-a2c6-83b6ae4aab84/Images/Documentation/CPQ-icon_download.png?sv=2026-02-06&spr=https&st=2026-11-02T16%3A44%3A37Z&se=2026-11-02T17%3A44%3A37Z&sr=c&sp=r&sig=BWzhoV4VTU2339jrvzte801y58C5y0EVRKcU2oZKIYc%3D).

### Configure and upload the file

1. Generate an SVG file with path instructions for the image. Parse this information to extract coordinates needed for the spreadsheet.
2. In the spreadsheet, enter the values from the SVG file:
  - Enter x- and y-coordinates for hotspots.
  - Map the products to the hot spots by using one of the following options:
    - Product Name
    - ERP ID
    - CRM ID
    - BOM Name & BOM Position. As there may be more than one bill of materials (BOM), provide both the BOM Name and Position ID to identify the unique product.

          Note

          

If you use more than one option to identify and map the product, ensure that the information is consistent. If there are any inconsistencies, the row is skipped during upload.
3. Select ![](https://cdn.document360.io/24f960e8-3c1c-4c18-a2c6-83b6ae4aab84/Images/Documentation/CPQ-icon_upload.png?sv=2026-02-06&spr=https&st=2026-11-02T16%3A44%3A37Z&se=2026-11-02T17%3A44%3A37Z&sr=c&sp=r&sig=BWzhoV4VTU2339jrvzte801y58C5y0EVRKcU2oZKIYc%3D).
4. Select a file to upload. When successfully uploaded, the system generates hot spots based on the rows in the Excel file, together with the products assigned.  

Use the **Visual Products Finder** editor to reposition hot spots.

![VPF_Excel upload](https://cdn.document360.io/24f960e8-3c1c-4c18-a2c6-83b6ae4aab84/Images/Documentation/VPF_Excel%20upload.png?sv=2026-02-06&spr=https&st=2026-11-02T16%3A44%3A37Z&se=2026-11-02T17%3A44%3A37Z&sr=c&sp=r&sig=BWzhoV4VTU2339jrvzte801y58C5y0EVRKcU2oZKIYc%3D)