Inserire una immagine nelle stampe
In questo articolo ti spieghiamo come potresti inserire una immagine in una stampa ( ad esempio in un preventivo).
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: 250px; max-height: 150px" />
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
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
per questo genere di operazioni, prediligi sempre nomi di file e delle cartelle SENZA spazi
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
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
A questa pagina trovi spiegate le proprietà del tag img (attenzione è un sito esterno alla guida)
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: 250px; max-height: 150px" />
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
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
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
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
A questa pagina trovi spiegate le proprietà del tag img (attenzione è un sito esterno alla guida)
Aggiornato il: 31/03/2023
Grazie!