about .....portfolio  

 


Febbraio 2010

Come modificare
un modello di Apple Mail


Può capitare spesso che un'azienda debba spedire delle e-mail con una grafica accattivante, per farsi pubblicità o per spedire informazioni agli appartenenti alla propria newsletter.

Sembra una cosa facile ma non lo è affatto. Si fanno mille prove con Outlook o con Mail ma, niente, c'é sempre qualcosa che non fila per il verso giusto. Si potrebbe spedire un allegato in formato immagine o in pdf ma non è una cosa buona perchè c'è il rischio che chi riceve l'e-mail possa pensare di trovare in allegato un virus e quindi eviti di aprirla.

Che si può fare? La cosa migliore sarebbe creare una pagina html e spedirla. In teoria è semplice, in pratica come si fa? Esistono sul mercato alcuni software che permettono di fare queste cose come, ad esempio,
sendblaster ma è un investimento che, ad una piccola azienda che spedirà poche e-mail, non conviene affrontare.
Allora creiamo la nostra pagina html (con Dreamweaver) e proviamo a spedirla, magari aprendo la pagina con il browser, poi selezionando tutto e facendo copia e incolla nella pagina del nuovo messaggio di Outlook o di Mail. La cosa può anche riuscire ma le sorprese sono tante: alcune parti dell'originale html sono scomparse.
Se poi si spedisce l'e-mail, il risultato è che chi la riceve può non trovare la stessa grafica che avete realizzato, immagini e testo mancanti.

Io le ho provate tutte o, comunque, ho fatto molti tentativi, fino a quando ho scoperto Mail: il software per la posta elettronica della Apple. In Mail ci sono i modelli (stationery) che sono pagine in html con testo e parti di grafica personalizzabili.
Mi son detto: se ci sono, si potranno pure modificare, no? Ebbene si, si possono modificare a piacere!

Come si fa.

1_ Aprite Mail, fate nuovo messaggio, e scegliete il modello che vi piace di più e che desiderate modificare.

2_ Cliccate poi su Macintosh HD e seguite questo percorso Libreria / Application Support / Apple / MailStationery / Apple / Contents / Resources.

3_ Vi trovate così tutti i modelli, io ho scelto We've Moved.mailstationery (Announcements / Contents / Resources / We've Moved.mailstationery).

4_ Selezionate il file e trascinate una copia di esso sulla scrivania. Meglio lavorare su una copia che sull'originale.

5_ Cliccate col tasto destro sull'icona e scegliete Mostra contenuto pacchetto.



All'interno troverete parecchi file e cartelle (ora io non sono un esperto e molti di questi file non li capisco, ma non fa niente perchè si può riuscire anche se non si è esperti).



Aprite il file content.html (io l'ho aperto con Dreamweaver).

6_ A questo punto bisogna sapere un po' smanettare con Photoshop e con Dreamweaver, ma di sicuro voi siete più bravi di me e farete cose meravigliose.
Cosa si fa? Se volete ad esempio cambiare lo sfondo (io vi consiglio di usare il bianco perchè in alcune webmail gli sfondi non vengono visualizzati, ma in Mail e Outlook non ci sono problemi) aprite con Photoshop il file bg_pattern.jpg, modificatelo e sostituitelo a quello esistente.



Volete modificare la testata? Semplice modificate il file top.jpg e sostituitelo.

7_ Modificati tutti i file jpeg, adesso si può passare al testo del modello.
Con Dreamweaver potete fare tutto quello che fate con ogni pagina html. Bisogna fare attenzione a non usare Css che purtroppo non sono letti dalle webmail (leggono un html di vecchia generazione). Grazie al contenteditable (lo trovate nel codice html) potrete modificare il testo in Mail. Questa funzione permette di personalizzare il nome del destinatario e altro.

8_ Personalizzato il file html, si dovranno modificare alcune cose nel file Description.plist. Modificare il nome del modello nella riga <string>We've moved.mailstationery</string> con <string>emailprova.mailstationery</string> (per esempio).


el caso in cui vogliate aggiungere altre immagini (jpeg o png) che non compaiono nel modello originale bisognerà aggiungerla ad esempio <string>nuovaimmagine.jpg</string>.

9_ Infine, con Photoshop, modificate il file thumbnail.png che sarà l'anteprima del vostro modello che vedrete in Mail.

10_ A questo punto aprite la cartella dei modelli (Libreria / Application Support / Apple / MailStationery / Apple / Contents / Resources / Announcements / Contents / Resources / ) e trascinate dentro il vostro modello.

11_ Aprite Mail e troverete il vostro modello da spedire. Sicuramente funzionante. Certo le mie conoscenze di programmazione non sono buone e voi potrete migliorarlo molto, ma questa guida vi potrà servire come punto di partenza per modificare e personalizzare i modelli e anche per crearne di nuovi.

Mail è l'unico programma (che io conosca) che permette di fare e-mail personalizzate a costo zero. Chi ha un Mac potrà sfruttare questa bella risorsa che permette di spedire e-mail accattivanti, che daranno alla vostra azienda un'immagine altamente professionale. Chi non ha un Mac, invece, può sempre comprarlo!

 
Febbraio_2010

Dicembre_2009

© Sandro Ballisto Design 2010 . P. IVA 02565190838