Add Product Image in Salesforce CPQ Quote Line Editor – Hands-On Workbook

(Image added for every step)

Steps:

1. Create ‘Product Image Id’ Text field on Product
2. Create ‘Product Image’ Formula Field on Product
3. Create a ‘Product Image folder’ and upload the Image
4. Create ‘Product Image’ Formula Field in the Quote Line and reference the product image from the product object

Step 1: Create Text Field ‘Product Image ID’ – Product_Image_ID__c

Step 2: Create Formula Field ‘Product Image’ – Product_Image__c

Formula

IMAGE(“/servlet/servlet.FileDownload?file=”+Product_Image_ID__c, “”, 98,115)

Step 3

Go to Classic -> Documents

Create Document Folder

Upload the image and make External available image to true

Get the id of the record created

The ID you copied and paste in the ‘Product Image Id’ field of the Product Object

Output

Step 4: Show image on Quote Line Editor

Create ‘Product Image Formula Field’ and reference the product image from the product object

Formula

SBQQ__Product__r.Product_Image__c

Add Product Image field to the Field Set

Fieldset ->Line Editor -> Drag Product Image Field