Images

Images

General

With the help of the quote item "Image", images can easily be placed in the quote. Experience has shown that there are numerous use cases for this:

  • Illustrations or photos of products

  • Logos of partners

  • Visualization of processes or diagrams

  • Photos of employees

  • Awards and certificates

The Image-Item in the quote editor

The quote item Image is available via the inner vertical toolbar. You can select it using the plus sign and place it anywhere in the quote using the positioning bar:

Please note that an image always occupies a whole line:

Image items follow the same logic as the other quote items:

Icon

Explanation

The badge on the right editor indicates the type of the quote item.

Clicking on the image item will display the gear icon as an access to the edit mode.

Clicking on the gear icon opens the edit mode and you can upload the desired images:

image-20250310-155135.png

Function

Explanation

 

The "Upload files" function allows you to upload images from a location outside of Salesforce.
A maximum of three images have space here. If you upload more than that, only the first three will be processed.

If you upload more than one image, they should be the same size if possible to ensure a clean display in the quote document.

Alternatively, you can drag and drop the desired images.

image-20250310-155505.png

Please note that you can only upload one image per item. I.e. if you want to display several images next to each other, please upload them at once. Otherwise the already inserted images will be replaced by the subsequently selected image.

The image as a file at the Opportunity

When the image is accepted, the image element is automatically saved as a file on the opportunity. You will find the file here in the related lists "Notes & Attachments".

image-20250310-160220.png

You can also update the images uploaded in the quote via the files at the opportunity. To do this, simply upload a new version of your file at the related lists "Notes & Attachments". When editing the quote, the updated version of your image file will now be displayed in the editor:

image-20250310-160130.png

Currently, the versioning of files is only taken into account for images that are uploaded directly in the quote. Please update graphics that are stored in templates or bricks via URL manually.

Editing images

In the details dialog of the image item you can adjust the appearance of your file.

Size, spacing and alignment can be intuitively adjusted using the sliders. Click on "Save" to apply the changes to the document.

Function

Explanation

image-20250310-160516.png

Size specification in %.
The image is initially uploaded at 100% of the actual image size.
Please check the display in the PDF preview.

image-20250310-160547.png

The Padding slider refers to the positioning of multiple images next to each other in a graphic element.

Specify whether the image element is centered, left-aligned, or right-aligned in the PDF.

image-20250310-160656.png

Using the “Fit to document” button, you can enlarge or downsize the uploaded images to the width of the page with a single click.

In appero quote Lightning Editor you have a good preview of your image item.

image-20250310-161116.png

To really make sure that the rendering meets your expectations, please use the PDF preview.

Browser note

For correct display of your image items in Firefox, it may be necessary to disable the "Content blocking" setting in the browser. Otherwise, we recommend using Google Chrome.

Images in quote templates

In order to obtain visually appealing quotes, it is obvious to include images already in the quote template.

In templates, however, images cannot be integrated as an upload, but via URL. The following formats are supported

  • Files

  • Documents

  • external URLs

The visibility of files or documents in the template to your users depends on the sharing settings for those files in your Salesforce instance.

Add an image item to your template and store up to 3 image URLs here. The adjustment of size and spacing is analogous to the normal image mode.

image-20250310-163529.png

After saving, the image will be included in each quote created from the template.

If you use external URLs, please store these domains in the setup under “Trusted URLs” so that the image can be displayed. Please also make sure that the standard users also have the necessary permissions for the images.

Related Links

Product Images