Risparmia tempo importando i modelli di email che hai già progettato. Carica file HTML da Canva, Mailchimp, Klaviyo o codice personalizzato, quindi utilizzali in Campagne Email e Flussi automatizzati.
Questa guida ti mostra come importare modelli, risolvere errori comuni e assicurarti che le immagini vengano visualizzate correttamente.
Prima di iniziare
Leggi i requisiti HTML:
Prima di importare, consulta Nozioni di base dell'HTML per email e Blocco di contenuti HTML personalizzati per l'elenco completo dei tag supportati.
⚠️ Importante: <!DOCTYPE HTML> e i tag <head> devono essere rimossi prima del caricamento. </head>Puoi farlo manualmente in un editor di testo, oppure utilizzare htmlcorrector.com per rimuovere automaticamente questi tag e altri elementi non supportati.
Due metodi di importazione:
Importa HTML (carica un file .html) – utile per gli utenti di Mailchimp
Incolla il codice (copia/incolla HTML) – utile per gli utenti di Klaviyo e Canva
Importa da Canva
Canva è uno strumento di design popolare, ma la sua esportazione in HTML richiede passaggi aggiuntivi prima che funzioni in Omnisend.
Passaggio 1. Esporta da Canva
In Canva, vai su Condividi → Scarica → Tipo di file: HTML. Canva scaricherà una cartella contenente:
email.html (il file di cui hai bisogno)Una cartella
images(dovrai ospitare questi separatamente – vedi sotto)
Passo 2. Apri il file HTML in un editor di testo
Windows: Fai clic destro su
email.html →Apri con → Blocco noteMac: Fai clic destro su
email.html →Apri con → TextEdit
⚠️ Non fare doppio clic sul file – si aprirà nel tuo browser invece.
Passaggio 3. Pulisci l'HTML
Elimina l'intera riga
<!DOCTYPE html>in cimaElimina tutto ciò che si trova tra
<head></head>e (inclusi i tag stessi)Copia il codice rimanente e incollalo in htmlcorrector.com
Clicca su Pulisci HTML e copia il risultato
Passaggio 4. Ospita le tue immagini
Omnisend non può importare file immagine direttamente. La cartella immagini di Canva non funzionerà – le immagini devono essere ospitate online con URL completi (es. https://yoursite.com/image.jpg).
Opzione A: Carica su Omnisend
In Omnisend, crea una nuova Campagna Email
Aggiungi un blocco Immagine → Carica ogni immagine
Fai clic destro sull'immagine → Copia URL immagine
Nel tuo HTML, sostituisci i percorsi delle immagini locali (
images/photo.jpg) con gli URL di Omnisend
Opzione B: Usa hosting esterno
Carica le immagini su Imgur, Cloudinary o il tuo sito web, quindi aggiorna gli URL delle immagini nel tuo HTML.
Passo 5. Incolla il codice
Vai a Impostazioni del Negozio → Template email salvati → Importa template → Incolla il codice, poi incolla il tuo HTML ripulito.
Processo di importazione
Passaggio 1. Naviga alle Impostazioni del Negozio
Vai a Impostazioni del Negozio → Modelli salvati.
Passo 2. Visualizza modelli salvati
Vedrai:
Una lista di modelli salvati – Puoi copiarli, visualizzarli in anteprima o eliminarli. Scopri di più su come copiare i modelli.
Pulsante di importazione template – Clicca qui per scegliere il tuo metodo di importazione.
Opzione 1. Importa il file HTML
Se hai un file .html salvato sul tuo computer:
Clicca su Importa HTML
Aggiungi il tuo Nome del template
Scegli il file HTML
Clicca Carica
Se vedi "Spiacenti, non siamo riusciti a importare il Template email:"
Cause comuni:
L'HTML contiene ancora i tag
<doctype></doctype>o<head></head>(rimuovi questi per primi)Il file include elementi non supportati (
<iframe>,<script>, CSS non valido)Formato file errato (.zip, .txt o cartella) – deve essere un file .html
Correzione: Pulisci il tuo codice utilizzando htmlcorrector.com, poi prova Opzione 2: Incolla il codice invece.
Il tuo Template email importato apparirà nella pagina Template salvati e sarà disponibile durante la creazione di campagne e flussi automatizzati.
Opzione 2. Incolla il codice HTML
Se hai copiato il codice HTML (ad es., da Canva, Klaviyo o un altro strumento):
Clicca Incolla il codice
Aggiungi il tuo Nome del template
Incolla l'HTML pulito
Clicca Importa
Il tuo Template email apparirà nella pagina Template salvati e sarà disponibile nelle campagne e nel flusso automatizzato.
Modifica un Template email importato
Puoi modificare il contenuto e il design del tuo modello. Fai clic sul contenuto dell'email per aprire l'editor HTML.
⚠️ Note importanti:
Se trasferisci un Template email da un altro fornitore di servizi email, dovrai eliminare manualmente:
Tutti i tag di personalizzazione
Link per visualizzare nel browser
Link per disiscriversi
Omnisend aggiungerà automaticamente le proprie versioni.
Nota: Le immagini potrebbero non essere visualizzate correttamente nelle email di test o nelle anteprime. Questo è un comportamento previsto – le email di test utilizzano link temporanei per le immagini che non sempre vengono visualizzati correttamente (soprattutto in Gmail e Outlook Web). Per verificare il tuo design, invia la campagna a un vero segmento di test o al tuo indirizzo email. Le immagini verranno visualizzate correttamente nelle campagne live.
Risoluzione dei problemi
Perché il mio HTML è vuoto in anteprima?
Le anteprime vuote sono solitamente causate da tag HTML non supportati o errori di formattazione.
Correzione:
Pulisci il tuo HTML utilizzando htmlcorrector.com
Rimuovi i tag
<DOCTYPE>,<head>,<iframe>e<script>Assicurati che le immagini utilizzino URL completi, non percorsi di file locali
Testa prima con HTML semplice (ad es.,
<p>Test</p>) per confermare che il blocco funzioni, poi aggiungi gradualmente il tuo contenuto
Perché non riesco a vedere le immagini dopo l'importazione?
Omnisend non può accedere ai file immagine locali. Se il tuo HTML fa riferimento a immagini memorizzate sul tuo computer (ad es., images/photo.jpg), non verranno visualizzate.
Correzione: Ospita le immagini online e aggiorna gli URL nel tuo HTML. Vedi il "Ospita le tue immagini" sezione sopra.
Cosa significa "il testo contiene tag HTML vietati"?
Questo errore significa che il tuo HTML include tag non supportati nelle email. Colpevoli comuni:
<doctype> e </doctype>tag <head></head><iframe> (contenuto incorporato)</iframe><script> (JavaScript)</script>Stile CSS o font complesso
Correzione: Usa htmlcorrector.com per rimuovere automaticamente questi tag, o eliminarli manualmente. Vedi Blocco di contenuto HTML personalizzato per l'elenco completo dei tag supportati.
Domande frequenti
Posso caricare la cartella delle immagini di Canva insieme al file HTML?
No. Omnisend accetta solo codice HTML – non può elaborare cartelle di immagini o file immagine locali. Dovrai caricare le immagini separatamente e aggiornare gli URL nel tuo HTML. Vedi "Host your images" sopra.
L'HTML importato appare diverso dal mio design. Perché?
L'HTML delle email viene visualizzato in modo diverso rispetto all'HTML del web. Problemi comuni:
I client email rimuovono CSS complessi – Gmail, Outlook e Apple Mail non supportano molte proprietà CSS moderne
I design di Canva utilizzano formattazione web – Canva è ottimizzato per il web, non per i client email
I font potrebbero non caricarsi – I font personalizzati spesso tornano ai font di fallback nelle email
Soluzioni:
Usa htmlcorrector.com per pulire il codice non supportato
Semplifica il tuo design: usa tag HTML di base e CSS in linea
Considera di ricostruire nell'Editor email di Omnisend per una migliore compatibilità. Inizia a utilizzare l'Editor email.
Testa la tua email su più client (Gmail, Outlook, Apple Mail) prima di lanciare
Per ulteriori indicazioni o aiuto, contatta il nostro team di supporto premiato utilizzando la chat in-app o inviando un'email a [email protected].