Visual Add to Cart

Edit on GitHub

Visual Add to Cart lets buyers upload a product image on the Quick Order page. AI automatically recognizes the products in the image and pre-fills the quick order form with matching SKUs and quantities.

Use case: A buyer photographs a shelf, a product list, or product packaging. The system identifies the products and quantities visible in the image, finds matching SKUs in the catalog, and pre-fills the quick order form — enabling rapid bulk ordering without manual entry.

Accepted file formats: JPEG and PNG (up to 10 MB).

Use Visual Add to Cart on the Storefront

  1. Open the Quick Order page.
  2. Click the image upload button.
  3. Upload a photo where one or more products are recognizable. The recognized products are pre-filled in the quick order form.
  4. Review the pre-filled items and adjust if needed.
  5. Add the items to cart.

Enable Visual Add to Cart

To enable the feature, in the Back Office, go to AI Commerce > Quick Order > Visual Add to Cart and turn it on.

Developer resources

RESOURCE DESCRIPTION
Visual Add to Cart Technical overview: architecture, configuration options, and how the feature integrates with AiFoundation.
Install Visual Add to Cart Step-by-step installation guide.