30 siti per scaricare modelli di email open source
La codifica per la progettazione di email manualmente non è un compito facile . Devi usare una tabella, creare il codice CSS in linea, creare un design per la reattività e, dopo tutto, assicurarti che sia compatibile con una lunga lista di vari client di posta elettronica, per i servizi desktop, mobili e webmail.
Per semplificare questo processo, ora ci sono molti modelli gratuiti di email open source che puoi scaricare, quindi modificare o modificare a tuo piacimento. Alcuni possono essere costruiti su un modello base fornito, mentre altri hanno framework e componenti pronti per essere assemblati.
Abbiamo fatto il lavoro di gambe ed ecco quello che abbiamo da offrire: 30 posti dove puoi trovare modelli di email open source per le tue esigenze.
Invia con noi
Invia con noi è un sito basato sulla community per i modelli di email open source e reattivi. Ci sono circa 10 modelli disponibili con vari sotto-modelli all'interno per scopi specifici come e-mail per sondaggi, upselling, conferma, ecc.
SalatoSalted è un modello di email HTML reattivo che può essere utilizzato come base per un modello di email. Questo modello pulito viene utilizzato sulle newsletter di Litmus. Lo stile per la visualizzazione di modelli di email open source è già ottimizzato e puoi utilizzare le tabelle percentuali o le query multimediali per mantenere tutto fluido.
CerberusCerberus sono modelli di email reattivi che puoi utilizzare per adattare un design di email regolari a uno reattivo, abbastanza facilmente. Esistono due tipi di modelli, uno con le query multimediali e uno senza, per i layout fluidi (le dimensioni stesse indipendentemente dal supporto delle query multimediali).
Modello di email HTML reattivoCi sono due tipi di modelli di email HTML qui, una versione inline e una versione non inline che può essere utilizzata su un servizio di marketing come Mailchimp, così com'è. Questo modello di email è testato sui principali client di posta elettronica, sia mobili che desktop.
Email BlueprintsQui puoi trovare circa 25 modelli generali e 6 modelli reattivi, creati appositamente per gli utenti di MailChimp.
RespmailUn modello di email progettato per funzionare sui principali dispositivi e piattaforme di posta elettronica, questo modello utilizza i modelli MailChimp come base e viene testato e rivisto per la compatibilità e riformattato per Outlook, Yahoo, Hotmail, Gmail e altri servizi. Scarica la fonte su GitHub.
InchiostroInk è un framework che puoi utilizzare per creare rapidamente e-mail reattive in HTML che funzioneranno su qualsiasi dispositivo o per qualsiasi client di posta elettronica. Inchiostro include una griglia di 12 colonne con alcuni elementi dell'interfaccia utente per la prototipazione rapida.
Modelli di email transazionaliUn modello reattivo per le email transazionali, puoi trovare 3 modelli qui: per azione email, avvisi via email e per la fatturazione. Tutti i modelli sono stati testati su noti client di posta elettronica.
AntwortRisposta offre un modello di posta elettronica reattivo che consente di utilizzare columsn sul desktop e quindi adattarsi alle righe quando si è su schermi mobili più piccoli. Ci sono anche modelli inclusi per uso a colonna singola, doppia colonna o tre colonne (con open-source-email-templates /).
Email reattivaUn modello di email reattivo basato su tabelle, con Mailchimp unisce i tag. Sebbene abbia solo un modello, puoi rendere più interessanti le cose con le molte opzioni di layout disponibili.
Email FrameworkEmail Framework offre componenti pre-compilati che è possibile utilizzare per creare un modello di email HTML reattivo. Include anche boilerplate.html
, un file HTML di base che può essere modificato.
Responsive Email Patterns è una raccolta di modelli e moduli per e-mail reattive. È possibile trovare una varietà di stili per layout, navigazione, elenchi, blocchi di griglia, supporti e accordi.
ZenitZenith è un framework di posta elettronica realizzato usando SASS. È dotato di una griglia reattiva, di un layout facile da controllare, di una tipografia, di schemi di colori e di altri che utilizzano le variabili SASS.
Shopify Modelli di email HTMLQui troverai 10 modelli che trattano cose come accogliere nuovi utenti, attivare account, notifiche di rimborso, aggiornamenti di spedizione, reimpostazione della password e altro ancora.
PassionePassion è un modello di email preesistente con supporto reattivo. Emana un'atmosfera minimalista, pulita e semplice.
Modelli di email HTML reattiviEcco un modello di email reattivo con compatibilità con tutti i principali client di posta elettronica, realizzato con un codice ben commentato e leggibile. Esistono tre modelli (generali, promozionali ed esplorativi) con differenti combinazioni di colori.
ArdesiaEcco 5 modelli di email che sono stati testati su oltre 30 client di posta elettronica (desktop, mobile, webmail). Ce n'è uno per annunci di prodotto e annunci semplici, un modello per una newsletter, una ricevuta e uno di base (cartoleria).
CakemailCakemail
fornisce dozzine di modelli di newsletter gratuiti per la retina. Ci sono 6 categorie che puoi sfogliare, o semplicemente controllare la sezione Popular. Puoi anche optare per la combinazione di colori che ti piace prima di scaricare la tua copia.
Ecco un modello di newsletter reattivo piatto che è compatibile con quasi tutti i client di posta elettronica.
Email reattivaVuoi qualcosa di super semplice, solo le basi? Avete capito bene. Segui i tre passaggi necessari per impostare questo modello di email per uso personale.
WDWOttieni due modelli, uno per un modello di aggiornamento settimanale e un altro come modello di iscrizione fornito da Web Design Weekly.
GleemailOltre ai modelli, Gleemail ti consente di creare modelli di email HTML con Moustache e di modificarli con Stylus.
MosaicoMosaico è un editor di tempalte e-mail open source e puoi trovare due modelli forniti gratuitamente, con cui puoi giocare. Modifica, trascina e rilascia e gioca con i componenti all'interno.
Modelli di timbro postaleCi sono 3 modelli disponibili qui, una e-mail di benvenuto, una email di reimpostazione della password e un'e-mail di ricevuta, tutti forniti dai modelli di Postmark. Se vuoi dare un'occhiata al loro aspetto, segui il loro post sul blog.
EightMedia boilerplateTrova un boilerplate per creare il tuo modello di email. È stato fornito un modello base. Puoi scrivere il codice su Jade. SASS e l'inlining CSS automatico sono stati inclusi per semplificare il tuo lavoro.
BellaBella è un modello di email multiuso multiuso, pulito, luminoso e moderno. È disponibile in formato HTML e PSD.
RafecaTrova modelli di email reattivi che sono stati utilizzati per le email di marketing di giffgaff qui. Scarica qui i modelli da GitHub.
Campaign MonitorCampaign Monitor ha rilasciato oltre 100 modelli di email gratuiti per il download. Ci sono 36 modelli che possono essere visualizzati in anteprima sulla pagina, mentre il resto può essere scaricato con il link "Scarica tutti" nella parte inferiore.
Modello di email reattivoUn modello di email reattivo, adattato per l'uso mobile realizzato da Rachel Beser.
Il modello di posta elettronica gratuito di StampliaCi sono 7 modelli di email esclusivi e reattivi di Litmus dal marketplace di Stamplia. Funziona su Outlook, Gmail e "il resto di quegli ingannevoli client di posta elettronica". I file sorgente PSD sono inclusi.
Ora Leggi: 9 trucchi per progettare la newsletter HTML perfetta10 pacchetti Atom più utili per sviluppatori Web
Hai provato Atom? Anche se è abbastanza nuovo, molti si sono innamorati di Atom, un editor di testo realizzato da GitHub che offre molti vantaggi e soprattutto è gratuito per l'uso. Atom viene fornito con alcuni pacchetti integrati, come l'integrazione con Git e la visualizzazione ad albero.
5 elementi HTML che probabilmente non conosci
In passato abbiamo parlato molto degli elementi HTML5 oltre a dimostrare le loro funzioni. Nuovi elementi come header, footer, aside, nav e main rendono la nostra struttura del documento più semantica o "significativa". In particolare, questi elementi aiutano le macchine a comprendere facilmente le sezioni all'interno del documento .