Come creare e inviare newsletter via email gratuitamente

Ci sono molte opzioni a pagamento fornite da molti fornitori di newsletter via email, ma se puoi inviarne una da Gmail, Yahoo, Hotmail e qualsiasi altro account di posta elettronica gratuito, puoi riservare più del tuo budget ad altri articoli.

Se stai cercando servizi di newsletter gestiti in modo migliore con strumenti per monitorare la tua campagna di email, vai con il servizio a pagamento, ma se stai cercando di inviare una newsletter ad alcuni amici, adorerai questo tutorial.

Ti guideremo su come salvare il tuo modello di newsletter come modello HTML e iniziare a inviarlo, con l'aiuto di CampaignMonitor.

Inizia con il modello di email in Photoshop

Se hai un'idea su come desideri che il tuo modello di newsletter sia simile, puoi iniziare a lavorare con Photoshop. Altrimenti, puoi scaricare un modello da molti fornitori di modelli di email gratuiti. Non ci sono specifiche larghezza e altezza di un modello di email, ma per assicurarci che sia compatibile e leggibile su qualsiasi e-mail senza interruzioni, ti suggeriamo di impostare la dimensione della larghezza a non più di 650px. Non ci sono tuttavia limitazioni sulle altezze, quindi il parametro dipende da te.

Modello di email

Puoi essere creativo come preferisci con il tuo modello di email, ma tieni presente che, con più elementi creativi inclusi, ci sarà più lavoro nell'affettare ciascun elemento. Il modello che utilizzeremo ha solo alcuni elementi semplici: un'intestazione, una foto, linee e testo, a beneficio di questa guida.

Selezione di caratteri

Puoi sicuramente utilizzare qualsiasi tipo di carattere disponibile su Photoshop. Ma se stai creando una newsletter, è consigliabile utilizzare i caratteri web come Times New Roman, Arial e Georgia. Altrimenti, usa i caratteri speciali, ma salvali come immagini, anziché come testo.

Cerca di limitare il fatto di dover salvare troppe immagini nel tuo modello, poiché questo lo renderà più grande e quindi richiederà più tempo per essere caricato.

1. Taglia il tuo modello di email

In questa guida, utilizzeremo una versione modificata del modello di posta elettronica gratuito di CampaignMonitor. Scaricalo qui per seguire questo tutorial.

Ora che sei pronto con il modello di email, aprilo con Photoshop, seleziona Strumento Slice e inizia a tagliare ogni elemento del modello.

In questo processo, devi tagliare ogni singolo spazio, testo, linea e immagine.

Quando tagli un testo, assicurati di selezionare le dimensioni esatte, non lasciare spazio aggiuntivo nell'area di testo. Per gli spazi vuoti, affettarli in un'unica grande fetta, ma separarli in quadrati.

Il prossimo strumento che devi usare con Photoshop è il Slice Select Tool. Usa questo strumento per correggere ogni singolo elemento affettato nel tuo modello. Assicurati che ogni linea sia connessa, non lasciare nessuna area vuota senza affettarle.

Con lo strumento Slice Select, ingrandisci il tuo modello e controlla ogni singola fetta creata. Assicurati che ogni linea sia connessa e fissa.

Il risultato sarà simile a questo.

2. Salva come modello HTML

Quando sei pronto con il modello affettato, vai su File e seleziona Salva per Web e dispositivi.

Apparirà una finestra con le opzioni di salvataggio. In primo luogo, fai doppio clic sul tuo elemento immagine e assegnagli un nome in modo da poter riconoscere facilmente il file immagine quando viene salvato. Clic ok dopo averli nominati.

Successivamente nell'angolo in alto a destra della finestra popup, imposta il tipo di immagine come JPEG dal menu a discesa. La qualità può essere impostata su 60 o 80. Se imposti la qualità su 100, la qualità dell'immagine sarà massima ma renderà il tuo modello pesante.

Ora fai clic sul Salvare pulsante nella parte inferiore della finestra.

Apparirà una nuova finestra popup. Qui, seleziona la destinazione in cui desideri salvare il file, quindi cambia il formato in HTML e immagini e impostare il fette a Tutte le fette.

Successivamente, sotto il impostazioni menu a discesa, selezionare Altro.

Apparirà un'altra finestra pop-up, sotto HTML sezione, assicurati che le scelte sotto "Formattazione" siano le seguenti; fare lo stesso per la sezione 'Coding'.

Ora dal HTML menu a discesa, selezionare fette, e selezionare Slice Output a Genera tabella e impostare le colonne come segue.

Ora da fette, vai a Salvataggio dei file dal menu a discesa, vai alla sezione "File ottimizzati" e verifica Metti le immagini nella cartella e impostare il nome della cartella dell'immagine. La cartella immagine predefinita sarà 'images'. Quindi fare clic 'OK'.

Facendo clic su OK si tornerà alla finestra popup precedente, ora si fa clic Salvare.

Dopo aver premuto il pulsante Salva, apri la cartella dove hai salvato il file, e vedrai la cartella html e images contenente le immagini affettate già salvate per il tuo modello di email.

Apri il file ".html" nel tuo browser e vedrai che la tua newsletter è stata convertita in un modello HTML.

3. Correggi HTML, Cambia l'immagine del testo in caratteri web

Alla fine dei seguenti passaggi, riceverai il modello di posta elettronica finalizzato in formato HTML.

Tutti gli elementi nella newsletter HTML sono salvati in immagini, che includono tutto il testo. Ora è necessario convertire le immagini di testo in caratteri web. Per fare ciò, apri il file '.html' con l'editor HTML. In questo esempio, sto usando Dreamweaver.

Fare clic sull'intestazione e controllare l'HTML evidenziato.

L'HTML sarà qualcosa del genere;

Ora cancella ogni riga evidenziata, in alternativa, fai clic sull'immagine dell'intestazione e premi Elimina. Una volta cancellato, vedrai l'area riempita con il colore di sfondo predefinito.

Ora torna a Photoshop, controlla i dettagli dei font dell'intestazione. È necessario ottenere il tipo di carattere, il colore e la dimensione.

Una volta ottenuti i dettagli del carattere, inserisci il testo dell'intestazione nell'area dell'intestazione del modello e includi anche i dettagli del carattere. Nel mio esempio, il mio testo HTML dell'intestazione è il seguente:

Newsletter ABC

La riga HTML sopra ha lo 'stile' incluso. È qui che definisci il colore dello sfondo, la famiglia di caratteri, la dimensione del carattere e la spaziatura delle lettere. Prova a riempire lo spazio del testo con spaziatura delle lettere e dimensioni dei caratteri appropriate; assicurati che non rotti il ​​tuo modello.

Ora devi ripetere lo stesso processo per ogni testo nel tuo modello. Assicurati che tutte le immagini di testo vengano trasformate in caratteri web ed eviti immagini non necessarie in HTML.

Il prossimo è facoltativo, ma puoi impostare la newsletter al centro, aggiungere l'allineamento nel

sezione.

Per rivedere il tuo modello finale, apri il file '.html' sul tuo browser;

Puoi anche scaricare il modello finale qui per il tuo riferimento.

4. Invia HTML come newsletter tramite Gmail

Ora ecco un piccolo trucco per farti inviare la tua email HTML direttamente da Gmail. Per fare ciò, devi effettivamente caricare la cartella della newsletter sul tuo server web, ma nel caso in cui tu non ne abbia una, lasciala fare invece con Dropbox.

Utilizzo della cartella pubblica Dropbox

Se hai registrato il tuo account Dropbox prima del 1 agosto 2012, puoi seguire i seguenti passaggi.

1. Registra un account gratuito con Dropbox, quindi installa l'app sul tuo PC o Mac in modo da poter saltare il processo di caricamento sul Web. Lascia che l'app faccia il caricamento per te.

   

2. Il modello di email che hai creato è stato salvato in una cartella. Copia la cartella e incollala nel Pubblico cartella trovata nel tuo Dropbox (Dropbox> Pubblico).

   

3. Ora, individua il file '.html' nella cartella, fai clic con il tasto destro e seleziona Copia collegamento pubblico.

   

4. Una volta selezionato 'Copia collegamento pubblico', il collegamento verrà salvato nella memoria del computer. Incolla questo link sul tuo browser web, quindi aprilo come pagina web.

   

5. Devi copiare il contenuto di questa newsletter, quindi usa la tastiera e premi Ctrl + A per selezionare tutto e poi Crtl + C per copiare l'intero contenuto (per Mac, usa Cmd + A per selezionare tutto e Cmd + C per copiare)

6. Apri il tuo Gmail, fai clic Comporre per ottenere un'e-mail vuota, fai clic con il mouse nel campo di testo e quindi premi Ctrl + V per incollare la tua newsletter nel campo del contenuto dell'email. Gli utenti Mac possono premere Cmd + V

   

7. La tua newsletter ora appare come contenuto di posta elettronica. Inserisci l'oggetto e l'indirizzo email e invia la tua prima newsletter!

Utilizzando l'app Site44

Poiché Dropbox non fornisce più la funzione di cartella pubblica per gli utenti di Dropbox registrati dopo il 1 agosto 2012, puoi provare Site44, un'app che trasforma le cartelle di Dropbox in siti Web.

1. Visita Site44 ed esegui l'accesso con Dropbox per iniziare.

   

2. Consenti che Site44 si connetta al tuo account Dropbox. Nella maggior parte dei casi, sei tenuto a verificare il tuo indirizzo email.

   

3. Clicca su "Fai clic su un nuovo sito web" per iniziare.

   

4. Nella sezione "Usa un dominio site44.com", digita il nome della cartella preferibile per questo sito web nel tuo Dropbox e fai clic su "Crea". In questo caso, sto usando "mynewsletter"come nome della mia cartella, dopodiché accetta i termini di utilizzo per procedere.

   

5. Ora, Site44 ha creato nuove cartelle per il sito web nel tuo Dropbox.

   

6. Copia la cartella newsletter.html e le immagini che hai creato in precedenza nella cartella Dropbox di mynewsletter.site44.com.

   

7. Apri il browser web e vai a http://mynewsletter.site44.com/newsletter.html.

   

8. Devi copiare il contenuto di questa newsletter, quindi usa la tastiera e premi Ctrl + A per selezionare tutto e poi Crtl + C per copiare l'intero contenuto (per Mac, usa Cmd + A per selezionare tutto e Cmd + C per copiare)

9. Apri il tuo Gmail, fai clic Comporre per ottenere un'e-mail vuota, fai clic con il mouse nel campo di testo e quindi premi Ctrl + V per incollare la tua newsletter nel campo del contenuto dell'email. Gli utenti Mac possono premere Cmd + V

   

10. La tua newsletter ora appare come contenuto di posta elettronica. Inserisci l'oggetto e l'indirizzo email e invia la tua prima newsletter!

Conclusione

Finché la cartella HTML della newsletter è ancora salvata nella tua cartella pubblica Dopbox, il tuo destinatario sarà in grado di visualizzare correttamente la tua newsletter, ma una volta rimossa la cartella, il link verrà interrotto e il destinatario potrà solo visualizzare testo. Spero che tu possa seguire questo tutorial su come creare una newsletter HTML di base con Photoshop e inviarlo in formato HTML tramite Gmail. Se hai altri modi, condividilo con il resto dei nostri lettori.