[Disponibilità limitata]{class="badge informative"}
Convertire immagini in modelli HTML image-to-html
Journey Optimizer consente di velocizzare notevolmente la creazione di e-mail convertendo le progettazioni di immagini statiche in modelli di contenuto e-mail HTML modulari e completamente personalizzabili.
Sfruttando la tecnologia di intelligenza artificiale generativa, uno strumento integrato analizza il layout, la composizione tipografica, i colori e gli elementi visivi dell'immagine e genera un codice HTML chiaro e modulare che mantiene la fedeltà di progettazione garantendo al contempo la piena modificabilità con E-mail Designer.
Questa funzionalità senza codice consente agli addetti al marketing di trasformare le risorse visive da designer grafici o strumenti di progettazione in modelli e-mail dinamici e modificabili che possono essere salvati e riutilizzati in più percorsi e campagne, senza richiedere competenze tecniche.
I principali vantaggi sono i seguenti:
- Codifica più veloce di quella manuale: il convertitore trasforma le immagini in HTML modificabile in pochi minuti, così da poter saltare il flusso di lavoro manuale da mockup a HTML, che richiede molto tempo.
- Non sono necessarie competenze tecniche - Gli addetti al marketing possono produrre e modificare modelli senza supporto per progettazione o sviluppo.
- Riutilizzabile in più campagne - Salva i modelli nella libreria e utilizzali in qualsiasi percorso o campagna.
- Fedeltà alla progettazione - L'output corrisponde al layout e allo stile dell'utente, pur essendo completamente compatibile con E-mail Designer.
Il convertitore immagine-HTML è ideale per:
- Migrazione piattaforma: migrazione da un'altra piattaforma di e-mail marketing? Converti le progettazioni e-mail esistenti in modelli HTML pronti per Journey Optimizer senza ricompilare da zero.
- Conversione di modelli di progettazione: trasforma i modelli di progettazione da strumenti come Photoshop, Figma o altri software di progettazione in modelli e-mail funzionali.
- Creazione rapida di modelli: genera rapidamente modelli e-mail per campagne sensibili al tempo senza attendere risorse per sviluppatori.
- Creazione di librerie di modelli: crea una libreria completa di modelli coerenti con il marchio che i membri del team non tecnici possono personalizzare e distribuire.
- Riduzione delle dipendenze tecniche: consenti agli addetti al marketing di creare e ripetere in modo indipendente i modelli e-mail, velocizzando l'esecuzione della campagna.
Guardrail e consigli limitations
Tieni presente le seguenti limitazioni durante la conversione di immagini in modelli di contenuto HTML.
-
Interpretazione IA: l'intelligenza artificiale genera HTML in base all'interpretazione visiva dell'immagine. Progetti complessi o insoliti possono richiedere regolazioni manuali dopo la conversione.
-
Precisione del testo: mentre l'intelligenza artificiale tenta di riconoscere e riprodurre il testo con precisione, verifica sempre il contenuto del testo e apporta le correzioni necessarie.
-
Contenuto dinamico: il processo di conversione crea un HTML statico in base all'immagine. Dopo la conversione, dovrai aggiungere manualmente personalizzazione, contenuto dinamico e tracciamento.
-
Layout complessi: le progettazioni molto complesse con livelli complessi, forme insolite o elementi non standard potrebbero non convertirsi perfettamente. Le progettazioni più semplici danno generalmente risultati migliori.
-
Tempo di elaborazione: il processo di conversione può richiedere fino a 5 minuti a seconda della complessità e delle dimensioni dell'immagine. L’elaborazione basata su IA viene eseguita in background, consentendoti di lavorare su altre attività senza mantenere aperta la schermata. Una volta completata la conversione, il modello viene salvato automaticamente come bozza.
-
Disponibilità limitata: la funzionalità Disponibilità limitata migliora continuamente l'immagine al convertitore HTML. Le funzionalità e la precisione possono variare e il feedback fornito consente di migliorare la funzionalità.
Convertire un'immagine in un modello HTML convert-image
Per convertire una progettazione di immagine in un modello e-mail di HTML completamente personalizzabile, segui i passaggi seguenti.
-
Assicurati di disporre di un file di immagine in formato JPEG o PNG contenente la progettazione dell’e-mail.
note note NOTE Per ottenere risultati ottimali, utilizza immagini di alta qualità con elementi visivi chiari e testo leggibile. Le immagini dovrebbero idealmente avere una larghezza compresa tra 600 e 800 pixel, in modo da corrispondere alle dimensioni standard delle e-mail. -
Accedere all'elenco dei modelli di contenuto selezionando Gestione contenuto > Modelli di contenuto dal menu a sinistra.
-
Fare clic su Crea modello.
-
Inserisci i dettagli del modello e seleziona E-mail come canale, quindi fai clic su Crea.
-
Nella sezione Converti immagine in modello eseguire la procedura seguente:
-
Journey Optimizer (Facoltativo) Se nell’organizzazione sono definiti dei temi del brand, puoi selezionare un tema come input in modo che il HTML generato abbia uno stile in base ai parametri del tema del brand. Ulteriori informazioni sui temi
Al modello generato verranno applicati stili quali il colore di sfondo, il colore del pulsante, i caratteri, l’interlinea, i margini e la spaziatura interna, riducendo il lavoro di progettazione aggiuntivo e creando un modello pronto all’uso con modifiche minime.
-
Per caricare un’immagine, accertati che non contenga dati personali (PII, personally identifiable information) né altri dati sensibili, quindi seleziona l’opzione corrispondente per confermare di aver rivisto il file.
-
Fai clic sul pulsante Carica immagine per selezionare il file di immagine.
note caution CAUTION Quando carichi un’immagine per la conversione, tutto il contenuto attualmente aggiunto all’e-mail verrà eliminato e sostituito con il modello generato.
-
-
Dopo aver selezionato l'immagine, fai clic su Apri per avviare il processo di conversione basato sull'intelligenza artificiale.
note note NOTE Il processo di generazione può richiedere fino a 5 minuti a seconda della complessità e delle dimensioni del progetto dell’immagine. Mentre la conversione è in corso, puoi spostarti da questa schermata e lavorare su altre attività. -
Una volta completata la conversione, il modello di contenuto viene salvato automaticamente come bozza.
-
Fai clic su Modifica corpo dell'e-mail. Il modello convertito si apre in E-mail Designer con funzionalità di modifica complete. Ora puoi:
- Rivedere, modificare il contenuto di testo e applicare la personalizzazione
- Modificare le immagini e aggiungere collegamenti
- Regolazione di colori, caratteri e stile
- Aggiungere, rimuovere o ridisporre i componenti di contenuto
- Sfrutta tutte le funzioni di E-mail Designer come con qualsiasi altro modello
-
Apporta le modifiche necessarie per perfezionare il modello e allinearlo alle linee guida del tuo marchio.
-
Una volta completato il modello, fai clic su Salva.
Il modello è ora disponibile nella libreria dei modelli di contenuto e può essere utilizzato durante la creazione di e-mail in percorsi o campagne. Scopri come utilizzare i modelli di contenuto
Best practice best-practices
Per ottenere risultati ottimali durante la conversione di immagini in modelli di contenuto HTML, segui queste raccomandazioni.
- Salva contenuto esistente: la conversione di un'immagine in HTML sostituirà tutto il contenuto esistente nel messaggio e-mail. Salvare sempre il lavoro corrente prima di utilizzare questa funzione.
- Pianifica il flusso di lavoro: utilizza l'immagine per il convertitore HTML all'inizio del processo di creazione dell'e-mail oppure assicurati di essere pronto a sostituire tutto il contenuto corrente.
- Risoluzione: utilizza immagini ad alta risoluzione (larga almeno 1200 px) per migliorare il riconoscimento di testo e il rilevamento degli elementi
- Chiarezza: verifica che il testo sia chiaramente leggibile e che gli elementi visivi siano ben definiti
- Larghezza: progettare immagini con larghezze di posta elettronica standard (600-800 px) corrispondenti ai requisiti tipici del client di posta elettronica
- Formato file: usa il formato JPEG o PNG - evita le immagini compresse o di bassa qualità
- Progettazione completa: include la progettazione completa delle e-mail in un'unica immagine, dall'intestazione al piè di pagina
- Layout semplici: layout più semplici e ben strutturati consentono di convertire in modo più accurato rispetto a progetti molto complessi
- Elementi standard: utilizza modelli di progettazione comuni per le e-mail (intestazione, sezioni del corpo, CTA, piè di pagina)
- Leggibilità del testo: garantire un contrasto sufficiente tra testo e sfondi
- Tipi di carattere sicuri per il Web: le progettazioni che utilizzano tipi di carattere comuni sicuri per il Web saranno più fedeli
- Evita elementi sovrapposti: separa chiaramente gli elementi di progettazione per un migliore riconoscimento della struttura
- Rivedi la bozza: una volta completata la conversione, il modello viene salvato automaticamente come bozza. Esamina attentamente il HTML generato per verificarne l'accuratezza
- Verifica completa: verifica l'e-mail tra client e dispositivi diversi
- Perfeziona manualmente: apporta le modifiche necessarie utilizzando le funzionalità di modifica completa di E-mail Designer
- Allineamento marchio: verifica che colori, font e stile corrispondano alle linee guida del tuo marchio
- Personalization: aggiungi contenuto dinamico e token di personalizzazione come richiesto
- Accessibilità: rivedere e migliorare le funzioni di accessibilità se necessario