| Table of Contents |
|---|
General
With the help of the quote item "ImagesImage", 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 Graphic 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:
.png?version=2&modificationDate=1649858428005&cacheVersion=1&api=v2)
Please note that an image always occupies a whole line:
.png?version=2&modificationDate=1649858507373&cacheVersion=1&api=v2)
Image items follow the same logic as the other quote items:
Icon | Explanation |
|---|---|
.png?version=2&modificationDate=1649858741838&cacheVersion=1&api=v2) | The badge on the right editor indicates the type of the quote item. |
.png?version=1&modificationDate=1649858770483&cacheVersion=1&api=v2) | 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:
.png?version=2&modificationDate=1649858792130&cacheVersion=1&api=v2)
Function | Explanation |
|---|---|
| The "Upload files" function allows you to upload images from a location outside of Salesforce. If you upload more than one image, they should be the same size if possible to ensure a clean display in the quote document. |
.png?version=2&modificationDate=1649858836491&cacheVersion=1&api=v2) | Alternatively, you can drag and drop the desired images. |
.png?version=3&modificationDate=1649858827704&cacheVersion=1&api=v2)
.png?version=2&modificationDate=1649858857300&cacheVersion=1&api=v2)
| Note |
|---|
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".
.png?version=2&modificationDate=1649858888338&cacheVersion=1&api=v2)
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:
.png?version=2&modificationDate=1649858914921&cacheVersion=1&api=v2)
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 |
|---|---|
.png?version=2&modificationDate=1649858971601&cacheVersion=1&api=v2) | Size specification in %. |
.png?version=2&modificationDate=1649858960432&cacheVersion=1&api=v2) | The Padding slider refers to the positioning of multiple images next to each other in a graphic element. |
.png?version=2&modificationDate=1649858946546&cacheVersion=1&api=v2) | Specify whether the image element is centered, left-aligned, or right-aligned in the PDF. |
In appero quote Lightning Editor you have a good preview of your image item.
.png?version=2&modificationDate=1649858993801&cacheVersion=1&api=v2)
To really make sure that the rendering meets your expectations, please use the PDF preview.
| Warning |
|---|
Browser noteFor 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
| Note |
|---|
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 a graphic 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.
.png?version=2&modificationDate=1649859020539&cacheVersion=1&api=v2)
After saving, the image will be included in each quote created from the template.
| Note |
|---|
If you use external URLs, please configure the corresponding remote site setting so that the image can be read. Also, please make sure that the default users also have the necessary permissions for the images. |
Related Links
| Html macro |
|---|
<a href="https://help.salesforce.com/articleView?id=collab_files_versioning.htm&type=5" target="_blank">Upload a New Version of a File</a> |
| Html macro |
|---|
<a href="https://support.mozilla.org/en-US/kb/content-blocking" target="_blank">Content blocking | Firefox Help</a> |