Gratuito · Senza registrazione · Esporta HTML

Editor HTML Email Gratuito

Crea l'email su una tela e portati via il codice. Inky scrive l'HTML con tabelle e stili inline che i client di posta si aspettano, pronto da incollare ovunque invii le tue email.

Senza account · Senza limiti · Copia l’HTML

editor.inky bozza.eml
[ immagine principale ]
LEGGI DI PIÙ →

Com'è l'HTML che esporti

L'HTML per email è un dialetto a parte: un sottoinsieme del web di vent'anni fa, dove flexbox, i float e i foglio di stile esterni non sono affidabili, e una tabella resta il modo più sicuro per mettere due cose fianco a fianco. L'editor scrive quel dialetto al posto tuo.

  • Tabelle annidate per la struttura, così i client che ignorano il CSS moderno posizionano comunque i tuoi blocchi correttamente.
  • Stili applicati direttamente sugli elementi, così niente si rompe se un client rimuove il blocco <style>.
  • I tuoi URL assoluti per le immagini, così le foto si caricano da qualsiasi casella di posta e non da uno spazio di archiviazione dell'editor.
  • Un'azione Copy HTML per il codice finale — e Copy JSON o Download JSON file per il progetto stesso, se vuoi riaprirlo più avanti.

HTML per email scritto a mano, senza scriverlo a mano

La parte noiosa dello sviluppo email non è il design, è l'impalcatura: le tabelle contenitore, la larghezza ripetuta in tre punti, le celle di riempimento, lo stile che hai dimenticato di rendere inline. È esattamente questo che l'editor elimina.

Lavori con blocchi — testo, immagine, bottone, divisore, spaziatore, colonne — e il codice sottostante resta coerente perché viene generato, non riscritto a mano. Annulla e ripeti coprono ogni tentativo, e niente viene salvato su un server di cui devi fidarti.

Il blocco di testo ricco fa il lavoro pesante

Non esiste un blocco titolo separato: i titoli H1-H3 escono dal blocco di testo ricco stesso, insieme a grassetto, corsivo, sottolineato, barrato, elenchi, allineamento, colore del testo e dello sfondo, e link. È il blocco che sostiene la maggior parte del contenuto reale di un'email.

Il resto della palette è volutamente corto: contenitore, colonne, bottone, immagine, divisore, spaziatore e una riga per i social. Nessun blocco tabella a parte, nessun video, QR code, menu o avatar — non esistono in questo editor, quindi non vengono promessi da nessuna parte.

Chi crea email in questo modo

Tre profili arrivano alla stessa esigenza: un editor visuale la cui uscita è un file, non una pagina ospitata altrove.

  • Sviluppatori che collegano un'email transazionale ad Amazon SES, Postmark, Resend o SendGrid, e hanno bisogno dell'HTML nel repository, vicino al codice che lo invia.
  • Persone di marketing il cui ESP accetta una campagna in HTML personalizzato, ma il cui editor integrato non riesce a produrre il layout richiesto.
  • Agenzie e freelance che a fine lavoro devono consegnare al cliente qualcosa che sia interamente suo.

Lo stesso HTML, ogni volta che lo esporti

Un problema tipico dello scrivere il markup a mano è che due persone — o la stessa persona in due sessioni diverse — non arrivano esattamente allo stesso risultato: una cella di riempimento con un valore diverso, uno stile applicato sull'elemento sbagliato, una tabella annidata con una riga in più. Qui l'HTML esce sempre dalla stessa struttura a blocchi, quindi due email con lo stesso design producono un markup equivalente, senza variazioni accidentali tra un'esportazione e l'altra.

Questo conta soprattutto quando l'HTML entra in un repository di codice: revisionare una modifica al template significa confrontare il diff del file esportato, non indovinare cosa è stato toccato a mano l'ultima volta.

Semplifica anche la manutenzione nel medio periodo: se dopo qualche mese serve aggiornare un colore del brand o il testo di un bottone in diverse email, modificare il blocco corrispondente in ogni documento e ri-esportare dà un risultato prevedibile, invece di dover cercare e sostituire a mano lo stesso valore ripetuto decine di volte dentro tabelle annidate.

Salvare il design come JSON, oltre all'HTML già esportato, è ciò che rende possibile quella manutenzione senza perdere il punto di partenza: il file JSON riapre il documento esattamente com'era, con ogni blocco ancora modificabile, mentre l'HTML finale resta a parte come l'artefatto effettivamente inviato o integrato nel codice dell'applicazione.

Questa separazione tra il documento modificabile e il file finale è quello che permette di tornare su un'email di settimane prima senza dover ricostruire nulla a memoria.

Lo stesso principio vale quando più email condividono lo stesso impianto: sistemare una volta il documento di base e ripartire da lì per ogni variante evita di dover verificare a mano che tutte siano rimaste coerenti tra loro.

[ Modelli ]

Parti da un template, non da zero

Ogni template si apre nell'editor come un documento modificabile, ed esporta esattamente come qualsiasi cosa costruisci tu stesso.

Domande frequenti su questo

L'HTML che esporto è mio da usare come voglio?

Sì. Puoi usarlo in email commerciali, in lavori per clienti o in un prodotto — non serve alcuna attribuzione né un link di ritorno a questo sito nel codice.

Posso modificare l'HTML dopo averlo esportato?

Sì, è un normale file di testo: aprilo in qualsiasi editor di codice. L'editor visuale però non importa di nuovo l'HTML, quindi se vuoi continuare a modificare sulla tela, conserva anche il progetto come JSON.

L'editor carica la mia email su qualche server?

No. Funziona interamente nel tuo browser, senza backend, quindi il documento e l'HTML esportato non lasciano mai il tuo computer.

Gratuito · Senza registrazione

Aprilo, crealo, esportalo.

Serve uno schermo più grande

L'editor ha bisogno di più spazio

Inky mette la palette dei blocchi, la tela e l'ispettore fianco a fianco, il che richiede una finestra larga almeno 960px. Apri questa pagina da un laptop o un computer desktop: l'editor è a un clic.