Punti chiave

• Canva si occupa del design visivo. L’HTML si occupa della struttura dell’email. Sono due elementi distinti, e il flusso di lavoro li collega. Crei il design in Canva, esporti le risorse grafiche e poi usi l’AI per generare l’HTML che trasforma quelle risorse in un’email pronta da inviare.
• Progetta pensando all’email prima di esportare. Le email sono in genere larghe 600px e a colonna singola. Impostare questi parametri in Canva prima di iniziare il design ti evita di dover rifare il lavoro in seguito.
• Pubblica online le immagini prima di creare l’HTML. Le email non incorporano le immagini come fa un documento. Le tue immagini devono avere un URL pubblico, e l’HTML rimanda a quell’URL.
• L’AI genera la struttura dell’email attorno alle tue risorse di Canva. Descrivi il tuo design e fornisci gli URL delle immagini, e l’AI produce un HTML compatibile con le email, con le immagini posizionate correttamente.
• Gli strumenti di AI possono generare, correggere e convertire il codice delle email HTML partendo da descrizioni in linguaggio semplice, ma testa sempre il codice generato dall’AI prima dell’invio.
• L’editor HTML di Benchmark Email è il passaggio finale. Incolla l’HTML, visualizza l’anteprima e invia. Non serve ricostruire il design all’interno di uno strumento drag-and-drop.

 

Se ti occupi di marketing per una piccola impresa, probabilmente Canva è già aperto in un’altra scheda. È lì che crei i post per i social, le grafiche promozionali, gli annunci di saldi e forse anche i volantini per gli eventi. I design sono ottimi. Poi provi a trasformarne uno in un’email e ti scontri con un ostacolo.

Canva non invia email. Non puoi semplicemente esportare un design e inserirlo nella tua piattaforma email come faresti salvando un JPEG e pubblicandolo su Instagram. L’email ha una struttura, un formato di file e delle particolarità proprie nel modo in cui le immagini vengono caricate e i layout si comportano nei diversi client.

Ma la distanza tra un design Canva finito e un’email inviata è più breve di quanto sembri. Questo articolo ti guida attraverso l’intero flusso di lavoro: cosa progettare pensando all’email, come esportare ciò che ti serve, come usare l’IA per costruire la struttura HTML attorno alle tue risorse e come mettere tutto insieme usando l’editor HTML di Benchmark Email per poi procedere all’invio.

Perché non puoi semplicemente esportare un design Canva come email

L’istinto più comune è esportare il design Canva come JPEG o PNG e incollarlo in un’email come un’unica grande immagine. Tecnicamente funziona, ma crea problemi concreti:

• La maggior parte dei client email blocca le immagini per impostazione predefinita. Un iscritto che non ne ha autorizzato la visualizzazione vede un’email vuota, priva di qualsiasi contesto.
• Le email composte da un’unica immagine danneggiano la deliverability. I filtri antispam verificano che ci sia un rapporto equilibrato tra testo e immagini. Un’email composta al 100% da immagini e allo 0% da testo desta sospetti.
• Le immagini non si ridimensionano correttamente sui dispositivi mobili. Un’immagine larga 600 px che si riduce a 375 px su uno smartphone può restare leggibile, ma i caratteri diventano minuscoli e il pulsante CTA diventa difficile da toccare.
• Non puoi personalizzare né tracciare i link all’interno di un’immagine. Se il tuo design include un pulsante “Acquista ora” come elemento grafico all’interno di un JPEG, non si tratta di un link cliccabile. Non puoi sapere chi lo ha cliccato e non puoi usare i campi di unione per personalizzarne il testo.

L’approccio giusto è usare Canva per ciò che sa fare meglio, cioè progettare gli elementi visivi, e l’HTML per ciò che sa fare meglio: strutturare un’email funzionale e leggibile attorno a quegli elementi.

Passaggio 1: progetta in Canva pensando all’email

Non è necessario riprogettare nulla di ciò che hai già creato. Ma per i tuoi futuri design email in Canva, alcune scelte fatte in anticipo ti faranno risparmiare tempo in seguito.

• Imposta le dimensioni dell’area di lavoro su 600 x 800 px. Questa è la larghezza standard di un’email. L’altezza può variare, ma partire da 800 px ti offre lo spazio per un’intestazione, una sezione di testo e una CTA senza che il layout risulti sacrificato.
• Progetta per sezioni chiare e separabili. Un’email è composta da moduli impilabili: un’intestazione con il tuo logo, un’immagine principale o un elemento grafico, una sezione di testo, un pulsante CTA e, magari, un footer. Se progetti il layout in Canva in fasce orizzontali distinte, quelle fasce diventano i mattoni della tua struttura HTML.
• Usa testo reale per tutto ciò che deve essere leggibile, cliccabile o personalizzato. L’immagine principale o la foto del prodotto restano file immagine. Il titolo, il testo del corpo e il pulsante CTA dovrebbero invece essere testo HTML vero e proprio nell’email, non testo incorporato in un’immagine. Progetta il testo in Canva come riferimento visivo, ma prevedi di riprodurlo in HTML.
• Esporta separatamente gli elementi visivi. L’immagine principale, la foto del prodotto, la grafica di sfondo e il logo dovrebbero essere esportati da Canva come file distinti, non come un’unica immagine combinata che include testo che vorrai riprodurre in HTML.

Passaggio 2: esporta le risorse da Canva

Una volta pronto il design, esporta ogni componente visivo come file separato.

• Per foto e grafiche a colori: Esporta in formato JPG. Offre una buona qualità con un file più leggero rispetto al PNG.
• Per loghi, icone e immagini con sfondo trasparente: Esporta in formato PNG. La trasparenza viene mantenuta.
• Le dimensioni del file contano. Le immagini troppo grandi rallentano i tempi di caricamento e possono appesantire l’email. In Canva puoi ridimensionare le dimensioni di esportazione. Per un’immagine principale in un’email larga 600px, l’immagine non dovrebbe superare i 1200px di larghezza (il doppio per gli schermi retina). Riduci le dimensioni prima di esportare, invece di lasciarlo fare al client di posta.
• Dai ai file nomi chiari. Farai riferimento ai file tramite il loro nome quando li caricherai online, quindi un nome come promozione-giugno-immagine-principale.jpg è più utile di esportazione-design-finale-v3.jpg.

Passaggio 3: carica le immagini online

Le email non incorporano le immagini come fanno un documento Word o un PDF. Le email HTML rimandano a immagini ospitate online tramite un URL. Se l’immagine non è ospitata pubblicamente, gli iscritti non la vedranno.

Opzioni per l’hosting delle immagini:

• Il tuo sito web. Se hai un sito WordPress, Webflow o Squarespace, puoi caricare le immagini nella libreria multimediale e usare l’URL pubblico.
• Google Drive o Dropbox con condivisione pubblica. Carica il file, imposta la condivisione su “chiunque abbia il link” e usa il link diretto. Tieni presente che alcuni client di posta e filtri antispam possono diffidare dei link a servizi di file hosting, quindi, se possibile, è preferibile usare il tuo dominio.
• Un servizio di hosting di immagini gratuito. Se non hai un sito web, strumenti come Imgur, Cloudinary (piano gratuito) o Postimages ti permettono di caricare un’immagine e ottenere subito un URL pubblico. Carica il file esportato da Canva, copia il link diretto dell’immagine e il gioco è fatto.

Una volta caricata online ogni immagine, copia e salva i relativi URL prima di iniziare a creare l’HTML. Ti serviranno nel passaggio successivo.

Passaggio 4: usa l’AI per generare l’HTML dell’email attorno ai tuoi asset

È qui che il flusso di lavoro prende forma. Hai progettato la tua email in Canva, esportato gli elementi visivi e hai gli URL delle immagini pronti all’uso. Ora descrivi il layout a uno strumento di intelligenza artificiale e chiedigli di generare la struttura HTML.

Ecco un esempio di prompt:

“Genera un template email HTML responsive con un layout basato su tabelle e CSS inline. L’email deve essere larga 600px, centrata su uno sfondo chiaro (#f8f8f8).

Area dei contenuti: sfondo bianco, padding di 32px.

La struttura deve essere la seguente:

1) Un’immagine del logo in alto, centrata, con questo URL: [your-logo-url].

2) Sotto, un’immagine hero a tutta larghezza, con questo URL: [your-hero-url].

3) Un titolo centrato in Arial grassetto da 26px, colore #1A1A1A, testo: ‘I nostri saldi estivi iniziano ora.’

4) Due brevi paragrafi di testo in Arial da 16px, colore #555555, interlinea 1,6.

5) Un pulsante CTA centrato: colore di sfondo #E83030, testo bianco, testo: ‘Approfitta dei saldi’, con link a [your-url], padding superiore e inferiore di 14px, padding sinistro e destro di 28px, raggio del bordo di 4px. Aggiungi le media query per renderlo responsive su mobile a 600px.”

L’IA restituirà un codice HTML completo e pronto per l’invio. Le tue immagini create con Canva appaiono nel loro contesto, i testi sono in vero testo HTML e la CTA è un pulsante con un link funzionante, non un’immagine.

Alcuni consigli per scrivere i prompt:

• Inserisci gli URL delle immagini nel prompt. L’IA non può accedere ai file sul tuo computer, ma può utilizzare un URL che le fornisci.
• Descrivi le sezioni in ordine. Dall’alto verso il basso, come un lettore scorrerebbe l’email.
• Chiedi esplicitamente il CSS inline. È fondamentale per la compatibilità con i client di posta. Se l’IA utilizza per impostazione predefinita un blocco <style> nell’head, chiedile di spostare gli stili inline.
• Fai tutte le modifiche che vuoi. Incolla l’HTML in un browser per visualizzarne l’anteprima. Se qualcosa non va, descrivi il problema all’AI: “Il pulsante è allineato a sinistra, centralo” oppure “Aggiungi 20px di spazio in più tra l’immagine hero e il titolo.”

Passaggio 5: incolla in Benchmark Email e invia

Con il tuo HTML pronto, passa a Benchmark Email:

1. Crea una nuova campagna e seleziona l’editor HTML.
2. Incolla l’HTML generato nell’editor.
3. Visualizza l’anteprima dell’email in versione desktop e mobile.
4. Invia un’email di prova a te stesso e controllala in Gmail, Apple Mail e sul tuo smartphone.
5. Apporta le ultime modifiche nella vista codice, aggiorna l’oggetto e il nome del mittente, poi invia.

Il tuo design creato con Canva è ora un’email perfettamente funzionante e recapitabile, con testo reale, link reali e tracciamento dei clic. Quello che sembrava un ostacolo importante nel flusso di lavoro si è rivelato una serie di piccoli passaggi facilmente gestibili.

Alcuni aspetti a cui prestare attenzione

• Verifica che le immagini vengano effettivamente caricate. Nella tua email di prova, controlla ogni immagine. Se alcune appaiono come link non funzionanti o riquadri vuoti, l’URL di hosting è errato oppure l’immagine non è accessibile pubblicamente.
• Assicurati che tutti i link funzionino. Fai clic su ogni link nella tua email di prova: la CTA, l’eventuale link del logo e tutti i link testuali. Individuare un URL non funzionante durante un test è molto meglio che scoprirlo nel report di una campagna.
• Controlla la versione mobile. Apri il test sul tuo smartphone. Verifica le dimensioni dei caratteri, le aree toccabili dei pulsanti e che le eventuali sezioni a due colonne si dispongano correttamente una sotto l’altra.
• Controlla la versione in testo semplice. Benchmark Email genera automaticamente una versione in testo semplice della tua email. Rivedila per assicurarti che sia chiara e che tutti i link importanti compaiano come URL completi.

Domande frequenti

Posso usare un design di Canva così com’è, esportato come un’unica grande immagine?

Tecnicamente sì, ma è sconsigliato. Con una singola immagine di grandi dimensioni, la maggior parte degli iscritti vedrà le immagini bloccate per impostazione predefinita; inoltre questa soluzione penalizza la deliverability, non consente di inserire link cliccabili all’interno del design e non si adatta bene ai dispositivi mobili. L’approccio HTML descritto in questo articolo offre risultati migliori sotto tutti questi aspetti.

Canva offre un’opzione integrata per esportare le email?

In alcuni piani Canva dispone di una funzione “Invia email”, ma è limitata a template di base e non si collega a piattaforme di email marketing complete. Per campagne con una vera gestione delle liste, il monitoraggio dei risultati e un’infrastruttura di deliverability, il flusso di lavoro descritto in questo articolo (Canva per il design e Benchmark Email per l’invio) è la strada migliore.

E se non volessi usare l’IA per generare l’HTML?

Hai diverse opzioni. Puoi usare un template email predefinito in Benchmark Email e inserire le immagini e i testi creati con Canva. Oppure, se hai dimestichezza con l’HTML, puoi scrivere la struttura manualmente seguendo gli schemi della nostra guida alle email HTML. L’IA è la via di mezzo più rapida per chi non è uno sviluppatore.

Come posso ospitare le immagini se non ho un sito web?

L’opzione più semplice è un servizio gratuito di hosting di immagini. Strumenti come Imgur, Postimages o Cloudinary (piano gratuito) ti permettono di caricare un’immagine e generare un URL pubblico in pochi secondi. Puoi anche usare Google Drive o Dropbox con la condivisione tramite link pubblico attivata; assicurati solo che l’URL punti direttamente al file dell’immagine e non a una pagina di anteprima.

Quante volte posso riutilizzare questo flusso di lavoro?

Tutte le volte che vuoi. Una volta ottenuto un template HTML funzionante dal tuo primo progetto da Canva a email, puoi riutilizzare quella struttura per ogni campagna futura. Aggiorna le immagini e i testi, modifica i link, e la struttura con il tuo brand resta invariata. L’intero flusso di lavoro richiede più tempo solo la prima volta.

L’HTML generato dall’AI funziona con tutti i client di posta?

L’HTML basato su tabelle con CSS inline è l’approccio più compatibile per le email, ed è proprio ciò che producono i prompt di questo articolo. Conviene comunque fare dei test su Gmail, Outlook e Apple Mail, perché ogni client visualizza i contenuti in modo leggermente diverso. La struttura generata dall’AI gestisce le differenze più comuni, mentre l’invio di prova intercetta tutto il resto.