> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.crmincloud.it/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Inserire una immagine nelle stampe

In questo articolo ti spieghiamo come potresti inserire una immagine in una stampa ( ad esempio in un preventivo).


### Immagine presente nel catalogo prodotti


Se hai già inserito l'immagine nella scheda del prodotto a catalogo, ti sarà sufficiente modificare il template di stampa utilizzando la stringa:

`<img src="{{ row.catalog.photoUrl }}" />`

Si tratta del metodo più facile e rapido per ottenere la stampa desiderata; ovviamnete puoi modificare i parametri dell'immagine secondo la sintassi HTML per limitare le dimensioni, come ad esempio la larghezza dell'immagine stessa:

`<img src="{{ row.catalog.photoUrl }}" style="max-width: 150px; max-height: 100px" />`

Ad esempio, nel template standard di stampa, può essere inserita come riga aggiuntiva dopo la stampa della descrizione prodotto


![](https://storage.crisp.chat/users/helpdesk/website/106043fb29758a00/image_rxi7n.png)



### Immagine da caricare nella galleria immagini del CRM


il primo step è caricare l'immagine; per semplicità la caricheremo tra le immagini dei template email, così saranno disponibili all'interno del CRM (non è possibile al momento condividere immagini caricate nell'archivio documenti)

Quindi: entra in Campagne>Template, apri un template esistente (o creane uno nuovo), quindi inserisci un componente immagine trascinandolo sulla destra e poi clicca per caricare l'immagine come in figura

![](https://storage.crisp.chat/users/helpdesk/website/106043fb29758a00/1_1wgb87g.png)

Per comodità ho creato una cartella apposita per le immagini, dove ho caricato l'immagine che mi interessa inserire

Ora inserisco l'immagine nel template e poi vado nel tab anteprima per vedere l'immagine caricata: da qui, clicco con il tasto destro sull'immagine e scelgo copia indirizzo URL
Verrà copiato un indirizzo del tipo https://app.crmincloud.it/api/latest/images/4on31/Immagini_Template/commodore-logo.png?_%20637484589400000000

![](https://storage.crisp.chat/users/helpdesk/website/106043fb29758a00/1_8rw0dj.png)

| 
per questo genere di operazioni, prediligi sempre nomi di file e delle cartelle **SENZA** spazi


###### Inserire l'immagine nel template

Ora devi editare il template inserendo l'immagine nel punto che ti interessa. Nell'esempio specifico la abbiamo inserita nel footer del template, quindi SETUP>Moduli di stampa>Intestazioni>piede; il tag è sempre **img**


![](https://storage.crisp.chat/users/helpdesk/website/106043fb29758a00/1_1adx0ab.png)


Ad esempio: 
`<img style="max-width: 350px; display: block; margin-left: auto; margin-right: auto;" src="https://app.crmincloud.it/api/latest/images/4on31/Immagini_Template/commodore-logo.png?_%20637484589400000000" />`
Il link dell'immagine (presente dentro l'attributo **src** è quello che hai copiato prima dal template mail)


e questa è l'anteprima di come verrà visualizzato l'immagine che vogliamo inserire

![](https://storage.crisp.chat/users/helpdesk/website/106043fb29758a00/1_1qdd4qj.png)


A [questa pagina](https://www.w3schools.com/html/html_images.asp) trovi spiegate le proprietà del tag img (attenzione è un sito esterno alla guida)